-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (125 loc) · 5.77 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
<!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>5Küchen - Food delivery from five cuisines in Berlin</title>
<link rel="shortcut icon" href="./assets/images/logo.png" type="image/x-icon">
<link rel="stylesheet" href="./assets/css/variables.css">
<link rel="stylesheet" href="./assets/css/elements.css">
<link rel="stylesheet" href="./assets/css/styles.css">
</head>
<body id="page-top">
<!-- CSS hack to open and close header in mobile mode without JavaScript -->
<input type="checkbox" id="close-header-button" aria-label="Close header" role="button" class="close-header">
<label for="close-header-button" title="Close header" class="close-header-label"></label>
<!-- header (logo + menu) -->
<header class="header dark-background">
<section class="header-content main-content">
<a href="./index.html">
<div id="logo">
<img src="./assets/images/logo.png" alt="">
<h1>5Küchen</h1>
</div>
</a>
<nav>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./our-services.html">Our Services</a></li>
<li><a href="./download-the-app.html">Download the App</a></li>
</ul>
</nav>
</section>
</header>
<!-- hero section -->
<section class="index-hero-section dark-background">
<article class="index-hero-content main-content">
<div class="hero-text">
<h2>5Küchen: Order from five international cuisines in Berlin!</h2>
<p>
On 5Küchen you can order from Berlin restaurants that are dedicated to one or more of these five flavourful international cuisines: Italian, Brazilian, Greek, Turkish and Indian. Order here on the website and through the 5Küchen app!
</p>
<p>
Create your account to discover the restaurants that deliver to your address, get coupons, special offers and much more:
</p>
<button class="hero-sign-up-button">Sign up!</button>
</div>
<div class="index-hero-image">
<img src="./assets/images/landing-page/index-hero-image.jpg" alt="Meal on top of table">
</div>
</article>
</section>
<!-- information section -->
<section class="information-section white-background">
<h2>
Choose from a wide variety of dishes
</h2>
<div class="information-content main-content">
<div class="information-item">
<figure class="information-item-image">
<img src="./assets/images/landing-page/breakfast.jpg" alt="Breakfast">
</figure>
<p>
<strong>Breakfast:</strong> start you day with an international dish
</p>
</div>
<div class="information-item">
<figure class="information-item-image">
<img src="./assets/images/landing-page/appertizers.jpg" alt="Appertizers">
</figure>
<p>
<strong>Appetizers:</strong> discover entrées from different country
</p>
</div>
<div class="information-item">
<figure class="information-item-image">
<img src="./assets/images/landing-page/luch-and-dinner.jpg" alt="Lunch and dinner">
</figure>
<p>
<strong>Lunch & Dinner:</strong> try out an international meal
</p>
</div>
<div class="information-item">
<figure class="information-item-image">
<img src="./assets/images/landing-page/desserts.jpg" alt="Desserts">
</figure>
<p>
<strong>Desserts:</strong> order sweets from international cuisines
</p>
</div>
</div>
</section>
<!-- quote section -->
<section class="quote-section gray-background">
<blockquote class="quote-content main-content">
<p>
I've been a 5Küchen customer for 6 months and I can assure you that the ordering process is great: the site and the app are easy to navigate and you get your food on time. Also, I enjoy getting discount perks through the special offers newsletter.
</p>
<span class="quote-author"> - Lukas Schwarz (5Küchen customer)</span>
</blockquote>
</section>
<!-- call-to-action section -->
<section class="call-to-action-section white-background">
<article class="call-to-action-content main-content">
<div class="call-to-action-text">
<h2>Start ordering now!</h2>
<p>
Subscribe to register your location and begin discovering
Berlin's best Italian, Brazilian, Greek, Turkish and Indian restaurants near you and order your first dish right away!
</p>
</div>
<button class="call-to-action-button">Sign up!</button>
</article>
</section>
<!-- footer -->
<footer class="footer dark-background">
<p>
Copyright © 2022 5Küchen
|
Built with <span id="heart-entity">❤</span> by <a href="https://beacons.ai/elisa_amaral" target="_blank">Elisa Amaral</a>
</p>
</footer>
<a class="back-to-top-button" href="#page-top"><span id="arrow-entity">➤</span></a>
</body>
</html>