-
Notifications
You must be signed in to change notification settings - Fork 0
/
die-herkunft.html
108 lines (90 loc) · 4.64 KB
/
die-herkunft.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="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Die Herkunft</title>
<link rel="stylesheet" href="/css/style.css" />
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
</head>
<header class="header-die-herkunft">
<div class="header__logo-box">
<img src="img/Logo.svg" alt="Logo" class="header__logo">
</div>
<div class="header__menu-box">
<a href="navi.html"> <img src="img/Burger Menu.svg" alt="Menu" class="header__menu"> </a>
</div>
</header>
<body>
<section class="ursprung">
<div class="u-margin-top-big u-margin-bottom-small">
<h2 class="heading-secondary"> Der Ursprung von Rustica </h2>
</div>
<p class="u-margin-bottom-small">
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte.
Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.
Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.
Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen.
Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben.
</p>
<div class="u-margin-bottom-big u-margin-top-big">
<iframe width="560" height="315" src="https://www.youtube.com/embed/ly36kn0ug4k"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
</div>
<div class="u-margin-top-big u-margin-bottom-big">
<h3 class="heading-tertiary"> Die Anbaugebiete </h3>
</div>
<p class="u-margin-bottom-small"> Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte.
Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.
Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.
Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen.
Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben.
</p>
<!-- Hier muss es aber auf der andren Seite angezeigt werden! check this out -->
<div class="flex-left u-margin-bottom-big">
<img src="img/FEND-coffee-plant-2.png" alt="coffe bauer" class=" image">
</div>
<h3 class="heading-tertiary u-margin-top-big u-margin-bottom-big"> Das Wohl der Kaffebauern </h3>
<p class="u-margin-bottom-small"> Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte.
Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.
Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.
Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen.
Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben.
</p>
<!-- Hier muss es aber auf der andren Seite angezeigt werden! check this out -->
<img src="img/FEND-Coffee-worker.png" alt="coffe bauer" class=" u-margin-bottom-big image">
</section>
</body>
<footer class="footer">
<div class="grid-footer-container">
<div class="grid-footer-item footer-logo-item">
<div class="footer__logo-box">
<img src="img/Logo.svg" alt="Logo" class="footer__logo">
</div>
<div class="footer__text-box">
<h3 class="heading-tertiary">
<span class="heading-tertiary--main"> Rustica </span>
<span class="heading-tertiary--sub"> Café & Rösterei </span>
</h3>
</div>
</div>
<div class="grid-footer-item">
Komm uns besuchen! <br> Fraunhofer Str. 13, Kiel
</div>
<div class="grid-footer-item">
Mo – Fr 8–18 Uhr <br> Sa 11–18 Uhr
</div>
<div class="grid-footer-item">
Impressum <br> Datenschutz
</div>
<div class="grid-footer-item">
Café <br>
Shop <br>
Herkunft
</div>
</div>
</footer>
</html>