-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
363 lines (322 loc) · 34 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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
<!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>Indeat - Food Delivery Management</title>
<!-- Google Font -->
<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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
<!-- Tailwind CSS File -->
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/custom.css">
</head>
<body>
<!-- Website Header -->
<header class="mx-auto flex justify-between px-4 sm:px-6 md:px-8 py-4 shadow-lg filter drop-shadow-lg">
<h1 class="text-2xl font-semibold text-blue-500">Indeat</h1>
<div class="flex space-x-2 divide-x">
<div class="language text-sm font-semibold space-x-2 self-center">
<a href="#!">SV</a>
<a href="#!" class="text-gray-300">EN</a>
</div>
<button class="self-center pl-2 uppercase font-bold">
<i class="fas fa-user-circle text-blue-500"></i>
<span class="text-sm self-center">Login</span>
</button>
<button class="self-center pl-2">
<svg class="w-4 h-5 text-blue-500" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5 0.239502C16.3755 0.239272 18.1797 0.95872 19.5405 2.24951C20.9013 3.54029 21.7149 5.30401 21.8136 7.177H26.5974C26.8182 7.177 27.0365 7.22444 27.2374 7.31611C27.4383 7.40778 27.6171 7.54153 27.7618 7.70832C27.9066 7.87511 28.0138 8.07105 28.0762 8.28286C28.1386 8.49468 28.1548 8.71743 28.1237 8.93604L25.4812 27.436C25.4289 27.8036 25.2457 28.1398 24.9653 28.3831C24.685 28.6264 24.3262 28.7603 23.955 28.7603H5.04491C4.6737 28.7603 4.31495 28.6264 4.03457 28.3831C3.75419 28.1398 3.571 27.8036 3.51866 27.436L0.876242 8.93604C0.845106 8.71743 0.861298 8.49468 0.923721 8.28286C0.986144 8.07105 1.09334 7.87511 1.23806 7.70832C1.38278 7.54153 1.56163 7.40778 1.76253 7.31611C1.96343 7.22444 2.18167 7.177 2.40249 7.177H7.18628C7.285 5.30401 8.09862 3.54029 9.4594 2.24951C10.8202 0.95872 12.6244 0.239272 14.5 0.239502ZM23.0701 22.9791H5.92828C5.83986 22.9791 5.75248 22.9981 5.67204 23.0348C5.59161 23.0715 5.52002 23.1251 5.46211 23.1919C5.40421 23.2587 5.36136 23.3372 5.33645 23.4221C5.31155 23.5069 5.30518 23.5961 5.31778 23.6836L5.63845 25.919C5.65959 26.0659 5.73295 26.2002 5.84508 26.2973C5.95722 26.3944 6.1006 26.4479 6.24895 26.4478H22.7479C22.8962 26.4479 23.0396 26.3944 23.1517 26.2973C23.2639 26.2002 23.3372 26.0659 23.3584 25.919L23.679 23.6836C23.6916 23.5961 23.6853 23.5069 23.6604 23.4221C23.6355 23.3372 23.5926 23.2587 23.5347 23.1919C23.4768 23.1251 23.4052 23.0715 23.3248 23.0348C23.2443 22.9981 23.157 22.9791 23.0685 22.9791H23.0701ZM24.9972 9.4895H4.0012C3.91278 9.48948 3.82539 9.50848 3.74496 9.5452C3.66453 9.58192 3.59293 9.63551 3.53503 9.70233C3.47713 9.76916 3.43427 9.84765 3.40937 9.93249C3.38447 10.0173 3.3781 10.1065 3.3907 10.194L4.81212 20.1378C4.83326 20.2846 4.90662 20.4189 5.01875 20.516C5.13088 20.6132 5.27427 20.6666 5.42262 20.6666H23.5757C23.7241 20.6666 23.8675 20.6132 23.9796 20.516C24.0917 20.4189 24.1651 20.2846 24.1862 20.1378L25.6077 10.194C25.6203 10.1065 25.6139 10.0173 25.589 9.93249C25.5641 9.84765 25.5212 9.76916 25.4633 9.70233C25.4054 9.63551 25.3338 9.58192 25.2534 9.5452C25.173 9.50848 25.0856 9.48948 24.9972 9.4895ZM14.5 2.552C13.3346 2.55189 12.2056 2.95787 11.3072 3.70011C10.4088 4.44236 9.79714 5.47447 9.57741 6.61892C9.56447 6.68694 9.56671 6.75699 9.58398 6.82404C9.60124 6.8911 9.63311 6.95351 9.67729 7.00683C9.72147 7.06014 9.77689 7.10304 9.83957 7.13246C9.90226 7.16188 9.97066 7.17709 10.0399 7.177H18.9754C19.0424 7.17695 19.1086 7.16219 19.1693 7.13375C19.23 7.10532 19.2837 7.06391 19.3266 7.01245C19.3696 6.96099 19.4007 6.90073 19.4178 6.83593C19.4349 6.77113 19.4375 6.70336 19.4256 6.63742C19.2096 5.48904 18.5991 4.45224 17.6997 3.70625C16.8003 2.96027 15.6685 2.55199 14.5 2.552Z" fill="#3B82F6"/>
</svg>
</button>
</div>
</header>
<!-- Hpmepage Header -->
<section class="homepage-header-bg bg-no-repeat bg-right flex-flex-col bg-white bg-blend-overlay bg-opacity-70 xl:bg-opacity-0 pb-40">
<div class="indeat-container mx-auto px-4 self-center py-12 sm:py-24 md:py-32 xl:py-40">
<h1 class="text-3xl md:text-4xl xl:text-5xl font-thin">Indian cultural food</h1>
<form action="" method="" class="py-2 mt-7 grid grid-cols-1 md:grid-cols-3 w-12/12 md:w-11/12 lg:w-10/12 xl:w-8/12">
<div class="relative">
<div class="flex mb-3 bg-white rounded">
<svg class="w-8 h-12 border-l border-t border-b pl-2 rounded-l" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.0001 0C8.25792 0 4.3999 3.85802 4.3999 8.60011C4.3999 10.5101 5.61954 13.6239 8.1283 18.1197C9.9029 21.2995 11.6483 23.9509 11.7216 24.0622L13.0001 26L14.2784 24.0622C14.3518 23.9509 16.0973 21.2996 17.8717 18.1198C20.3806 13.6239 21.6001 10.5101 21.6001 8.60017C21.6001 3.85802 17.7421 0 13.0001 0ZM13.0001 13C10.538 13 8.54211 11.0041 8.54211 8.54205C8.54211 6.07998 10.538 4.0841 13.0001 4.0841C15.4621 4.0841 17.458 6.07998 17.458 8.54205C17.458 11.0041 15.462 13 13.0001 13Z" fill="#3B82F6"/>
</svg>
<input type="search" class="border-t border-b focus:outline-none py-3 px-2 text-sm w-full" placeholder="Enter your street address">
<svg class="border-t border-b self-center h-12 w-8 pr-3 border-r md:border-r-0 rounded-r md:rounded-r-none" width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.9486 7.27522C19.8209 6.83806 19.4769 6.54541 19.0908 6.54541H0.909117C0.522998 6.54541 0.179061 6.83806 0.0513041 7.27522C-0.0765133 7.71239 0.039789 8.19878 0.341242 8.48816L9.43234 17.2154C9.59834 17.3747 9.7993 17.4544 10.0002 17.4544C10.2012 17.4544 10.4021 17.3747 10.5681 17.2154L19.6588 8.48816C19.9602 8.19871 20.0765 7.71239 19.9486 7.27522Z" fill="#3B82F6"/>
</svg>
</div>
<div class="border p-2 rounded-md mb-3 md:mb-0 bg-white">
<div class="flex space-x-2">
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 19.6426C16.4625 19.6426 19.6429 16.4942 19.6429 12.5317C19.6429 8.56918 16.4625 5.35693 12.5 5.35693C8.53753 5.35693 5.35718 8.56918 5.35718 12.5317C5.35718 16.4942 8.53753 19.6426 12.5 19.6426Z" stroke="#18A0FB" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.5 16.6666C14.8012 16.6666 16.6667 14.8011 16.6667 12.4999C16.6667 10.1987 14.8012 8.33325 12.5 8.33325C10.1989 8.33325 8.33337 10.1987 8.33337 12.4999C8.33337 14.8011 10.1989 16.6666 12.5 16.6666Z" fill="#3B82F6"/>
<path d="M2.9762 12.5H5.35715" stroke="#18A0FB" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.6428 12.5H22.0238" stroke="#18A0FB" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.5 2.97607V5.35703" stroke="#18A0FB" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.5 19.6428V22.0238" stroke="#18A0FB" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<div>
<h3 class="text-blue-500 font-semibold text-lg">Detect current location</h3>
<h6 class="text-gray-500">Using GPS</h6>
</div>
</div>
</div>
</div>
<div class="col-span-2 text-sm">
<div class="flex mb-3 bg-white rounded">
<svg class="border-t border-b border-l pl-3 w-8 h-12 rounded-l md:rounded-none" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.7479 18.569L14.0096 12.8267C15.1409 11.47 15.8213 9.73617 15.8213 7.84254C15.8213 3.52242 12.2758 0.00976562 7.91475 0.00976562C3.55364 0.00976562 0 3.52652 0 7.84663C0 12.1667 3.54544 15.6794 7.90655 15.6794C9.7592 15.6794 11.4643 15.0441 12.8169 13.9825L18.5757 19.7413C18.9118 20.0774 19.4118 20.0774 19.7479 19.7413C20.084 19.4052 20.084 18.9051 19.7479 18.569ZM1.6805 7.84663C1.6805 4.45284 4.47587 1.69436 7.90655 1.69436C11.3372 1.69436 14.1326 4.45284 14.1326 7.84663C14.1326 11.2404 11.3372 13.9989 7.90655 13.9989C4.47587 13.9989 1.6805 11.2363 1.6805 7.84663Z" fill="#3B82F6"/>
</svg>
<input type="search" class="border-t border-b border-r h-12 focus:outline-none py-3 px-2 text-sm w-full rounded-r-md" placeholder="search for restaurants, cuisine or a dish">
</div>
<div class="border p-2 md:ml-3 rounded-md bg-white">
<h3 class="text-blue-500 font-semibold text-lg">Trending near you</h3>
<div class="flex flex-wrap gap-2 mt-2">
<button class="px-4 py-1 text-sm border rounded-sm bg-gray-50">Rabri</button>
<button class="px-4 py-1 text-sm border rounded-sm bg-gray-50">Devi Restaurant</button>
<button class="px-4 py-1 text-sm border rounded-sm bg-gray-50">Pizza Hut</button>
<button class="px-4 py-1 text-sm border rounded-sm bg-gray-50">Chop</button>
<button class="px-4 py-1 text-sm border rounded-sm bg-gray-50">Fish</button>
</div>
</div>
</div>
</form>
</div>
</section>
<section class="py-12 bg-blue-500 px-6 sm:px-0">
<div class="indeat-container mx-auto flex flex-col-reverse md:flex-col lg:flex-row justify-between">
<div class="self-center">
<h1 class="text-gray-50 text-3xl sm:text-4xl md:text-7xl mb-4">Lunch in office or Give a Treat?</h1>
<p class="text-gray-100 text-2xl font-thin">Please, order and share your friends. enjoy fresh and delicious food! </p>
<button class="mt-6 bg-white px-5 py-2 text-sm uppercase transition duration-500 hover:shadow-2xl">give a treat</button>
</div>
<img src="assets/images/Indian-Food-PNG-Photos.png" alt="">
</div>
</section>
<section class="indeat-container mx-auto pb-12 px-6 md:px-0">
<div class="relative">
<h1 class="text-7xl md:text-9xl mt-12 font-extrabold opacity-5">Services</h1>
<h2 class="absolute top-8 md:top-14 text-2xl font-thin">What are you choice!</h2>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mt-6 md:-mt-2">
<a href="#!" class="bg-blue-500 hover:bg-blue-600 transition duration-500 p-6 shadow-2xl">
<div class="border border-white p-4 flex justify-between">
<div class="text-white pr-4">
<h4 class="text-2xl sm:text-5xl font-semibold">Booking</h4>
<p class="text-sm mt-3">Get fresh and delicious food</p>
</div>
<img class="h-20 sm:h-32 xl:h-40" src="assets/images/pngegg (28) 1.png" alt="">
</div>
</a>
<a href="#!" class="bg-blue-500 hover:bg-blue-600 transition duration-500 p-6 shadow-2xl">
<div class="border border-white p-4 flex justify-between">
<div class="text-white pr-4">
<h4 class="text-2xl sm:text-5xl font-semibold">Pickup</h4>
<p class="text-sm mt-3">Enjoy food delivered right to your home</p>
</div>
<img class="h-20 sm:h-32 xl:h-40" src="assets/images/pngegg (27) 1.png" alt="">
</div>
</a>
<a href="#!" class="bg-blue-500 hover:bg-blue-600 transition duration-500 p-6 shadow-2xl">
<div class="border border-white p-4 flex justify-between">
<div class="text-white pr-4">
<h4 class="text-2xl sm:text-5xl font-semibold">Delivery</h4>
<p class="text-sm mt-3">Indeat has just about anything you could wish for</p>
</div>
<img class="h-20 sm:h-32 xl:h-40" src="assets/images/pngegg (31) 1.png" alt="">
</div>
</a>
<a href="#!" class="bg-blue-500 hover:bg-blue-600 transition duration-500 p-6 shadow-2xl">
<div class="border border-white p-4 flex justify-between">
<div class="text-white pr-4">
<h4 class="text-2xl sm:text-5xl font-semibold">Last minute offer</h4>
<p class="text-sm mt-3">Indeat has a offer just for last minute</p>
</div>
<img class="h-20 sm:h-32 xl:h-40" src="assets/images/pngegg (30) 1.png" alt="">
</div>
</a>
</div>
</section>
<!-- Find by Apps -->
<section class="pb-12">
<div class="indeat-container mx-auto relative px-6 md:px-0">
<h1 class="text-7xl md:text-9xl font-extrabold opacity-5">App</h1>
<h2 class="absolute top-14 text-2xl font-thin">Find us in your pocket</h2>
</div>
<div class="bg-blue-500 py-12 md:py-24 mt-6 md:-mt-8">
<div class="indeat-container mx-auto flex flex-col-reverse md:flex-row relative">
<div class="text-white px-6 md:px-0">
<h1 class="text-3xl md:w-6/12 lg:w-9/12 xl:w-11/12 2xl:w-full">Your favorite food - delivered straight to your door</h1>
<p class="w-9/12 text-sm mt-4">
All the restaurants you like - all in one app! Discover the food for you and let the first bite count! Download our app!
</p>
<div class="flex flex-col sm:flex-row sm:space-x-4">
<a href="#!" class="mt-6 border border-white px-6 py-2">
<svg class="w-max mx-auto" xmlns="http://www.w3.org/2000/svg" width="129" height="34" viewBox="0 0 129 34">
<g class="svg-stroke-container" fill="#FFF" fill-rule="evenodd">
<path fill-rule="nonzero" d="M24.179 27.778c-1.318 1.916-2.682 3.82-4.835 3.86-2.118.04-2.798-1.247-5.215-1.247-2.42 0-3.177 1.208-5.178 1.288-2.078.077-3.658-2.07-4.987-3.977-2.715-3.9-4.788-11.027-2-15.837 1.38-2.389 3.853-3.9 6.532-3.94 2.041-.038 3.97 1.368 5.216 1.368 1.248 0 3.589-1.687 6.049-1.44 1.03.042 3.92.412 5.776 3.112-.146.096-3.45 2.007-3.41 5.986.041 4.754 4.192 6.335 4.24 6.356-.038.112-.664 2.256-2.188 4.471zM15.14 2.631C16.28 1.303 18.205.316 19.793.25c.203 1.843-.543 3.69-1.645 5.02-1.104 1.328-2.911 2.362-4.685 2.224-.241-1.804.653-3.685 1.677-4.863z"></path>
<path d="M42.684 1.954H45.1c2.09 0 3.325 1.304 3.325 3.52C48.426 7.697 47.196 9 45.1 9h-2.417V1.954zm.879.791V8.21h1.479c1.597 0 2.485-.977 2.485-2.725 0-1.762-.883-2.739-2.485-2.739h-1.48zm9.012 6.304c-1.48 0-2.427-1.05-2.427-2.68 0-1.637.948-2.681 2.427-2.681 1.48 0 2.427 1.044 2.427 2.68 0 1.631-.947 2.68-2.427 2.68zm0-.757c.982 0 1.563-.718 1.563-1.924 0-1.21-.581-1.924-1.563-1.924-.981 0-1.562.718-1.562 1.924s.586 1.924 1.562 1.924zm10.98-4.556h-.84l-1.069 4.302h-.019l-1.206-4.302h-.82l-1.206 4.302h-.02l-1.07-4.302h-.84L57.94 9h.86L60 4.908h.02L61.22 9h.86l1.475-5.264zM65.279 9h.85V5.943c0-.903.522-1.499 1.387-1.499.83 0 1.23.47 1.23 1.328V9h.85V5.626c0-1.196-.67-1.939-1.826-1.939-.816 0-1.338.308-1.67.904h-.02v-.855h-.8V9zm6.493 0h.85V1.646h-.85V9zm5.22.049c-1.48 0-2.428-1.05-2.428-2.68 0-1.637.948-2.681 2.427-2.681 1.48 0 2.427 1.044 2.427 2.68 0 1.631-.947 2.68-2.427 2.68zm0-.757c.98 0 1.562-.718 1.562-1.924 0-1.21-.581-1.924-1.563-1.924-.981 0-1.562.718-1.562 1.924s.586 1.924 1.562 1.924zm6.038.02c.86 0 1.49-.557 1.49-1.314v-.425l-1.377.088c-.791.049-1.202.337-1.202.845 0 .488.425.806 1.09.806zm-.18.737c-1.07 0-1.778-.615-1.778-1.548 0-.903.694-1.436 1.973-1.514l1.475-.088V5.46c0-.654-.43-1.016-1.207-1.016-.61 0-1.064.313-1.166.81h-.816c.024-.888.889-1.566 1.992-1.566 1.245 0 2.046.664 2.046 1.699V9h-.805v-.913h-.02c-.298.586-.957.962-1.694.962zm6.644 0c-1.323 0-2.256-1.074-2.256-2.68 0-1.607.928-2.681 2.237-2.681.752 0 1.357.327 1.68.903h.019V1.646h.85V9h-.811v-.889h-.015c-.342.606-.942.938-1.704.938zm.152-4.605c-.923 0-1.539.762-1.539 1.924 0 1.167.616 1.924 1.539 1.924.913 0 1.533-.776 1.533-1.924 0-1.142-.62-1.924-1.533-1.924zm10.14 4.605c-1.48 0-2.428-1.05-2.428-2.68 0-1.637.948-2.681 2.427-2.681 1.48 0 2.427 1.044 2.427 2.68 0 1.631-.947 2.68-2.427 2.68zm0-.757c.98 0 1.562-.718 1.562-1.924 0-1.21-.581-1.924-1.563-1.924-.981 0-1.562.718-1.562 1.924s.586 1.924 1.562 1.924zm4.32.708h.85V5.943c0-.903.522-1.499 1.386-1.499.83 0 1.23.47 1.23 1.328V9h.85V5.626c0-1.196-.669-1.939-1.826-1.939-.816 0-1.338.308-1.67.904h-.02v-.855h-.8V9zm10.115-6.45v1.186h-.733v.703h.733v3.194c0 1.01.37 1.406 1.323 1.406.2 0 .444-.02.547-.044v-.718a3.52 3.52 0 0 1-.366.025c-.45 0-.655-.22-.655-.703v-3.16h1.026v-.703h-1.026V2.55h-.85zM118.086 9h.85V5.973c0-.923.546-1.529 1.435-1.529.835 0 1.26.508 1.26 1.348V9h.85V5.64c0-1.171-.704-1.952-1.856-1.952-.806 0-1.343.307-1.67.903h-.02V1.646h-.85V9zm8.622-4.565c-.825 0-1.42.6-1.48 1.489h2.896c-.02-.894-.586-1.49-1.416-1.49zm1.396 3.061h.84c-.146.903-1.06 1.553-2.182 1.553-1.48 0-2.412-1.03-2.412-2.661s.937-2.7 2.373-2.7c1.406 0 2.285.99 2.285 2.583v.332h-3.78v.048c0 1.001.616 1.65 1.553 1.65.66 0 1.172-.312 1.323-.805zM51.558 30l-1.289-3.809H44.9L43.608 30h-2.275l5.088-14.092h2.363L53.873 30h-2.315zm-4.004-11.748l-2.1 6.182h4.259l-2.1-6.182h-.059zm13.125 1.035c2.705 0 4.483 2.12 4.483 5.41 0 3.282-1.768 5.41-4.434 5.41-1.523 0-2.724-.673-3.36-1.845h-.038v5.254h-2.12V19.395h2.042v1.757h.049c.595-1.142 1.904-1.865 3.378-1.865zm-.537 9.024c1.72 0 2.852-1.416 2.852-3.614 0-2.187-1.133-3.613-2.852-3.613-1.68 0-2.822 1.455-2.832 3.613.01 2.168 1.143 3.614 2.832 3.614zm12.178-9.024c2.705 0 4.482 2.12 4.482 5.41 0 3.282-1.767 5.41-4.433 5.41-1.524 0-2.725-.673-3.36-1.845h-.039v5.254h-2.119V19.395h2.041v1.757h.05c.595-1.142 1.903-1.865 3.378-1.865zm-.537 9.024c1.719 0 2.851-1.416 2.851-3.614 0-2.187-1.132-3.613-2.851-3.613-1.68 0-2.822 1.455-2.832 3.613.01 2.168 1.142 3.614 2.832 3.614zm10.908-2.237c.137 2.549 2.246 4.16 5.371 4.16 3.34 0 5.44-1.65 5.44-4.287 0-2.06-1.201-3.222-4.092-3.906l-1.553-.38c-1.816-.45-2.558-1.036-2.558-2.032 0-1.25 1.162-2.11 2.86-2.11 1.7 0 2.862.85 2.99 2.256h2.128c-.068-2.431-2.11-4.101-5.088-4.101-3.008 0-5.127 1.67-5.127 4.101 0 1.963 1.201 3.174 3.79 3.8l1.825.439c1.827.449 2.598 1.103 2.598 2.197 0 1.26-1.28 2.178-3.057 2.178-1.855 0-3.212-.918-3.369-2.315h-2.158zm13.193-9.062v2.383H94.42v1.67h1.464v6.142c0 2.05.82 2.861 2.94 2.861.459 0 .957-.048 1.191-.107v-1.67c-.136.02-.498.049-.722.049-.889 0-1.3-.43-1.3-1.348v-5.928h2.032v-1.67h-2.031v-2.382h-2.11zm10.47 13.115c-3.067 0-5.02-2.09-5.02-5.43 0-3.33 1.963-5.44 5.02-5.44 3.056 0 5.009 2.1 5.009 5.44 0 3.34-1.943 5.43-5.01 5.43zm0-1.758c1.796 0 2.86-1.357 2.86-3.672 0-2.314-1.064-3.681-2.86-3.681-1.798 0-2.872 1.377-2.872 3.681 0 2.315 1.074 3.672 2.871 3.672zM113.061 30h2.12v-6.328c0-1.494.878-2.461 2.275-2.461.42 0 .79.059.967.127v-1.983a3.476 3.476 0 0 0-.743-.068c-1.25 0-2.226.713-2.558 1.895h-.04v-1.787h-2.02V30zm11.133-9.014c-1.523 0-2.627 1.114-2.744 2.744h5.38c-.048-1.65-1.093-2.744-2.636-2.744zm2.627 5.909h2.021c-.302 1.904-2.167 3.232-4.55 3.232-3.076 0-4.99-2.07-4.99-5.39 0-3.321 1.933-5.48 4.902-5.48 2.91 0 4.746 2.022 4.746 5.235v.742h-7.51v.127c0 1.836 1.152 3.047 2.89 3.047 1.231 0 2.198-.586 2.491-1.513z"></path>
</g>
</svg>
</a>
<a href="#!" class="mt-6 border border-white px-6 py-2">
<svg class="w-max mx-auto" xmlns="http://www.w3.org/2000/svg" width="129" height="34" viewBox="0 0 129 34">
<g class="svg-stroke-container" fill="#FFF" fill-rule="evenodd">
<path fill-rule="nonzero" d="M24.179 27.778c-1.318 1.916-2.682 3.82-4.835 3.86-2.118.04-2.798-1.247-5.215-1.247-2.42 0-3.177 1.208-5.178 1.288-2.078.077-3.658-2.07-4.987-3.977-2.715-3.9-4.788-11.027-2-15.837 1.38-2.389 3.853-3.9 6.532-3.94 2.041-.038 3.97 1.368 5.216 1.368 1.248 0 3.589-1.687 6.049-1.44 1.03.042 3.92.412 5.776 3.112-.146.096-3.45 2.007-3.41 5.986.041 4.754 4.192 6.335 4.24 6.356-.038.112-.664 2.256-2.188 4.471zM15.14 2.631C16.28 1.303 18.205.316 19.793.25c.203 1.843-.543 3.69-1.645 5.02-1.104 1.328-2.911 2.362-4.685 2.224-.241-1.804.653-3.685 1.677-4.863z"></path>
<path d="M42.684 1.954H45.1c2.09 0 3.325 1.304 3.325 3.52C48.426 7.697 47.196 9 45.1 9h-2.417V1.954zm.879.791V8.21h1.479c1.597 0 2.485-.977 2.485-2.725 0-1.762-.883-2.739-2.485-2.739h-1.48zm9.012 6.304c-1.48 0-2.427-1.05-2.427-2.68 0-1.637.948-2.681 2.427-2.681 1.48 0 2.427 1.044 2.427 2.68 0 1.631-.947 2.68-2.427 2.68zm0-.757c.982 0 1.563-.718 1.563-1.924 0-1.21-.581-1.924-1.563-1.924-.981 0-1.562.718-1.562 1.924s.586 1.924 1.562 1.924zm10.98-4.556h-.84l-1.069 4.302h-.019l-1.206-4.302h-.82l-1.206 4.302h-.02l-1.07-4.302h-.84L57.94 9h.86L60 4.908h.02L61.22 9h.86l1.475-5.264zM65.279 9h.85V5.943c0-.903.522-1.499 1.387-1.499.83 0 1.23.47 1.23 1.328V9h.85V5.626c0-1.196-.67-1.939-1.826-1.939-.816 0-1.338.308-1.67.904h-.02v-.855h-.8V9zm6.493 0h.85V1.646h-.85V9zm5.22.049c-1.48 0-2.428-1.05-2.428-2.68 0-1.637.948-2.681 2.427-2.681 1.48 0 2.427 1.044 2.427 2.68 0 1.631-.947 2.68-2.427 2.68zm0-.757c.98 0 1.562-.718 1.562-1.924 0-1.21-.581-1.924-1.563-1.924-.981 0-1.562.718-1.562 1.924s.586 1.924 1.562 1.924zm6.038.02c.86 0 1.49-.557 1.49-1.314v-.425l-1.377.088c-.791.049-1.202.337-1.202.845 0 .488.425.806 1.09.806zm-.18.737c-1.07 0-1.778-.615-1.778-1.548 0-.903.694-1.436 1.973-1.514l1.475-.088V5.46c0-.654-.43-1.016-1.207-1.016-.61 0-1.064.313-1.166.81h-.816c.024-.888.889-1.566 1.992-1.566 1.245 0 2.046.664 2.046 1.699V9h-.805v-.913h-.02c-.298.586-.957.962-1.694.962zm6.644 0c-1.323 0-2.256-1.074-2.256-2.68 0-1.607.928-2.681 2.237-2.681.752 0 1.357.327 1.68.903h.019V1.646h.85V9h-.811v-.889h-.015c-.342.606-.942.938-1.704.938zm.152-4.605c-.923 0-1.539.762-1.539 1.924 0 1.167.616 1.924 1.539 1.924.913 0 1.533-.776 1.533-1.924 0-1.142-.62-1.924-1.533-1.924zm10.14 4.605c-1.48 0-2.428-1.05-2.428-2.68 0-1.637.948-2.681 2.427-2.681 1.48 0 2.427 1.044 2.427 2.68 0 1.631-.947 2.68-2.427 2.68zm0-.757c.98 0 1.562-.718 1.562-1.924 0-1.21-.581-1.924-1.563-1.924-.981 0-1.562.718-1.562 1.924s.586 1.924 1.562 1.924zm4.32.708h.85V5.943c0-.903.522-1.499 1.386-1.499.83 0 1.23.47 1.23 1.328V9h.85V5.626c0-1.196-.669-1.939-1.826-1.939-.816 0-1.338.308-1.67.904h-.02v-.855h-.8V9zm10.115-6.45v1.186h-.733v.703h.733v3.194c0 1.01.37 1.406 1.323 1.406.2 0 .444-.02.547-.044v-.718a3.52 3.52 0 0 1-.366.025c-.45 0-.655-.22-.655-.703v-3.16h1.026v-.703h-1.026V2.55h-.85zM118.086 9h.85V5.973c0-.923.546-1.529 1.435-1.529.835 0 1.26.508 1.26 1.348V9h.85V5.64c0-1.171-.704-1.952-1.856-1.952-.806 0-1.343.307-1.67.903h-.02V1.646h-.85V9zm8.622-4.565c-.825 0-1.42.6-1.48 1.489h2.896c-.02-.894-.586-1.49-1.416-1.49zm1.396 3.061h.84c-.146.903-1.06 1.553-2.182 1.553-1.48 0-2.412-1.03-2.412-2.661s.937-2.7 2.373-2.7c1.406 0 2.285.99 2.285 2.583v.332h-3.78v.048c0 1.001.616 1.65 1.553 1.65.66 0 1.172-.312 1.323-.805zM51.558 30l-1.289-3.809H44.9L43.608 30h-2.275l5.088-14.092h2.363L53.873 30h-2.315zm-4.004-11.748l-2.1 6.182h4.259l-2.1-6.182h-.059zm13.125 1.035c2.705 0 4.483 2.12 4.483 5.41 0 3.282-1.768 5.41-4.434 5.41-1.523 0-2.724-.673-3.36-1.845h-.038v5.254h-2.12V19.395h2.042v1.757h.049c.595-1.142 1.904-1.865 3.378-1.865zm-.537 9.024c1.72 0 2.852-1.416 2.852-3.614 0-2.187-1.133-3.613-2.852-3.613-1.68 0-2.822 1.455-2.832 3.613.01 2.168 1.143 3.614 2.832 3.614zm12.178-9.024c2.705 0 4.482 2.12 4.482 5.41 0 3.282-1.767 5.41-4.433 5.41-1.524 0-2.725-.673-3.36-1.845h-.039v5.254h-2.119V19.395h2.041v1.757h.05c.595-1.142 1.903-1.865 3.378-1.865zm-.537 9.024c1.719 0 2.851-1.416 2.851-3.614 0-2.187-1.132-3.613-2.851-3.613-1.68 0-2.822 1.455-2.832 3.613.01 2.168 1.142 3.614 2.832 3.614zm10.908-2.237c.137 2.549 2.246 4.16 5.371 4.16 3.34 0 5.44-1.65 5.44-4.287 0-2.06-1.201-3.222-4.092-3.906l-1.553-.38c-1.816-.45-2.558-1.036-2.558-2.032 0-1.25 1.162-2.11 2.86-2.11 1.7 0 2.862.85 2.99 2.256h2.128c-.068-2.431-2.11-4.101-5.088-4.101-3.008 0-5.127 1.67-5.127 4.101 0 1.963 1.201 3.174 3.79 3.8l1.825.439c1.827.449 2.598 1.103 2.598 2.197 0 1.26-1.28 2.178-3.057 2.178-1.855 0-3.212-.918-3.369-2.315h-2.158zm13.193-9.062v2.383H94.42v1.67h1.464v6.142c0 2.05.82 2.861 2.94 2.861.459 0 .957-.048 1.191-.107v-1.67c-.136.02-.498.049-.722.049-.889 0-1.3-.43-1.3-1.348v-5.928h2.032v-1.67h-2.031v-2.382h-2.11zm10.47 13.115c-3.067 0-5.02-2.09-5.02-5.43 0-3.33 1.963-5.44 5.02-5.44 3.056 0 5.009 2.1 5.009 5.44 0 3.34-1.943 5.43-5.01 5.43zm0-1.758c1.796 0 2.86-1.357 2.86-3.672 0-2.314-1.064-3.681-2.86-3.681-1.798 0-2.872 1.377-2.872 3.681 0 2.315 1.074 3.672 2.871 3.672zM113.061 30h2.12v-6.328c0-1.494.878-2.461 2.275-2.461.42 0 .79.059.967.127v-1.983a3.476 3.476 0 0 0-.743-.068c-1.25 0-2.226.713-2.558 1.895h-.04v-1.787h-2.02V30zm11.133-9.014c-1.523 0-2.627 1.114-2.744 2.744h5.38c-.048-1.65-1.093-2.744-2.636-2.744zm2.627 5.909h2.021c-.302 1.904-2.167 3.232-4.55 3.232-3.076 0-4.99-2.07-4.99-5.39 0-3.321 1.933-5.48 4.902-5.48 2.91 0 4.746 2.022 4.746 5.235v.742h-7.51v.127c0 1.836 1.152 3.047 2.89 3.047 1.231 0 2.198-.586 2.491-1.513z"></path>
</g>
</svg>
</a>
</div>
</div>
<img src="assets/images/home-foodora-apps 1.png" alt="" class="md:absolute right-0 -top-44 w-40 md:w-max mx-auto">
</div>
</div>
</section>
<footer>
<div class="indeat-container mx-auto px-6 md:px-0 flex justify-between border-t border-b border-gray-300 py-8 mt-12">
<h3 class="self-center text-gray-700 text-3xl font-semibold">Indeat</h3>
<div class="flex space-x-2 self-center">
<a href="#!" class="text-white bg-gray-400 w-6 text-center rounded-full"><i class="fab fa-facebook-f"></i></a>
<a href="#!" class="text-white bg-gray-400 w-6 text-center rounded-full"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="indeat-container mx-auto px-6 md:px-0 grid grid-cols-1 md:grid-cols-4 border-b border-gray-300 py-8">
<h3 class="self-center col-span-2 text-gray-700 text-sm text-center md:text-left mb-3 md:mb-0">© 2021 Indeat</h3>
<div class="flex flex-wrap col-span-2 justify-center md:justify-end self-center space-x-4 text-sm text-gray-500">
<a href="#!">Terms & Conditions</a>
<a href="#!">Privacy Policy</a>
<a href="#!">About us</a>
<a href="#!">FAQ</a>
<a href="#!">Help Center</a>
<a href="#!">Press & Media</a>
<a href="#!">For partners</a>
<a href="#!">foodpedia Webshop for Indeat partners</a>
<a href="#!">Jobs</a>
<a href="#!">Become a rider</a>
<a href="#!">Refer-a-Friend</a>
<a href="#!">Partner Agreements</a>
</div>
</div>
<div class="indeat-container mx-auto px-6 md:px-0 py-8">
<h3 class="text-center font-semibold text-lg text-gray-700">Top rated restaurants</h3>
</div>
<div class="indeat-container mx-auto px-6 md:px-0 py-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-12">
<div>
<h4 class="text-lg text-gray-800 mb-4">FOOD DELIVERY IN STOCKHOLM</h4>
<div class="flex flex-col font-light text-gray-600">
<a href="#!">Täby pizza express</a>
<a href="#!">Pizzeria Palermo (Tyresö)</a>
<a href="#!">Pizzeria Pomodoro</a>
<a href="#!">Thai Enjoy</a>
<a href="#!">Itamae Sushi</a>
</div>
</div>
<div>
<h4 class="text-lg text-gray-800 mb-4">FOOD DELIVERY IN GÖTEBORG</h4>
<div class="flex flex-col font-light text-gray-600">
<a href="#!">Täby pizza express</a>
<a href="#!">Pizzeria Palermo (Tyresö)</a>
<a href="#!">Pizzeria Pomodoro</a>
<a href="#!">Thai Enjoy</a>
<a href="#!">Itamae Sushi</a>
</div>
</div>
<div>
<h4 class="text-lg text-gray-800 mb-4">FOOD DELIVERY IN MALMÖ</h4>
<div class="flex flex-col font-light text-gray-600">
<a href="#!">Täby pizza express</a>
<a href="#!">Pizzeria Palermo (Tyresö)</a>
<a href="#!">Pizzeria Pomodoro</a>
<a href="#!">Thai Enjoy</a>
<a href="#!">Itamae Sushi</a>
</div>
</div>
<div>
<h4 class="text-lg text-gray-800 mb-4">FOOD DELIVERY IN UPPSALA</h4>
<div class="flex flex-col font-light text-gray-600">
<a href="#!">Täby pizza express</a>
<a href="#!">Pizzeria Palermo (Tyresö)</a>
<a href="#!">Pizzeria Pomodoro</a>
<a href="#!">Thai Enjoy</a>
<a href="#!">Itamae Sushi</a>
</div>
</div>
<div>
<h4 class="text-lg text-gray-800 mb-4">FOOD DELIVERY IN ÖREBRO</h4>
<div class="flex flex-col font-light text-gray-600">
<a href="#!">Täby pizza express</a>
<a href="#!">Pizzeria Palermo (Tyresö)</a>
<a href="#!">Pizzeria Pomodoro</a>
<a href="#!">Thai Enjoy</a>
<a href="#!">Itamae Sushi</a>
</div>
</div>
<div>
<h4 class="text-lg text-gray-800 mb-4">FOOD DELIVERY IN LINKÖPING</h4>
<div class="flex flex-col font-light text-gray-600">
<a href="#!">Täby pizza express</a>
<a href="#!">Pizzeria Palermo (Tyresö)</a>
<a href="#!">Pizzeria Pomodoro</a>
<a href="#!">Thai Enjoy</a>
<a href="#!">Itamae Sushi</a>
</div>
</div>
<div>
<h4 class="text-lg text-gray-800 mb-4">FOOD DELIVERY IN HELSINGBORG</h4>
<div class="flex flex-col font-light text-gray-600">
<a href="#!">Täby pizza express</a>
<a href="#!">Pizzeria Palermo (Tyresö)</a>
<a href="#!">Pizzeria Pomodoro</a>
<a href="#!">Thai Enjoy</a>
<a href="#!">Itamae Sushi</a>
</div>
</div>
<div>
<h4 class="text-lg text-gray-800 mb-4">FOOD DELIVERY IN UPPSALA</h4>
<div class="flex flex-col font-light text-gray-600">
<a href="#!">Täby pizza express</a>
<a href="#!">Pizzeria Palermo (Tyresö)</a>
<a href="#!">Pizzeria Pomodoro</a>
<a href="#!">Thai Enjoy</a>
<a href="#!">Itamae Sushi</a>
</div>
</div>
</div>
</div>
<div class="indeat-container mx-auto px-6 md:px-0 py-8">
<h3 class="text-center font-semibold text-lg text-gray-700">Other Chains</h3>
<div class="divide-x flex flex-wrap justify-center gap-2 text-sm mt-6 text-gray-600">
<a href="#!" class="pl-2">McDonald's</a>
<a href="#!" class="pl-2">Max</a>
<a href="#!" class="pl-2">Burger King</a>
<a href="#!" class="pl-2">KFC</a>
<a href="#!" class="pl-2">Hemmakväll</a>
<a href="#!" class="pl-2">Sibylla</a>
<a href="#!" class="pl-2">Subway</a>
<a href="#!" class="pl-2">Hemmakvall</a>
<a href="#!" class="pl-2">Pizzabakeren</a>
<a href="#!" class="pl-2">Beijing8</a>
<a href="#!" class="pl-2">Shamiat</a>
<a href="#!" class="pl-2">Pizzeria Bari</a>
<a href="#!" class="pl-2">SUSHI YAMA</a>
<a href="#!" class="pl-2">Hawaii poké</a>
<a href="#!" class="pl-2">Sushi Room</a>
<a href="#!" class="pl-2">Brödernas</a>
<a href="#!" class="pl-2">Taco Bar</a>
<a href="#!" class="pl-2">Mukut</a>
<a href="#!" class="pl-2">Jimmy & Joan's New York</a>
<a href="#!" class="pl-2">Wing It</a>
<a href="#!" class="pl-2">Sushi Yamma</a>
<a href="#!" class="pl-2">Jenin Grill</a>
</div>
</div>
</footer>
<script src="assets/js/main.js"></script>
</body>
</html>