-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (133 loc) · 4.65 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
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>vegan backen</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<a href="">
<img src="img/logo.svg" alt="vegan backen logo" class="logo">
</a>
<nav>
<ul>
<li><a href="#about">Über mich</a></li>
<li><a href="#products">Backwaren</a></li>
<li><a href="#sustainability">Nachhaltigkeit</a></li>
<li><a href="#experience">Erleben</a></li>
<li><a href="#contact">Kontakt</a></li>
</ul>
</nav>
</header>
<div class="scroll_to_top_content" id="scrollToTopButton">
<a href="#">
<img src="img/arrow.svg" alt="Button um zum Anfang der Seite zu kommen">
</a>
</div>
<section id="about">
<div class="about">
<div class="about_content">
<div class="about_text">
<h3>Nachhaltiger Genuss - vegan verführt.</h3>
<p>
Ich bin ein backbegeisterter Veganer. Es bereitet mir Freude
köstliche Backwaren zu erschaffen, die nicht nur schmecken, sondern auch positiv
für den Planeten sind. Für mich hat Qualität oberste Priorität. Aus diesem Grund beziehe ich meine
Zutaten aus der Region, um sicherzustellen, dass sie frisch, nachhaltig und umweltfreundlich
sind.
</p>
</div>
<div class="about_image">
<img src="img/about_bread.jpg" alt="Brot">
</div>
</div>
</div>
</section>
<section id="products">
<div class="products">
<div class="products_content">
<div class="products_text">
<h3>Backwaren</h3>
<p>
Ganz gleich, ob es um duftendes Brot, knusprige Brötchen oder luftige Croissants geht – in meiner Backstube
entstehen all diese Köstlichkeiten in rein veganer Form.
</p>
</div>
<div class="product_images">
<img src="img/product_croissant.jpg" alt="Croissants">
<img src="img/product_loaf.jpg" alt="Brot">
<img src="img/product_bread.jpg" alt="Brötchen">
</div>
</div>
</div>
</section>
<section id="sustainability">
<div class="sustainability">
<div class="sustainability_content">
<div class="sustainability_text">
<h3>Nachhaltigkeit</h3>
<p>
Mir liegt es am Herzen, aktiv gegen Lebensmittelverschwendung vorzugehen. Statt überschüssige Backwaren
wegzuwerfen, spende ich regelmäßig die übrig gebliebenen
Köstlichkeiten. Auf diese Weise trage ich dazu bei, hochwertige gebackene Produkte vor der Verschwendung zu
bewahren und Menschen in Not mit schmackhaften Mahlzeiten zu unterstützen.
</p>
</div>
<div class="sustainability_image">
<img src="img/sustainability_wheat.jpg" alt="Weizen">
</div>
</div>
</div>
</section>
<section id="experience">
<div class="experience">
<div class="experience_content">
<div class="experience_text">
<h3>Erleben</h3>
<p>
Wenn du jemals den unwiderstehlichen Drang verspürt hast, in die Welt der köstlichen veganen Gaumenfreuden
einzutauchen, dann lade ich dich herzlich dazu ein, meine kulinarischen Kreationen zu entdecken.</p>
<br>
<p>
Besondere Anlässe verdienen einzigartige Leckereien, und genau hier komme ich ins Spiel. Ob es dein
Geburtstag, deine Hochzeit oder ein anderer bedeutender Moment ist, ich stehe bereit.
Jedes Stück, das meinen Ofen verlässt, ist eine liebevolle Verbindung von
handwerklichem Können und einem Hauch von Magie.</p>
<br>
<p>
Zögere nicht, mich zu kontaktieren. Gemeinsam können wir deine
besonderen Anlässe mit unvergesslichem Geschmack krönen.</p>
</p>
</div>
<div class="experience_image">
<img src="img/experience_bakery.jpg" alt="Bäckerei">
</div>
</div>
</div>
</section>
<section id="contact">
<div class="contact">
<div class="contact_content">
<div class="contact_text">
<h3>Kontakt</h3>
<p>
Hier kannst du mich kontaktieren
</p>
<br>
<ul>
<li>Max Musterfrau</li>
<li>Musterstraße 5</li>
<li>30161 Hannover</li>
<li>[email protected]</li>
</ul>
</div>
</div>
</div>
</section>
<footer>
</footer>
<script src="script.js"></script>
</body>
</html>