-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (102 loc) · 5.82 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html data-wf-page="640b3e76d7d4221a24c9b5b0" data-wf-site="640b3e76d7d422a8f3c9b5af">
<head>
<meta charset="utf-8">
<title>SQL Lernplattform</title>
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/index.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">
WebFont.load({
google: {
families: ["Righteous:regular"]
}
});
</script>
<script type="text/javascript">
! function(o, c) {
var n = c.documentElement,
t = " w-mod-";
n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch")
}(window, document);
</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body class="body">
<div class="navbar-logo-left wf-section">
<div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar-logo-left-container shadow-three w-nav">
<div class="container">
<div class="navbar-wrapper">
<a href="#" class="navbar-brand w-nav-brand">
<div class="text-block"><span class="text-span">S</span>(cratch)<span class="text-span-2">QL</span></div>
</a>
<nav role="navigation" class="nav-menu-wrapper w-nav-menu">
<ul role="list" class="nav-menu-two w-list-unstyled">
<li>
<div data-hover="false" data-delay="0" class="nav-dropdown w-dropdown">
<div class="nav-dropdown-toggle w-dropdown-toggle">
<div class="nav-dropdown-icon w-icon-dropdown-toggle"></div>
<div>Themen</div>
</div>
<nav class="nav-dropdown-list shadow-three mobile-shadow-hide w-dropdown-list">
<a href="einfuehrung.html" class="nav-dropdown-link w-dropdown-link">Einführung</a>
<a href="modellierung.html" id="1" class="nav-dropdown-link w-dropdown-link">Modellierung</a>
<a href="transformationen.html" class="nav-dropdown-link w-dropdown-link">Transformation</a>
<a href="abfragengrundlagen.html" class="nav-dropdown-link w-dropdown-link">Abfragengrundlage</a>
</nav>
</div>
</li>
<li class="mobile-margin-top-10">
<a href="game.html" class="button-primary w-button">Try it out</a>
</li>
</ul>
</nav>
<div class="menu-button w-nav-button">
<div class="w-icon-nav-menu"></div>
</div>
</div>
</div>
</div>
</div>
<div class="w-container">
<div data-current="Tab 1" data-easing="ease" data-duration-in="300" data-duration-out="100" class="w-tabs">
<div class="w-tab-content">
<div data-w-tab="Tab 2" class="w-tab-pane"></div>
<div data-w-tab="Tab 3" class="w-tab-pane"></div>
</div>
</div>
</div>
<div class="w-container">
<h1 class="heading">Making SQL Accessible to Everyone.</h1>
<div class="w-row">
<div class="w-col w-col-6"><img src="images/example_image_game2.png" loading="lazy" sizes="100vw" srcset="images/example_image_game2.png 500w, images/example_image_game2.png 784w" alt=""></div>
<div class="w-col w-col-6">
<div class="text-block-2">SQL eine leistungsstarke Sprache, die in der Datenbankverwaltung und Analyse weit verbreitet ist. <br><br>Aber keine Sorge, wenn das für dich wie Fremdsprache klingt, denn unsere Lernplattform wird dir helfen, SQL auf eine unterhaltsame und effektive Art und Weise zu lernen.Unsere Webseite bietet dir eine umfassende Einführung in SQL, beginnend mit den Grundlagen und schrittweise fortschreitend zu fortgeschrittenen Themen. Du wirst lernen, wie man Datenbanken erstellt, Tabellen erstellt und bearbeitet, Daten abfragt und analysiert, und vieles mehr. Auf unserer Lernplattform findest du interaktive Funktionen wie Übungen und Herausforderungen, die dir helfen, das Gelernte direkt anzuwenden. <br><br>Also worauf wartest du noch? </div>
</div>
</div>
</div>
<div class="w-container">
<h1 class="heading-2">Unsere Inspiration</h1>
<div style="padding-top:56.17021276595745%" class="w-embed-youtubevideo"><iframe src="https://www.youtube.com/embed/kveTwhPOKjc?rel=0&controls=1&autoplay=0&mute=0&start=0" frameborder="0" style="position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:auto" allow="autoplay; encrypted-media" allowfullscreen="" title="Drei Fragen an Dr. Florian Volk"></iframe></div>
</div>
<section class="footer-dark wf-section">
<div class="container-3">
<div class="footer-wrapper">
<a href="#" class="footer-brand w-inline-block">
<div class="text-block"><span class="text-span">S</span>(cratch)<span class="text-span-2">QL</span></div>
</a>
<div class="footer-content"></div>
</div>
</div>
<div class="footer-divider"></div>
</section>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=640b3e76d7d422a8f3c9b5af" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
</body>
</html>