-
Notifications
You must be signed in to change notification settings - Fork 11
/
home.html
108 lines (99 loc) · 5.23 KB
/
home.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
104
105
106
107
108
<!doctype html>
<html lang="de">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS und JS Bundle -->
<link href="static/css/bootstrap.css" rel="stylesheet">
<link href="main.css" rel="stylesheet">
<!-- Der Font muss noch importiert werden -->
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;500;600;700&display=swap" rel="stylesheet">
<title>SELiM 2.0</title>
</head>
<body>
<div class="navi">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<button class="navbar-toggler navbar-light" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon navbar-light"></span>
</button>
<a class="navbar-brand">
<!--Desktop und Tablet/großer oder mittel-großer Viewport; Klick auf Bild soll dann auf die erste Seite/eine Einfürungsseite führen-->
<span class="d-none d-sm-block">
<!--Uni-Logo links in der Ecke-->
<img class="d-inline-block align-text-center" src="uni_logo.png" width="70" height="70"
alt="Universität Hildesheim" style="padding-right: 20;">
</span>
<!--Handy/kleiner Viewport - Abkürzung der Bezeichnung unseres Viewports-->
<span class="d-sm-none">Home</span>
</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-linki active" aria-current="page" href="home.html">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-linki dropdown-toggle" href="#" id="navDrop1" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Module
</a>
<ul class="dropdown-menu" aria-labelledby="navDrop1">
<li><a class="dropdown-item bg" href="1-GDI/gdi.html">GDI</a></li>
<li><a class="dropdown-item bg" href="2-IR1/ir1.html">IR1</a></li>
<li><a class="dropdown-item bg" href="3-IR2/ir2_startseite.html">IR2</a></li>
<li><a class="dropdown-item bg" href="4-IR3/ir3.html">IR3</a></li>
<li><a class="dropdown-item bg" href="5-FIS/inhaltsverzeichnis.html">FIS</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-linki active" aria-current="page"
href="6-CSS-GLOSSAR-FRMLS/glossar.html">Glossar</a>
</li>
<li class="nav-item">
<a class="nav-linki active" aria-current="page"
href="6-CSS-GLOSSAR-FRMLS/formelsammlung.html">Formelsammlung</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div id="content">
<div class="container">
<div class="row">
<div class="col">
<h1>Willkommen bei SELiM!</h1>
<p>
SELiM ist eine interaktive Lernsoftware zu Inhalten aus der Informationswissenschaft.
</p>
</br>
<p>
Im Rahmen einer Projektarbeit wurden fünf Module sowie das Glossar und die Formelsammlung neu
konzeptioniert.
Wir hoffen, dass dadurch die Benutzbarkeit auf mobilen Geräten vereinfacht wurde.
Natürlich kannst du das System auch auf deinem Desktopcomputer ausprobieren.
</p>
</br>
<p>
Viel Spaß beim Lernen!
</p>
</div>
</div>
<div class="row justify-content-center">
<div class="col-6 text-center">
<p class="m-2 text-start">
Wenn du dich durch die Seite durchgearbeitet hast und dein Wissen gerne weiter verfestigen
oder nochmal überprüfen möchtest, kannst du das mit diesem Abschlussquiz tun.
</p>
<p>
<a href="7-PM-LTB-GMFCTN/abschlussquiz.html" class="btn btn-success">Zum Abschlussquiz</a>
</p>
</div>
</div>
</div>
</div>
</body>
<script src="static/js/bootstrap.bundle.js"></script>