-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
567 lines (566 loc) · 26.9 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
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
<!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" />
<!-- Open Graph / Facebook -->
<link rel="icon" href="./public/img/icon.png" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://metatags.io/" />
<meta property="og:title" content="Foodie - Porject" />
<meta property="og:description" content="MMSIT - SWD Project" />
<meta property="og:image" content="./public/img/about.jpg" />
<title>Foodie</title>
</head>
<body>
<nav
class="navbar site-navbar navbar-expand-lg fixed-top shadow-sm bg-white"
>
<div class="container">
<a class="navbar-brand" href="#">
<img src="./public/img/icon.png" class="brand-icon" alt="" />
<span class="fw-bold brand-name">Foodie</span>
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-pills ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">Service</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#menu">Menu</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="py-5 py-md-0"></div>
<section id="home" class="container">
<div class="row min-vh-100 justify-content-between align-items-center">
<div class="col-12 col-md-6 col-lg-5">
<div class="" id="home-content">
<h1 class="text-primary display-4 mb-4 fw-bold to-down">
Tasty <span class="element"></span>
</h1>
<p class="text-black-50 mb-4 to-down">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae
tempora ut possimus iure maiores laudantium optio sint eius,
officia omnis nisi aspernatur modi consequatur ad dignissimos
numquam quos consequuntur accusamus.
</p>
<h4 class="fw-bold mb-4 to-down">Join the bost food of week</h4>
<div class="to-down">
<a href="#" class="btn btn-primary btn-lg">
<i class="bi bi-cart"></i>
</a>
<a class="btn btn-outline-primary btn-lg">
<i class="bi bi-list-ul"></i>
View Menu</a
>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-5">
<img src="./public/img/home.png" class="w-100 to-down" alt="" />
</div>
</div>
</section>
<section id="about" class="bg-light">
<div class="container">
<div class="row min-vh-100 justify-content-evenly align-items-center">
<div class="col-12 col-mg-5 col-lg-4">
<img
src="./public/img/about.jpg"
class="w-100 shadow to-right"
alt=""
/>
</div>
<div class="col-12 col-mg-5 col-lg-4">
<div class="">
<p class="text-primary fw-bold mb-4 to-left">About</p>
<h4 class="fw-bold mb-4 to-left">We cook the best tasty food</h4>
<p class="text-black-50 mb-4 to-left">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis
maiores quia ducimus et molestias nihil odio similique suscipit
quaerat voluptate repudiandae qui voluptatibus ipsam esse
</p>
<a href="#" class="btn btn-primary to-left">Explore History</a>
</div>
</div>
</div>
</div>
</section>
<section id="services" class="bg-light">
<div class="container">
<div
class="row min-vh-100 justify-content-center align-items-center align-content-center"
>
<div class="col-12">
<div class="text-center mb-5">
<p class="text-primary fw-bold mb-4 to-down">Servises</p>
<h4 class="fw-bold mb-4 to-down">Our Amazing Services</h4>
</div>
</div>
<div class="col-10 col-md-4 col-lg-4">
<div class="service to-down">
<svg
class="services-svg"
width="70"
height="70"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M45.3205 21.5702L44.6357 19.3163C43.7659 16.756 40.9852 15.3857 38.4249
16.2556C36.9847 16.7449 35.8536 17.876 35.3643 19.3163L34.6795 21.5702C34.1032
23.471 33.9823 25.4807 34.3264 27.4368C34.6403 29.0838 35.6859 30.4987 37.168
31.2822L36.4011 48.4267C36.2984 49.3836 36.6088 50.339 37.2544 51.0528C38.6428
52.5715 40.9996 52.6771 42.5183 51.2887C42.6004 51.2136 42.6791 51.135 42.7541
51.0528C43.3853 50.3592 43.6952 49.4319 43.6075 48.4982L42.8363 31.28C44.3164
30.4962 45.3603 29.0822 45.6736 27.4368C46.0177 25.4807 45.8968 23.471 45.3205
21.5702ZM43.5723 27.0656C43.3413 28.2488 42.4981 29.2196 41.3589 29.6139C40.9265
29.7764 40.648 30.1988 40.6688 30.6603L41.4795 48.6667C41.5168 49.0199 41.4003
49.372 41.1595 49.6331C40.5172 50.269 39.4828 50.269 38.8405 49.6331C38.5877
49.351 38.4729 48.9712 38.5269 48.5963L39.3312 30.6603C39.352 30.1988 39.0735
29.7764 38.6411 29.6139C37.5019 29.2196 36.6587 28.2488 36.4277 27.0656C36.1424
25.4416 36.2429 23.7732 36.7211 22.1952L37.4059 19.9403C37.9357 18.5076 39.5267
17.7758 40.9595 18.3056C41.7169 18.5858 42.314 19.183 42.5941 19.9403L43.2789
22.1952C43.7565 23.7734 43.8571 25.4416 43.5723 27.0656Z"
></path>
<path
d="M28.8 16C28.2109 16 27.7333 16.4776 27.7333 17.0667V26.2251L24.8459
29.1125C24.6323 29.3253 24.5187 29.6188 24.5333 29.92L25.4667 48.5867C25.4889
48.9892 25.3428 49.3829 25.0635 49.6736C24.4796 50.2627 23.5287 50.2669 22.9395
49.6829C22.9363 49.6799 22.9332 49.6767 22.9301 49.6736C22.6507 49.3829 22.5047
48.9892 22.5269 48.5867L23.4667 29.92C23.4816 29.6189 23.3684 29.3256 23.1552
29.1125L20.2667 26.2251V17.0667C20.2667 16.4776 19.7891 16 19.2 16C18.6109
16 18.1333 16.4776 18.1333 17.0667V26.6667C18.1333 26.9496 18.2459 27.2208
18.4459 27.4208L21.3109 30.2869L20.4011 48.4832C20.3043 50.4708 21.8371
52.1607 23.8247 52.2575C25.8123 52.3543 27.5021 50.8215 27.5989 48.8339C27.6047
48.7171 27.6047 48.6001 27.5989 48.4833L26.6891 30.2871L29.5541 27.4209C29.7541
27.2209 29.8667 26.9497 29.8667 26.6668V17.0668C29.8667 16.4776 29.3891 16 28.8 16Z"
></path>
<path
d="M22.4 16C21.8109 16 21.3333 16.4776 21.3333 17.0667V25.6C21.3333 26.1891
21.8109 26.6667 22.4 26.6667C22.9891 26.6667 23.4667 26.1891 23.4667 25.6V17.0667C23.4667
16.4776 22.9891 16 22.4 16Z"
></path>
<path
d="M25.6 16C25.0109 16 24.5333 16.4776 24.5333 17.0667V25.6C24.5333 26.1891
25.0109 26.6667 25.6 26.6667C26.1891 26.6667 26.6667 26.1891 26.6667 25.6V17.0667C26.6667
16.4776 26.1891 16 25.6 16Z"
></path>
<path
d="M32 0C14.3269 0 0 14.3269 0 32C0 49.6731 14.3269 64 32 64C49.6731 64 64 49.6731
64 32C63.98 14.3352 49.6648 0.02 32 0ZM32 61.8667C15.5051 61.8667 2.13333 48.4949
2.13333 32C2.13333 15.5051 15.5051 2.13333 32 2.13333C48.4949 2.13333 61.8667
15.5051 61.8667 32C61.8479 48.4871 48.4871 61.8479 32 61.8667Z"
></path>
<path
d="M35.4625 52.0229C35.4053 51.4367 34.8836 51.0077 34.2972 51.0649C34.2835
51.0663 34.2697 51.0679 34.256 51.0697L34.2603 51.0687C32.7585 51.2431 31.2415
51.2431 29.7397 51.0687C29.1544 51 28.6244 51.4188 28.5557 52.0041C28.4871
52.5895 28.9059 53.1195 29.4912 53.1881C31.1567 53.3827 32.8391 53.3827
34.5045 53.1881C35.0908 53.1311 35.5197 52.6093 35.4625 52.0229Z"
></path>
<path
d="M48.32 18.2549C47.9414 17.8035 47.2686 17.7445 46.8173 18.1231C46.8158
18.1243 46.8144 18.1257 46.8128 18.1269C46.3625 18.5066 46.3052 19.1794 46.6848
19.6298C53.1161 27.2645 52.6241 38.5537 45.553 45.5999C45.1357 46.0158 45.1345
46.6914 45.5504 47.1087C45.9662 47.5261 46.6418 47.5273 47.0592 47.1114C54.9174
39.283 55.4654 26.7387 48.32 18.2549Z"
></path>
<path
d="M24.851 14.0992C24.8505 14.0992 24.85 14.0991 24.8495 14.0991C24.8487
14.0991 24.8478 14.0992 24.8469 14.0992H24.851Z"
></path>
<path
d="M37.0315 11.263C32.8628 10.2639 28.4908 10.5324 24.4757 12.0342C23.9243
12.2415 23.6455 12.8567 23.8528 13.408C24.0091 13.8236 24.4064 14.0987 24.8503
14.0991C24.9779 14.0984 25.1043 14.0751 25.2235 14.0299C28.8392 12.6778 32.7763
12.4363 36.5301 13.3366C37.1028 13.475 37.6792 13.1231 37.8176 12.5504C37.956
11.9778 37.6041 11.4014 37.0315 11.263Z"
></path>
<path
d="M18.3989 45.5466C14.8031 41.9569 12.7877 37.081 12.8 32C12.7895
27.9405 14.0753 23.9837 16.4704 20.7061C16.8244 20.2352 16.7296 19.5665
16.2587 19.2125C15.7877 18.8585 15.1191 18.9533 14.7651 19.4243C14.7588
19.4327 14.7527 19.441 14.7467 19.4496C8.5796 27.928 9.48706 39.6308
16.8875 47.057C17.3045 47.4744 17.9811 47.4746 18.3984 47.0576C18.8157
46.6405 18.816 45.964 18.3989 45.5466Z"
></path>
</svg>
<h4 class="fw-bold">Excellent Food</h4>
<p class="text-black-50">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed,
itaque.
</p>
</div>
</div>
<div class="col-10 col-md-4 col-lg-4">
<div class="service to-down">
<svg
class="services-svg"
width="70"
height="70"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M45.3205 21.5702L44.6357 19.3163C43.7659 16.756 40.9852 15.3857 38.4249
16.2556C36.9847 16.7449 35.8536 17.876 35.3643 19.3163L34.6795 21.5702C34.1032
23.471 33.9823 25.4807 34.3264 27.4368C34.6403 29.0838 35.6859 30.4987 37.168
31.2822L36.4011 48.4267C36.2984 49.3836 36.6088 50.339 37.2544 51.0528C38.6428
52.5715 40.9996 52.6771 42.5183 51.2887C42.6004 51.2136 42.6791 51.135 42.7541
51.0528C43.3853 50.3592 43.6952 49.4319 43.6075 48.4982L42.8363 31.28C44.3164
30.4962 45.3603 29.0822 45.6736 27.4368C46.0177 25.4807 45.8968 23.471 45.3205
21.5702ZM43.5723 27.0656C43.3413 28.2488 42.4981 29.2196 41.3589 29.6139C40.9265
29.7764 40.648 30.1988 40.6688 30.6603L41.4795 48.6667C41.5168 49.0199 41.4003
49.372 41.1595 49.6331C40.5172 50.269 39.4828 50.269 38.8405 49.6331C38.5877
49.351 38.4729 48.9712 38.5269 48.5963L39.3312 30.6603C39.352 30.1988 39.0735
29.7764 38.6411 29.6139C37.5019 29.2196 36.6587 28.2488 36.4277 27.0656C36.1424
25.4416 36.2429 23.7732 36.7211 22.1952L37.4059 19.9403C37.9357 18.5076 39.5267
17.7758 40.9595 18.3056C41.7169 18.5858 42.314 19.183 42.5941 19.9403L43.2789
22.1952C43.7565 23.7734 43.8571 25.4416 43.5723 27.0656Z"
></path>
<path
d="M28.8 16C28.2109 16 27.7333 16.4776 27.7333 17.0667V26.2251L24.8459
29.1125C24.6323 29.3253 24.5187 29.6188 24.5333 29.92L25.4667 48.5867C25.4889
48.9892 25.3428 49.3829 25.0635 49.6736C24.4796 50.2627 23.5287 50.2669 22.9395
49.6829C22.9363 49.6799 22.9332 49.6767 22.9301 49.6736C22.6507 49.3829 22.5047
48.9892 22.5269 48.5867L23.4667 29.92C23.4816 29.6189 23.3684 29.3256 23.1552
29.1125L20.2667 26.2251V17.0667C20.2667 16.4776 19.7891 16 19.2 16C18.6109
16 18.1333 16.4776 18.1333 17.0667V26.6667C18.1333 26.9496 18.2459 27.2208
18.4459 27.4208L21.3109 30.2869L20.4011 48.4832C20.3043 50.4708 21.8371
52.1607 23.8247 52.2575C25.8123 52.3543 27.5021 50.8215 27.5989 48.8339C27.6047
48.7171 27.6047 48.6001 27.5989 48.4833L26.6891 30.2871L29.5541 27.4209C29.7541
27.2209 29.8667 26.9497 29.8667 26.6668V17.0668C29.8667 16.4776 29.3891 16 28.8 16Z"
></path>
<path
d="M22.4 16C21.8109 16 21.3333 16.4776 21.3333 17.0667V25.6C21.3333 26.1891
21.8109 26.6667 22.4 26.6667C22.9891 26.6667 23.4667 26.1891 23.4667 25.6V17.0667C23.4667
16.4776 22.9891 16 22.4 16Z"
></path>
<path
d="M25.6 16C25.0109 16 24.5333 16.4776 24.5333 17.0667V25.6C24.5333 26.1891
25.0109 26.6667 25.6 26.6667C26.1891 26.6667 26.6667 26.1891 26.6667 25.6V17.0667C26.6667
16.4776 26.1891 16 25.6 16Z"
></path>
<path
d="M32 0C14.3269 0 0 14.3269 0 32C0 49.6731 14.3269 64 32 64C49.6731 64 64 49.6731
64 32C63.98 14.3352 49.6648 0.02 32 0ZM32 61.8667C15.5051 61.8667 2.13333 48.4949
2.13333 32C2.13333 15.5051 15.5051 2.13333 32 2.13333C48.4949 2.13333 61.8667
15.5051 61.8667 32C61.8479 48.4871 48.4871 61.8479 32 61.8667Z"
></path>
<path
d="M35.4625 52.0229C35.4053 51.4367 34.8836 51.0077 34.2972 51.0649C34.2835
51.0663 34.2697 51.0679 34.256 51.0697L34.2603 51.0687C32.7585 51.2431 31.2415
51.2431 29.7397 51.0687C29.1544 51 28.6244 51.4188 28.5557 52.0041C28.4871
52.5895 28.9059 53.1195 29.4912 53.1881C31.1567 53.3827 32.8391 53.3827
34.5045 53.1881C35.0908 53.1311 35.5197 52.6093 35.4625 52.0229Z"
></path>
<path
d="M48.32 18.2549C47.9414 17.8035 47.2686 17.7445 46.8173 18.1231C46.8158
18.1243 46.8144 18.1257 46.8128 18.1269C46.3625 18.5066 46.3052 19.1794 46.6848
19.6298C53.1161 27.2645 52.6241 38.5537 45.553 45.5999C45.1357 46.0158 45.1345
46.6914 45.5504 47.1087C45.9662 47.5261 46.6418 47.5273 47.0592 47.1114C54.9174
39.283 55.4654 26.7387 48.32 18.2549Z"
></path>
<path
d="M24.851 14.0992C24.8505 14.0992 24.85 14.0991 24.8495 14.0991C24.8487
14.0991 24.8478 14.0992 24.8469 14.0992H24.851Z"
></path>
<path
d="M37.0315 11.263C32.8628 10.2639 28.4908 10.5324 24.4757 12.0342C23.9243
12.2415 23.6455 12.8567 23.8528 13.408C24.0091 13.8236 24.4064 14.0987 24.8503
14.0991C24.9779 14.0984 25.1043 14.0751 25.2235 14.0299C28.8392 12.6778 32.7763
12.4363 36.5301 13.3366C37.1028 13.475 37.6792 13.1231 37.8176 12.5504C37.956
11.9778 37.6041 11.4014 37.0315 11.263Z"
></path>
<path
d="M18.3989 45.5466C14.8031 41.9569 12.7877 37.081 12.8 32C12.7895
27.9405 14.0753 23.9837 16.4704 20.7061C16.8244 20.2352 16.7296 19.5665
16.2587 19.2125C15.7877 18.8585 15.1191 18.9533 14.7651 19.4243C14.7588
19.4327 14.7527 19.441 14.7467 19.4496C8.5796 27.928 9.48706 39.6308
16.8875 47.057C17.3045 47.4744 17.9811 47.4746 18.3984 47.0576C18.8157
46.6405 18.816 45.964 18.3989 45.5466Z"
></path>
</svg>
<h4 class="fw-bold">Excellent Food</h4>
<p class="text-black-50">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed,
itaque.
</p>
</div>
</div>
<div class="col-10 col-md-4 col-lg-4">
<div class="service to-down">
<svg
class="services-svg"
width="70"
height="70"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M45.3205 21.5702L44.6357 19.3163C43.7659 16.756 40.9852 15.3857 38.4249
16.2556C36.9847 16.7449 35.8536 17.876 35.3643 19.3163L34.6795 21.5702C34.1032
23.471 33.9823 25.4807 34.3264 27.4368C34.6403 29.0838 35.6859 30.4987 37.168
31.2822L36.4011 48.4267C36.2984 49.3836 36.6088 50.339 37.2544 51.0528C38.6428
52.5715 40.9996 52.6771 42.5183 51.2887C42.6004 51.2136 42.6791 51.135 42.7541
51.0528C43.3853 50.3592 43.6952 49.4319 43.6075 48.4982L42.8363 31.28C44.3164
30.4962 45.3603 29.0822 45.6736 27.4368C46.0177 25.4807 45.8968 23.471 45.3205
21.5702ZM43.5723 27.0656C43.3413 28.2488 42.4981 29.2196 41.3589 29.6139C40.9265
29.7764 40.648 30.1988 40.6688 30.6603L41.4795 48.6667C41.5168 49.0199 41.4003
49.372 41.1595 49.6331C40.5172 50.269 39.4828 50.269 38.8405 49.6331C38.5877
49.351 38.4729 48.9712 38.5269 48.5963L39.3312 30.6603C39.352 30.1988 39.0735
29.7764 38.6411 29.6139C37.5019 29.2196 36.6587 28.2488 36.4277 27.0656C36.1424
25.4416 36.2429 23.7732 36.7211 22.1952L37.4059 19.9403C37.9357 18.5076 39.5267
17.7758 40.9595 18.3056C41.7169 18.5858 42.314 19.183 42.5941 19.9403L43.2789
22.1952C43.7565 23.7734 43.8571 25.4416 43.5723 27.0656Z"
></path>
<path
d="M28.8 16C28.2109 16 27.7333 16.4776 27.7333 17.0667V26.2251L24.8459
29.1125C24.6323 29.3253 24.5187 29.6188 24.5333 29.92L25.4667 48.5867C25.4889
48.9892 25.3428 49.3829 25.0635 49.6736C24.4796 50.2627 23.5287 50.2669 22.9395
49.6829C22.9363 49.6799 22.9332 49.6767 22.9301 49.6736C22.6507 49.3829 22.5047
48.9892 22.5269 48.5867L23.4667 29.92C23.4816 29.6189 23.3684 29.3256 23.1552
29.1125L20.2667 26.2251V17.0667C20.2667 16.4776 19.7891 16 19.2 16C18.6109
16 18.1333 16.4776 18.1333 17.0667V26.6667C18.1333 26.9496 18.2459 27.2208
18.4459 27.4208L21.3109 30.2869L20.4011 48.4832C20.3043 50.4708 21.8371
52.1607 23.8247 52.2575C25.8123 52.3543 27.5021 50.8215 27.5989 48.8339C27.6047
48.7171 27.6047 48.6001 27.5989 48.4833L26.6891 30.2871L29.5541 27.4209C29.7541
27.2209 29.8667 26.9497 29.8667 26.6668V17.0668C29.8667 16.4776 29.3891 16 28.8 16Z"
></path>
<path
d="M22.4 16C21.8109 16 21.3333 16.4776 21.3333 17.0667V25.6C21.3333 26.1891
21.8109 26.6667 22.4 26.6667C22.9891 26.6667 23.4667 26.1891 23.4667 25.6V17.0667C23.4667
16.4776 22.9891 16 22.4 16Z"
></path>
<path
d="M25.6 16C25.0109 16 24.5333 16.4776 24.5333 17.0667V25.6C24.5333 26.1891
25.0109 26.6667 25.6 26.6667C26.1891 26.6667 26.6667 26.1891 26.6667 25.6V17.0667C26.6667
16.4776 26.1891 16 25.6 16Z"
></path>
<path
d="M32 0C14.3269 0 0 14.3269 0 32C0 49.6731 14.3269 64 32 64C49.6731 64 64 49.6731
64 32C63.98 14.3352 49.6648 0.02 32 0ZM32 61.8667C15.5051 61.8667 2.13333 48.4949
2.13333 32C2.13333 15.5051 15.5051 2.13333 32 2.13333C48.4949 2.13333 61.8667
15.5051 61.8667 32C61.8479 48.4871 48.4871 61.8479 32 61.8667Z"
></path>
<path
d="M35.4625 52.0229C35.4053 51.4367 34.8836 51.0077 34.2972 51.0649C34.2835
51.0663 34.2697 51.0679 34.256 51.0697L34.2603 51.0687C32.7585 51.2431 31.2415
51.2431 29.7397 51.0687C29.1544 51 28.6244 51.4188 28.5557 52.0041C28.4871
52.5895 28.9059 53.1195 29.4912 53.1881C31.1567 53.3827 32.8391 53.3827
34.5045 53.1881C35.0908 53.1311 35.5197 52.6093 35.4625 52.0229Z"
></path>
<path
d="M48.32 18.2549C47.9414 17.8035 47.2686 17.7445 46.8173 18.1231C46.8158
18.1243 46.8144 18.1257 46.8128 18.1269C46.3625 18.5066 46.3052 19.1794 46.6848
19.6298C53.1161 27.2645 52.6241 38.5537 45.553 45.5999C45.1357 46.0158 45.1345
46.6914 45.5504 47.1087C45.9662 47.5261 46.6418 47.5273 47.0592 47.1114C54.9174
39.283 55.4654 26.7387 48.32 18.2549Z"
></path>
<path
d="M24.851 14.0992C24.8505 14.0992 24.85 14.0991 24.8495 14.0991C24.8487
14.0991 24.8478 14.0992 24.8469 14.0992H24.851Z"
></path>
<path
d="M37.0315 11.263C32.8628 10.2639 28.4908 10.5324 24.4757 12.0342C23.9243
12.2415 23.6455 12.8567 23.8528 13.408C24.0091 13.8236 24.4064 14.0987 24.8503
14.0991C24.9779 14.0984 25.1043 14.0751 25.2235 14.0299C28.8392 12.6778 32.7763
12.4363 36.5301 13.3366C37.1028 13.475 37.6792 13.1231 37.8176 12.5504C37.956
11.9778 37.6041 11.4014 37.0315 11.263Z"
></path>
<path
d="M18.3989 45.5466C14.8031 41.9569 12.7877 37.081 12.8 32C12.7895
27.9405 14.0753 23.9837 16.4704 20.7061C16.8244 20.2352 16.7296 19.5665
16.2587 19.2125C15.7877 18.8585 15.1191 18.9533 14.7651 19.4243C14.7588
19.4327 14.7527 19.441 14.7467 19.4496C8.5796 27.928 9.48706 39.6308
16.8875 47.057C17.3045 47.4744 17.9811 47.4746 18.3984 47.0576C18.8157
46.6405 18.816 45.964 18.3989 45.5466Z"
></path>
</svg>
<h4 class="fw-bold">Excellent Food</h4>
<p class="text-black-50">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed,
itaque.
</p>
</div>
</div>
</div>
</div>
</section>
<section id="menu">
<div class="container">
<div
class="row min-vh-100 justify-content-center align-items-center align-content-center"
id="menuRow"
>
<div class="col-12">
<div class="text-center mb-5">
<p class="text-primary fw-bold mb-4 to-down">Special</p>
<h4 class="fw-bold mb-4 to-down">Menu Off The Week</h4>
</div>
</div>
</div>
<div class="container">
<div class="row min-vh-100 justify-content-evenly align-items-center">
<div class="col-12 col-mg-5 col-lg-4">
<img
src="./public/img/movil-app.png"
class="w-100 to-right"
alt=""
/>
</div>
<div class="col-12 col-mg-5 col-lg-4">
<div class="">
<p class="text-primary fw-bold mb-4 to-left">Application</p>
<h4 class="fw-bold mb-4 to-left">App is available</h4>
<p class="text-black-50 mb-4 to-left">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis
maiores quia ducimus et molestias nihil odio similique
suscipit quaerat voluptate repudiandae qui voluptatibus ipsam
esse
</p>
<div class="mb-5">
<a href="#" class="to-left text-decoration-none">
<img src="./public/img/app1.png" class="w-25" alt="" />
</a>
<a href="#" class="to-left text-decoration-none">
<img src="./public/img/app1.png" class="w-25" alt="" />
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="bg-light py-5" id="contact">
<section class="container">
<div class="row justify-content-center mb-5">
<div class="col-lg-5">
<div class="content">
<p class="text-primary mb-0">Let's talk</p>
<h4 class="fw-bold">Contact Us</h4>
<p class="mb-0 text-black-50">
Expedita Inventore Magni Modi Molestiae Mollitia Non Odit
Provident, Similique Suscipit, Tempora Temporibus Voluptatum.
Temporibus Voluptatum.
</p>
</div>
</div>
<div class="col-1"></div>
<div class="col-lg-2 align-self-end">
<div class="content" data-sr-id="15">
<a href="#" class="btn btn-primary">Contact Us Now</a>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-9">
<hr class="mb-5 mt-0" />
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-2">
<div class="content">
<h4 class="fw-bold mb-3">Tasty Food</h4>
<a href="#" class="text-decoration-none social-link">
<i class="fa-brands fa-facebook"></i>
</a>
<a href="#" class="text-decoration-none social-link">
<i class="fa-brands fa-google"></i>
</a>
<a href="#" class="text-decoration-none social-link">
<i class="fa-brands fa-instagram"></i>
</a>
<p class="small text-black-50 mb-1">Social Links</p>
</div>
</div>
<div class="col-lg-6">
<div class="row">
<div class="col-6 col-md-4">
<div class="content mb-5 mb-md-0">
<p class="fw-bold">Services</p>
<div class="d-flex flex-column">
<a href="#" class="text-black-50 text-decoration-none"
>Delivery</a
>
<a href="#" class="text-black-50 text-decoration-none"
>Pricing</a
>
<a href="#" class="text-black-50 text-decoration-none"
>Fast Food</a
>
<a href="#" class="text-black-50 text-decoration-none"
>Reserve your spot</a
>
</div>
</div>
</div>
<div class="col-6 col-md-4">
<div class="content mb-5 mb-md-0">
<p class="fw-bold">Pages</p>
<div class="d-flex flex-column">
<a href="#" class="text-black-50 text-decoration-none"
>Event</a
>
<a href="#" class="text-black-50 text-decoration-none"
>Contact Us</a
>
<a href="#" class="text-black-50 text-decoration-none"
>Privacy Policy</a
>
<a href="#" class="text-black-50 text-decoration-none"
>Terms of services</a
>
</div>
</div>
</div>
<div class="col-6 col-md-4">
<div class="content mb-5 mb-md-0">
<p class="fw-bold">Information</p>
<div class="d-flex flex-column">
<a href="#" class="text-black-50 text-decoration-none"
>Ygn, Tamwe</a
>
<a href="#" class="text-black-50 text-decoration-none"
>No 7/9, Zay Street</a
>
<a href="#" class="text-black-50 text-decoration-none"
>09250152018</a
>
<a href="#" class="text-black-50 text-decoration-none"
>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<script src="./main.js" type="module"></script>
</body>
</html>