-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
119 lines (117 loc) · 3.95 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Pizzeria Mamma Mia</title>
<link rel="stylesheet" href="index.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lobster&display=swap"
rel="stylesheet"
/>
</head>
<body>
<nav class="nav">
<a class="nav1" href="#about"
>Über <br class="zeilenumbruch" />
uns</a
>
<a class="nav1" href="">Speise<br class="zeilenumbruch" />karte</a>
<a class="nav1" href="#opening"
>Öffnungs<br class="zeilenumbruch" />zeiten</a
>
</nav>
<section class="hero">
<h1 class="überschrift">
Pizzeria <br />
Mamma Mia
</h1>
<h4 class="überschrift2">Original Italienische Küche aus der Toskana</h4>
<a class="pseudobutton1 button" href="#opening">Öffnungszeiten ansehen</a>
</section>
<section id="about" class="about container">
<div class="about-content">
<h2 class="heading">Über uns</h2>
<p class="abouttext">
Warum können Programmierer nicht gut im Schach spielen? Weil sie immer
die "Bugs" im Spiel suchen! Wenn ein Programmierer einen Kaffee
bestellt, fragt er: "Haben Sie das auch in einer Version ohne
Exceptions?" Und wenn er einen Fehler findet, sagt er: "Das ist kein
Bug, das ist ein Feature!" Wenn Code nicht funktioniert, ist es wie
ein Date: Man fragt sich, wo es schiefgelaufen ist. Und am Ende des
Tages, wenn der Code läuft, fühlt man sich wie ein Jedi, der die Macht
des Debugging gemeistert hat. Möge der Code mit dir sein!
</p>
<div>
<a class="pseudobutton2 button" href="">Zur Speisekarte</a>
</div>
</div>
<div class="aboutimgs">
<img
class="aboutimg about-img-large"
src="picture/about-1.jpg"
alt="Bild vom Eingang"
/>
<div class="about-img-small">
<img
class="aboutimg"
src="picture/about-2.jpg"
alt="Leute die am Essen sind"
/>
<img class="aboutimg" src="picture/about-3.jpg" alt="Eine Pizza" />
</div>
</div>
</section>
<section id="opening" class="openings">
<h2 class="heading">Öffnungszeiten</h2>
<div class="opening container">
<div class="days">Mo. Di. Mi. Do. Fr. Sa. So.</div>
<div class="time">
Ruhetag 11:00-23:00 11:00-23:00 11:00-23:00 11:00-02:00 11:00-03:00
11:00-23:00
</div>
</div>
</section>
<section class="contact container">
<div>
<img
class="contactimg"
src="picture/contact.jpg"
alt="Feiernde Menschen"
/>
</div>
<div class="contacts container">
<h2 class="heading">Kontakt</h2>
<p class="contacttext">
(0) 123 4567890 [email protected] Beispielstr. 1 1337 Beispieldorf
</p>
<div class="contactbuttons">
<div>
<a class="pseudobutton3 button" href="tel:01234567890"
>Jetzt Anrufen!</a
>
</div>
<div>
<a class="pseudobutton4 button1" href="mailto:[email protected]"
>Email schreiben</a
>
</div>
</div>
</div>
</section>
<section class="footers">
<footer>
<div class="footer">
<a class="nav1" href="">Impressum</a>
<a class="nav1" href="">Datenschutzerklärung</a>
<a class="nav1" href="">Jobs</a>
</div>
</footer>
<div class="copyright">
<p>© 2024 Jonas Zander</p>
</div>
</section>
</body>
</html>