-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (124 loc) · 4.58 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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width-device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="id=edge" />
<meta name="theme-color" content="#0099dc" />
<meta
property="og:image"
content="https://images.squarespace-cdn.com/content/v1/5b91625a9f877014cb95348f/1536501503513-SY9OEADMD90OE55AJ57A/ke17ZwdGBToddI8pDm48kHxZW8G9yQIB8WDax7xpbxxZw-zPPgdn4jUwVcJE1ZvWhcwhEtWJXoshNdA9f1qD7Wt5K3jmsiBpJAJjNxwpFT48K2g_wJ5Tvrry30-swdfDUdj1yWJm5f7xpqDxWrxJCQ/favicon.ico?format=100w"
/>
<meta name="description" content="Aktuelle News rund um die Uhr" />
<meta property="og:type" content="website" />
<title>BöhmZeitung</title>
<link
rel="icon"
href="https://images.squarespace-cdn.com/content/v1/5b91625a9f877014cb95348f/1536501503513-SY9OEADMD90OE55AJ57A/ke17ZwdGBToddI8pDm48kHxZW8G9yQIB8WDax7xpbxxZw-zPPgdn4jUwVcJE1ZvWhcwhEtWJXoshNdA9f1qD7Wt5K3jmsiBpJAJjNxwpFT48K2g_wJ5Tvrry30-swdfDUdj1yWJm5f7xpqDxWrxJCQ/favicon.ico?format=100w"
/>
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/navbar.css" />
<link
href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;500;700&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/"
crossorigin="anonymous"
/>
</head>
<body>
<div class="wrapper">
<!-- Alert -->
<div class="alert danger">
<p class="text center">
20% Rabatt auf ihr digitales Abonnement gibt es
<a href="#">hier</a>!
</p>
</div>
<!-- Navbar -->
<nav class="navbar">
<div class="brand">
<img src="assets/img/logo.png" alt="BöhmeZeitung Logo" />
</div>
<div class="toggler">
<button class="menu-toggler">
<div class="hamburger">
<div class="btn-line"></div>
<div class="btn-line"></div>
<div class="btn-line"></div>
</div>
</button>
</div>
<div class="collapsible">
<ul class="menu">
<li><a href="#top-news" class="link">Aktuelles</a></li>
<li><a href="#news" class="link">Mehr News</a></li>
</ul>
</div>
</nav>
<!-- Top News -->
<section id="top-news">
<hr class="divider" title="Aktuelles" />
<div>
<!-- Content will be generated by news.js :D -->
</div>
</section>
<!-- News -->
<section id="news">
<div>
<div class="news">
<hr class="divider" title="Technik" />
<div>
<!-- Content will be generated by news.js :D -->
</div>
</div>
<div class="keywords">
<hr class="divider" title="Themen" />
<div></div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div>
<div class="links">
<h2 class="title">Allgemeines</h2>
<ul>
<li><a href="https://dulliag.de/impressum.php">Impressum</a></li>
<li><a href="https://dulliag.de/datenschutz.php">Datenschutz</a></li>
</ul>
</div>
<div class="links">
<h2 class="title center">Anmerkung</h2>
<p class="text" style="margin-bottom: 0; color: rgba(255, 255, 255, 0.8)">
Das ganze dient nur als Projekt im laufe meiner Ausbildung an der BBS Soltau und
dieser Text eigentlich nur als Platzhalter da mir nichts einfiel was hier sonst hin
kann. Die Webseite kann auf
<a
style="color: rgba(255, 255, 255, 0.8); border-bottom: 0"
href="https://github.com/tklein1801/BBS-Grid-Website"
>GitHub</a
>
heruntergeladen werden.
</p>
</div>
<div class="links">
<h2 class="title">Kontakt</h2>
<ul>
<li><a href="https://dulliag.de/#contact">Kontaktformular</a></li>
<li><a href="mailto:thorbe.klein@dulliag.de">E-Mail</a></li>
</ul>
</div>
</div>
<div class="credits">
<p class="text center">© 2020 BöhmeZeitung</p>
</div>
</footer>
</div>
<script src="./assets/js/navbar.js"></script>
<script src="./assets/js/news.js"></script>
</body>
</html>