-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
117 lines (116 loc) · 4.96 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
<!DOCTYPE html>
<html lang="de">
<head>
<title>Pancakes with Love</title>
<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>Pancakes with Love</title>
<script src="https://kit.fontawesome.com/1184db19f3.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="navbar.css">
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="cont.css">
</head>
<body>
<!--################################# Navbar Sektion #################################-->
<div class="nav">
<input type="checkbox" id="nav-check">
<div class="nav-header">
<div class="nav-title">
pancakes with love
</div>
<i class="fa-solid fa-heart"></i>
</div>
<div class="nav-btn">
<label for="nav-check">
<span></span>
<span></span>
<span></span>
</label>
</div>
<div class="nav-links">
<a href="#linkhome">Home</a>
<a href="#container_1">pancakes</a>
<a href="#container_2">about us</a>
<a href="#contact">location</a>
<a href="#contact">contact us</a>
</div>
</div>
<br class="abstand">
<header id="linkhome">
<img src="/images/header.jpg" alt="Banner" class="responsive">
</header>
<!----------Begin pancake Container---------->
<section id="container_1">
<div class="pic_eins">
<img src="/images/honey.jpg" alt="">
<p>Fluffig, zarte Pfannkuchen mit <br>
Honig und Beeren.</p>
</div>
<div class="pic_zwei">
<img src="/images/schoko.jpg" alt="">
<p>...saftiger Schocko PanCake</p>
</div>
<div class="pic_drei">
<img src="/images/fruit.jpg" alt="">
<p>Wild, süß und unglaublich lecker!</p>
</div>
</section>
<!----------Begin about Container---------->
<section id="container_2">
<div class="logo">
<img src="/images/logo.png" alt="">
</div>
<p class="txt_about">Das Wildberry wurde 2021 gegründet und erfreut seine Gäste mit köstlichen Gerichten und herzlicher Gastfreundschaft.
Wir bemühen uns, jeden Besuch zu einem unvergesslichen kulinarischen Erlebnis zu machen.
Unsere Frühstücks- und Mittagsmenüs sind inspiriert von einer Mischung aus traditionellen, hausgemachten Rezepten,
die Ihren Gaumen verwöhnen. Wir verwenden nur frische, saisonale Zutaten, die die köstlichsten Aromen und robuste Güte liefern.
Unsere Verpflichtung, Ihre Erwartungen zu übertreffen, beginnt mit unserer hohen Qualität und unserem freundlichen,
persönlichen Service. Wir tun alles, um sicherzustellen, dass die Bedürfnisse eines jeden Gastes erfüllt werden.
Es ist uns ein Privileg, Sie und Ihre Gäste zu bedienen. Wir wissen es zu schätzen,
dass Sie sich für ein Essen bei uns entschieden haben, und möchten, dass Sie Ihren Tag am liebsten bei uns beginnen.
Im Wildberry Café versprechen wir, Sie mit einem Lächeln zu empfangen und Ihren Appetit mit Freude zu stillen.
Schließlich ist unser Zuhause auch Ihr Zuhause! Ihr Team von Wildberrys
</p>
</section>
<!----------Begin google Container---------->
<section id="contact">
<div>
<iframe class="map_frame" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d11880.303025229152!2d-87.63279594566082!3d41.89122783792202!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880e2ca61afe006f%3A0x952fc2ea4e453f15!2sWildberry%20Pancakes%20%26%20Cafe!5e0!3m2!1sde!2sde!4v1682772413222!5m2!1sde!2sde" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<!----------Begin Formular---------->
<div class="container_F">
<form action="/action_page.php">
<div class="row">
<div class="col-25">
<label for="fname">Vorname</label>
</div>
<div class="col-75">
<input type="text" id="fname" name="firstname" placeholder="Your name..">
</div>
</div>
<div class="row">
<div class="col-25">
<label for="lname">Nachname</label>
</div>
<div class="col-75">
<input type="text" id="lname" name="lastname" placeholder="Your last name..">
</div>
</div>
<div class="row">
<div class="col-25">
<label for="subject">Subject</label>
</div>
<div class="col-75">
<textarea id="subject" name="subject" placeholder="Write something.." style="height:300px"></textarea>
</div>
</div>
<br>
<div class="row">
<input type="submit" value="Submit">
</div>
</form>
</div>
</section>
</body>
</html>