-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
596 lines (574 loc) · 40.1 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
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
<!-- html code for the home page -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Home - Tastify</title>
<!-- linking style.css to the document for styles -->
<link rel="stylesheet" href="style.css" />
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<!-- starting body code of the main page -->
<body>
<!-- navbar div, for the navbar of the page -->
<div id="navbar">
<!-- options div, for the options of the navbar -->
<div id="options">
<div class="option home" style="-webkit-text-stroke: 0.1vmax #d14d01">
Home
</div>
<div class="option explore">Explore</div>
<div class="option about">About Us</div>
</div>
</div>
<!-- background elements of page for effects -->
<div class="bg-elements" style="top: 10vh; left: 10vw">
<svg
fill="#ffffff"
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="5vw"
height="5vh"
viewBox="0 0 70 70"
enable-background="new 0 0 70 70"
xml:space="preserve"
stroke="#ffffff"
stroke-width="0.0007"
>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g
id="SVGRepo_tracerCarrier"
stroke-linecap="round"
stroke-linejoin="round"
></g>
<g id="SVGRepo_iconCarrier">
<g>
<path
d="M62.131,8.45c-3.445-3.446-8.139-5.344-13.215-5.344c-5.678,0-11.348,2.413-15.554,6.619 C26.787,16.3,19.139,31.689,20.874,41.44l-7.891,7.891c-2.729-1.6-6.083-1.244-8.414,1.086c-2.717,2.717-2.726,7.131-0.02,9.84 c0.886,0.885,1.969,1.506,3.15,1.814c0.316,1.184,0.941,1.927,1.815,2.8c1.315,1.314,3.067,1.712,4.933,1.712 c0.016,0,0.031,0,0.047,0c1.861,0,3.604-0.372,4.91-1.677c2.08-2.08,2.486-5.259,1.21-7.813l7.712-7.619 c1.149,0.281,2.419,0.469,3.802,0.469c9.404,0,22.688-6.707,28.727-12.747c3.987-3.986,6.328-9.143,6.594-14.54 C67.719,17.186,65.829,12.148,62.131,8.45z M16.605,55.63c-0.781,0.779-0.781,2.047-0.001,2.828 c0.911,0.91,1.098,2.842-0.027,3.965c-0.555,0.557-1.312,0.869-2.103,0.854c-0.807-0.006-1.563-0.32-2.131-0.889 c-0.558-0.557-0.878-1.324-0.88-2.105c-0.003-1.102-0.896-1.992-1.997-1.994c-0.79-0.002-1.532-0.309-2.089-0.865 c-1.146-1.146-1.138-3.021,0.02-4.178c1.236-1.238,3.025-1.176,4.35,0.148c0.375,0.375,0.884,0.586,1.414,0.586 s1.039-0.211,1.414-0.586l7.848-7.846c0.337,0.52,0.716,1.01,1.158,1.451c0.276,0.277,0.575,0.531,0.887,0.77L16.605,55.63z M63.454,22.471c-0.217,4.403-2.144,8.636-5.427,11.919c-5.475,5.474-17.714,11.597-25.898,11.597c-2.59,0-4.515-0.611-5.72-1.816 c-5.414-5.416,2.362-24.198,9.781-31.618c3.462-3.462,8.101-5.447,12.726-5.447c4.008,0,7.696,1.481,10.387,4.172 C62.192,14.167,63.667,18.143,63.454,22.471z"
></path>
<path
d="M54.475,11.944c-0.491-0.249-1.095-0.05-1.344,0.441c-0.249,0.493-0.051,1.095,0.441,1.344 c0.921,0.465,1.757,1.069,2.483,1.796c0.195,0.195,0.451,0.293,0.707,0.293s0.512-0.098,0.707-0.293 c0.391-0.391,0.391-1.023,0-1.414C56.593,13.234,55.585,12.504,54.475,11.944z"
></path>
<path
d="M47.407,10.729c-3.204,0.358-6.274,1.861-8.645,4.232c-2.686,2.685-5.54,7.548-7.104,12.104 c-0.179,0.522,0.1,1.091,0.622,1.271c0.107,0.036,0.217,0.054,0.324,0.054c0.415,0,0.804-0.261,0.946-0.676 c1.473-4.293,4.136-8.849,6.625-11.338c2.051-2.052,4.697-3.351,7.453-3.658c0.549-0.062,0.943-0.557,0.883-1.105 C48.451,11.064,47.961,10.667,47.407,10.729z"
></path>
<path
d="M9.724,52.583c-0.004,0-0.008,0-0.011,0c-0.567,0-1.668,0.747-2.201,1.974c-0.221,0.506,0.012,1.315,0.519,1.536 c0.13,0.057,0.265,0.174,0.397,0.174c0.387,0,0.754-0.189,0.918-0.566c0.132-0.301,0.334-0.344,0.421-0.354 c0.537-0.023,0.963-0.842,0.957-1.383C10.718,53.415,10.271,52.583,9.724,52.583z"
></path>
</g>
</g>
</svg>
</div>
<div class="bg-elements" style="top: 90vh; left: 22vw">
<svg
fill="#ffffff"
width="4vw"
height="4vh"
viewBox="0 0 50 50"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g
id="SVGRepo_tracerCarrier"
stroke-linecap="round"
stroke-linejoin="round"
></g>
<g id="SVGRepo_iconCarrier">
<path
d="M20.90625 0C20.757813 0.0117188 20.613281 0.0351563 20.4375 0.09375C20.085938 0.210938 19.804688 0.464844 19.625 0.71875C19.445313 0.972656 19.335938 1.230469 19.21875 1.53125C18.835938 2.507813 17.878906 5.390625 17.40625 6.75C17.386719 6.800781 17.390625 6.855469 17.375 6.90625C17.363281 6.925781 17.351563 6.949219 17.34375 6.96875L13.53125 16.21875L13.46875 16.3125C13.441406 16.371094 13.421875 16.4375 13.40625 16.5L5.09375 36.53125C5.082031 36.5625 5.070313 36.59375 5.0625 36.625L0.0625 48.625C-0.0976563 49 -0.015625 49.4375 0.273438 49.726563C0.5625 50.015625 1 50.097656 1.375 49.9375L42.71875 32.84375C42.75 32.835938 42.78125 32.824219 42.8125 32.8125C43.796875 32.496094 47.25 31.304688 48.15625 31C48.738281 30.804688 49.34375 30.507813 49.71875 29.875C50.09375 29.242188 50.0625 28.417969 49.75 27.6875C48.625 25.042969 45.8125 16.691406 39.59375 10.46875C33.566406 4.441406 25.753906 1.203125 22.125 0.21875C21.722656 0.109375 21.355469 -0.03125 20.90625 0 Z M 21.21875 2C21.199219 2.023438 21.214844 2.046875 21.625 2.15625C24.863281 3.03125 32.523438 6.210938 38.1875 11.875C43.984375 17.675781 46.667969 25.558594 47.90625 28.46875C48.070313 28.855469 47.996094 28.847656 48 28.84375C48.003906 28.839844 47.890625 28.972656 47.53125 29.09375C46.574219 29.414063 43.09375 30.625 42.21875 30.90625C42.199219 30.914063 42.175781 30.925781 42.15625 30.9375C42.160156 30.9375 42.164063 30.910156 42.09375 30.71875C41.152344 28.175781 38.511719 22.011719 33.28125 16.78125C28.222656 11.722656 22.28125 9.082031 19.59375 8.0625C19.34375 7.96875 19.21875 7.898438 19.15625 7.875C19.160156 7.851563 19.207031 7.761719 19.21875 7.71875C19.265625 7.621094 19.296875 7.515625 19.3125 7.40625C19.800781 6.003906 20.800781 3.027344 21.09375 2.28125C21.15625 2.121094 21.183594 2.0625 21.21875 2 Z M 18.375 9.75C18.546875 9.820313 18.722656 9.878906 18.875 9.9375C21.402344 10.894531 27.128906 13.441406 31.875 18.1875C36.78125 23.09375 39.335938 29.054688 40.21875 31.4375C40.246094 31.507813 40.28125 31.585938 40.3125 31.65625L25.65625 37.71875C25.859375 37.179688 26 36.609375 26 36C26 33.25 23.75 31 21 31C18.25 31 16 33.25 16 36C16 37.996094 17.203125 39.699219 18.90625 40.5L2.875 47.125L6 39.59375C6.734375 40.441406 7.800781 41 9 41C11.195313 41 13 39.199219 13 37C13 34.800781 11.195313 33 9 33C8.90625 33 8.8125 33.023438 8.71875 33.03125L12.21875 24.59375C13.316406 26.046875 15.046875 27 17 27C20.300781 27 23 24.304688 23 21C23 17.695313 20.300781 15 17 15C16.726563 15 16.453125 15.027344 16.1875 15.0625 Z M 17 17C19.222656 17 21 18.777344 21 21C21 23.222656 19.222656 25 17 25C15.199219 25 13.699219 23.835938 13.1875 22.21875L15.1875 17.4375C15.730469 17.160156 16.347656 17 17 17 Z M 31 21C28.804688 21 27 22.800781 27 25C27 25.324219 27.019531 25.636719 27.09375 25.9375C25.835938 26.847656 25 28.335938 25 30C25 32.75 27.25 35 30 35C32.75 35 35 32.75 35 30C35 29.03125 34.703125 28.144531 34.21875 27.375C34.710938 26.703125 35 25.886719 35 25C35 22.800781 33.195313 21 31 21 Z M 31 23C32.117188 23 33 23.882813 33 25C33 25.308594 32.9375 25.617188 32.8125 25.875C32.007813 25.320313 31.046875 25 30 25C29.65625 25 29.324219 25.027344 29 25.09375C29 25.0625 29 25.03125 29 25C29 23.882813 29.882813 23 31 23 Z M 30 27C30.808594 27 31.523438 27.332031 32.0625 27.84375C32.136719 27.957031 32.230469 28.050781 32.34375 28.125C32.753906 28.636719 33 29.285156 33 30C33 31.667969 31.667969 33 30 33C28.332031 33 27 31.667969 27 30C27 28.882813 27.601563 27.921875 28.5 27.40625C28.699219 27.378906 28.882813 27.289063 29.03125 27.15625C29.335938 27.054688 29.660156 27 30 27 Z M 21 33C22.667969 33 24 34.332031 24 36C24 37.667969 22.667969 39 21 39C19.332031 39 18 37.667969 18 36C18 34.332031 19.332031 33 21 33 Z M 9 35C10.117188 35 11 35.882813 11 37C11 38.117188 10.117188 39 9 39C7.9375 39 7.078125 38.195313 7 37.15625L7.6875 35.5C8.039063 35.191406 8.492188 35 9 35Z"
></path>
</g>
</svg>
</div>
<div class="bg-elements" style="top: 60vh; left: 5vw">
<svg
fill="#ffffff"
width="6vw"
height="6vh"
viewBox="0 -24.48 122.88 122.88"
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
style="enable-background: new 0 0 122.88 73.91"
xml:space="preserve"
stroke="#ffffff"
stroke-width="0.0012288"
>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g
id="SVGRepo_tracerCarrier"
stroke-linecap="round"
stroke-linejoin="round"
></g>
<g id="SVGRepo_iconCarrier">
<style type="text/css">
.st0 {
fill-rule: evenodd;
clip-rule: evenodd;
}
</style>
<g>
<path
class="st0"
d="M97.31,36.95c0,9.92-3.49,18.39-10.48,25.38c-7,7-15.46,10.5-25.38,10.5c-9.88,0-18.34-3.49-25.35-10.5 c-7-6.99-10.52-15.46-10.52-25.38c0-9.89,3.51-18.32,10.52-25.34c7.03-7,15.48-10.52,25.35-10.52c9.92,0,18.38,3.51,25.38,10.52 C93.81,18.63,97.31,27.06,97.31,36.95L97.31,36.95L97.31,36.95L97.31,36.95z M16.37,30.34c3.15-2.15,4.73-4.96,4.46-11.39V2.42 c-0.03-2.31-4.22-2.59-4.43,0l-0.16,13.41c-0.01,2.51-3.78,2.59-3.77,0l0.16-13.87c-0.05-2.48-4.05-2.73-4.1,0 c0,3.85-0.16,10.02-0.16,13.87c0.2,2.43-3.3,2.75-3.21,0L5.32,2.05C5.23,0.18,3.17-0.49,1.77,0.39C0.28,1.34,0.58,3.25,0.52,4.86 L0,20.68c0.08,4.6,1.29,8.34,4.89,9.93c0.55,0.24,1.31,0.43,2.19,0.56L5.84,69.75c-0.07,2.29,1.8,4.16,3.99,4.16h0.5 c2.47,0,4.56-2.11,4.49-4.68l-1.09-38.07C14.88,30.98,15.83,30.71,16.37,30.34L16.37,30.34z M106.74,68.59l-0.06-34.65 c-12.15-7.02-8.28-34.07,3.88-33.92c14.78,0.17,16.53,30.48,3.82,33.81l0.94,34.9C115.5,75.33,106.75,75.94,106.74,68.59 L106.74,68.59z M82.33,36.92c0,5.78-2.03,10.71-6.12,14.8c-4.08,4.07-9.01,6.12-14.79,6.12c-5.74,0-10.67-2.05-14.75-6.12 c-4.08-4.09-6.12-9.02-6.12-14.8c0-5.74,2.04-10.67,6.12-14.74c4.09-4.07,9.01-6.12,14.75-6.12C73.03,16.07,82.33,25.3,82.33,36.92 L82.33,36.92L82.33,36.92z M87.22,36.92c0-7.1-2.5-13.17-7.53-18.2s-11.12-7.53-18.27-7.53c-7.13,0-13.2,2.5-18.2,7.53 c-5.03,5.03-7.56,11.1-7.56,18.2c0,7.12,2.53,13.19,7.56,18.24c5,5.04,11.07,7.57,18.2,7.57c7.14,0,13.23-2.53,18.27-7.57 C84.71,50.1,87.22,44.03,87.22,36.92L87.22,36.92L87.22,36.92L87.22,36.92z"
></path>
</g>
</g>
</svg>
</div>
<div class="bg-elements" style="bottom: 3vh; right: 40vw">
<svg
fill="#ffffff"
width="5vw"
height="5vh"
viewBox="0 0 14 14"
role="img"
focusable="false"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g
id="SVGRepo_tracerCarrier"
stroke-linecap="round"
stroke-linejoin="round"
></g>
<g id="SVGRepo_iconCarrier">
<path
d="m 4.1960651,12.981368 c -0.69813,-0.107 -1.27726,-0.4694 -1.65855,-1.038 -0.14619,-0.2179 -0.28312,-0.5456 -0.332,-0.7943 -0.041,-0.2085 -0.0443,-0.3091 -0.0443,-1.3593004 l 0,-1.0544 -0.10839,0 c -0.18893,0 -0.38036,-0.044 -0.54554,-0.1241 -0.25783,-0.1257 -0.42187,-0.3835 -0.47603,-0.7482 -0.0243,-0.1637 -0.0242,-0.3273 3.2e-4,-0.4098 0.0746,-0.2512 0.474,-0.2841 0.573,-0.047 0.0128,0.031 0.019,0.086 0.0191,0.1709 4.8e-4,0.2504 0.0396,0.384 0.13666,0.4671 0.0705,0.06 0.15264,0.085 0.28473,0.086 l 0.10999,6e-4 0.003,-0.7424 0.003,-0.7425 4.82111,0 4.8211199,0 0,0.7388 0,0.7389 0.0443,0.01 c 0.0243,0 0.0862,0.01 0.13748,0 0.28885,-0.021 0.39163,-0.167 0.39238,-0.5559 2.6e-4,-0.134 0.0157,-0.1922 0.065,-0.2451 0.10822,-0.116 0.33709,-0.1141 0.45497,0 0.0788,0.079 0.0971,0.1522 0.0869,0.3485 -0.0216,0.4146 -0.15787,0.7141 -0.39719,0.8727 -0.17147,0.1135 -0.34921,0.1645 -0.60961,0.1749 l -0.17415,0.01 0,1.0437 c 0,1.0738004 -0.004,1.1715004 -0.0509,1.4032004 -0.0654,0.3198 -0.22379,0.6674 -0.42222,0.9266 -0.0792,0.1034 -0.26046,0.29 -0.36399,0.3747 -0.25427,0.208 -0.55003,0.3587 -0.86358,0.4398 -0.3005499,0.078 -0.1320399,0.074 -3.0976099,0.073 -2.22783,0 -2.7185,0 -2.80928,-0.018 z m -2.0348,-7.1607004 0,-0.4339 2.03257,0 2.03258,0 0.0203,-0.064 c 0.0251,-0.08 0.0939,-0.1961 0.14988,-0.2538 l 0.042,-0.043 0,-0.3203 0,-0.3203 0.54384,0 0.54383,0 0,0.3203 0,0.3203 0.042,0.043 c 0.056,0.058 0.12481,0.1742 0.14989,0.2538 l 0.0203,0.064 2.03258,0 2.0325799,0 0,0.4339 0,0.4338 -4.8212099,0 -4.82121,0 0,-0.4338 z m 1.84183,-0.9654 c -0.0758,-0.019 -0.14721,-0.071 -0.19205,-0.1384 -0.0793,-0.1197 -0.0794,-0.2194 -4.2e-4,-0.3708 0.0748,-0.1433 0.099,-0.2218 0.10662,-0.3463 0.0131,-0.2132 -0.0342,-0.3758 -0.24003,-0.825 -0.18883,-0.412 -0.22078,-0.5047 -0.24637,-0.7149 -0.042,-0.3451 0.10163,-0.7351 0.38339,-1.0408 0.10308,-0.1118 0.22055,-0.1483 0.35326,-0.1097 0.0788,0.023 0.1704,0.097 0.20629,0.1677 0.0281,0.055 0.0316,0.1528 0.007,0.2102 -0.009,0.022 -0.041,0.067 -0.0708,0.1004 -0.0934,0.1054 -0.13061,0.1587 -0.17454,0.2504 -0.0569,0.1188 -0.0722,0.2006 -0.0653,0.3483 0.007,0.1513 0.0488,0.2822 0.19192,0.6025 0.1247,0.2791 0.17235,0.4045 0.21226,0.5587 0.0991,0.3826 0.0701,0.6902 -0.0966,1.027 -0.0587,0.1185 -0.12664,0.2159 -0.17591,0.252 -0.0453,0.033 -0.13213,0.046 -0.19908,0.029 z m 1.37442,-0.095 c -0.0543,-0.017 -0.15585,-0.1102 -0.18869,-0.1726 -0.0369,-0.07 -0.0379,-0.213 -0.002,-0.2824 0.17214,-0.3329 0.1826,-0.3697 0.18211,-0.6416 -4.3e-4,-0.2403 -0.0135,-0.3085 -0.13939,-0.7272 -0.14385,-0.4784 -0.17348,-0.6263 -0.17399,-0.8683 -6.5e-4,-0.3123 0.0723,-0.5618 0.23883,-0.8173 0.12805,-0.1965 0.1984,-0.2507 0.32545,-0.25100005 0.0869,-2e-4 0.17431,0.04 0.23644,0.10900005 0.0598,0.066 0.0813,0.1183 0.0813,0.1961 0,0.077 -0.0183,0.1214 -0.10404,0.2503 -0.16023,0.2408 -0.19627,0.4991 -0.11701,0.8389 0.0131,0.056 0.0631,0.2276 0.11098,0.3807 0.14244,0.4552 0.1808,0.6736 0.16684,0.9499 -0.0127,0.252 -0.068,0.4615 -0.18561,0.7027 -0.0932,0.1913 -0.15923,0.2853 -0.22462,0.3199 -0.0582,0.031 -0.13558,0.036 -0.2066,0.013 z"
></path>
</g>
</svg>
</div>
<div class="bg-elements" style="top: 25vh; right: 22vw">
<svg
width="5vw"
height="5vh"
viewBox="0 0 1024 1024"
fill="#ffffff"
class="icon"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g
id="SVGRepo_tracerCarrier"
stroke-linecap="round"
stroke-linejoin="round"
></g>
<g id="SVGRepo_iconCarrier">
<path
d="M791.942 1023.906H152.072a7.94 7.94 0 0 1-5.78-2.484 7.946 7.946 0 0 1-2.21-5.876l31.994-703.862a8 8 0 0 1 4.412-6.794c3.446-1.726 34.19-16.84 51.568-16.84 9.888 0 18.878 4.498 27.572 8.842 7.358 3.678 14.302 7.154 20.41 7.154 6.108 0 13.06-3.476 20.416-7.154 8.702-4.344 17.692-8.842 27.574-8.842 9.88 0 18.872 4.498 27.572 8.842 7.358 3.678 14.308 7.154 20.416 7.154s13.06-3.476 20.418-7.154c8.702-4.344 17.692-8.842 27.572-8.842s18.872 4.49 27.572 8.842c7.358 3.678 14.318 7.154 20.426 7.154s13.06-3.476 20.416-7.154c8.694-4.344 17.684-8.842 27.572-8.842s18.872 4.498 27.572 8.842c7.358 3.678 14.31 7.154 20.418 7.154s13.06-3.476 20.418-7.154c8.702-4.344 17.684-8.842 27.572-8.842s18.872 4.498 27.572 8.842c7.358 3.678 14.31 7.154 20.418 7.154s13.06-3.476 20.418-7.154c8.702-4.344 17.684-8.842 27.572-8.842 17.386 0 48.116 15.114 51.566 16.84a7.98 7.98 0 0 1 4.406 6.794l31.992 703.862a7.91 7.91 0 0 1-2.202 5.876 7.904 7.904 0 0 1-5.772 2.484z m-631.496-15.998h623.12l-31.398-690.732c-10.56-4.936-30.212-13.13-40.21-13.13-6.11 0-13.06 3.476-20.418 7.154-8.702 4.344-17.684 8.842-27.572 8.842s-18.872-4.498-27.572-8.842c-7.358-3.678-14.308-7.154-20.418-7.154-6.108 0-13.058 3.476-20.418 7.154-8.702 4.344-17.684 8.842-27.572 8.842s-18.872-4.498-27.572-8.842c-7.358-3.678-14.308-7.154-20.418-7.154-6.108 0-13.058 3.476-20.416 7.154-8.694 4.344-17.684 8.842-27.572 8.842-9.888 0-18.878-4.498-27.582-8.842-7.358-3.678-14.308-7.154-20.416-7.154s-13.06 3.476-20.416 7.154c-8.702 4.344-17.692 8.842-27.574 8.842-9.88 0-18.872-4.498-27.572-8.842-7.358-3.678-14.31-7.154-20.416-7.154-6.11 0-13.06 3.476-20.418 7.154-8.702 4.344-17.692 8.842-27.572 8.842s-18.872-4.49-27.564-8.842c-7.358-3.678-14.31-7.154-20.418-7.154-9.154 0-27.94 7.374-40.218 13.122l-31.398 690.74z"
fill=""
></path>
<path
d="M759.948 991.912H184.066a7.994 7.994 0 0 1-7.998-7.998 7.994 7.994 0 0 1 7.998-7.998h575.88a7.994 7.994 0 0 1 7.998 7.998 7.992 7.992 0 0 1-7.996 7.998zM532.916 272.052a7.99 7.99 0 0 1-7.514-10.732l75.828-208.332C609.4 30.518 628.24 13.608 654.282 5.36c25.322-8.006 54.488-6.85 82.248 3.248 59.8 21.746 75.016 77.32 59.144 120.976l-33.698 136.394a7.978 7.978 0 0 1-9.684 5.842 8.004 8.004 0 0 1-5.844-9.686l33.948-137.206c12.996-35.882 2.92-82.28-49.334-101.292-24.464-8.896-50.006-9.944-71.954-3.024-21.2 6.708-36.414 20.152-42.852 37.844l-75.828 208.332a8 8 0 0 1-7.512 5.264z"
fill=""
></path>
<path
d="M748.668 165.702a7.97 7.97 0 0 1-6.748-3.71c-0.11-0.156-13.482-20.168-49.146-33.126-35.648-12.974-58.754-6.256-59.004-6.202-4.108 1.274-8.67-1.062-9.982-5.288a7.972 7.972 0 0 1 5.218-9.974c1.108-0.368 28.134-8.56 69.236 6.436 41.162 14.958 56.55 38.578 57.174 39.578a7.996 7.996 0 0 1-2.452 11.038 8.08 8.08 0 0 1-4.296 1.248zM715.832 255.9a7.976 7.976 0 0 1-6.75-3.71c-0.11-0.156-13.48-20.168-49.128-33.142-35.712-12.99-58.754-6.248-59.004-6.186-4.062 1.28-8.67-1.054-9.982-5.282a7.976 7.976 0 0 1 5.216-9.982c1.124-0.344 28.12-8.53 69.236 6.42 41.146 14.974 56.536 38.594 57.16 39.594a7.994 7.994 0 0 1-6.748 12.288zM216.052 272.052a7.998 7.998 0 0 1-7.912-6.866L176.146 41.234a8 8 0 0 1 6.788-9.052c4.39-0.664 8.428 2.414 9.052 6.788l31.994 223.954a8 8 0 0 1-7.928 9.128z"
fill=""
></path>
<path
d="M264.042 272.052a7.994 7.994 0 0 1-7.772-6.146c-0.398-1.664-40.084-167.082-78.708-221.158a7.994 7.994 0 0 1 1.858-11.154 7.986 7.986 0 0 1 11.154 1.858c40.438 56.614 79.61 219.83 81.258 226.75a7.996 7.996 0 0 1-7.79 9.85zM312.032 272.052a7.994 7.994 0 0 1-7.764-6.124c-35.812-148.296-78.648-221-79.078-221.72a8 8 0 0 1 2.756-10.966 7.988 7.988 0 0 1 10.966 2.75c1.804 3 44.444 75.204 80.898 226.188a7.986 7.986 0 0 1-5.898 9.646 7.734 7.734 0 0 1-1.88 0.226z"
fill=""
></path>
<path
d="M224.066 80.094c-0.64 0-1.296-0.078-1.946-0.242a7.988 7.988 0 0 1-5.82-9.694l8-31.994a7.958 7.958 0 0 1 9.694-5.818 7.986 7.986 0 0 1 5.818 9.694l-7.998 31.994a7.988 7.988 0 0 1-7.748 6.06zM504 272.052a7.994 7.994 0 0 1-7.998-7.998v-55.988h-143.97v55.988c0 4.422-3.578 7.998-7.998 7.998s-7.998-3.576-7.998-7.998v-63.986a7.994 7.994 0 0 1 7.998-7.998H504a7.994 7.994 0 0 1 7.998 7.998v63.986a7.994 7.994 0 0 1-7.998 7.998z"
fill=""
></path>
<path
d="M456.01 272.052a7.994 7.994 0 0 1-7.998-7.998c0-13.232-10.764-23.994-23.996-23.994s-23.996 10.762-23.996 23.994a7.994 7.994 0 0 1-7.998 7.998 7.992 7.992 0 0 1-7.998-7.998c0-22.05 17.942-39.992 39.992-39.992s39.992 17.942 39.992 39.992a7.994 7.994 0 0 1-7.998 7.998zM344.034 192.07a7.996 7.996 0 0 1-5.656-13.654l15.998-15.996a7.996 7.996 0 1 1 11.31 11.31l-15.998 15.996a7.964 7.964 0 0 1-5.654 2.344z"
fill=""
></path>
<path
d="M488.004 176.074h-127.974c-4.42 0-7.998-3.578-7.998-7.998s3.578-8 7.998-8h127.974c4.42 0 7.998 3.578 7.998 8s-3.578 7.998-7.998 7.998z"
fill=""
></path>
<path
d="M504 192.07a7.98 7.98 0 0 1-5.656-2.344l-15.998-15.996a7.996 7.996 0 1 1 11.31-11.31l15.998 15.996A7.996 7.996 0 0 1 504 192.07zM376.402 779.614a8.02 8.02 0 0 1-5.312-2.016c-32.446-28.838-51.052-70.236-51.052-113.618 0-83.794 68.172-151.976 151.968-151.976 11.348 0 22.66 1.258 33.626 3.726a7.994 7.994 0 0 1 6.044 9.558c-0.976 4.312-5.294 7.032-9.56 6.046a137.7 137.7 0 0 0-30.11-3.328c-74.978 0-135.972 60.988-135.972 135.972a136.104 136.104 0 0 0 45.678 101.65 8.006 8.006 0 0 1-5.31 13.986zM472.006 815.95a152.81 152.81 0 0 1-33.79-3.782 7.994 7.994 0 0 1-6.022-9.576c0.976-4.31 5.25-7.044 9.568-6.014a136.964 136.964 0 0 0 30.244 3.374c74.97 0 135.972-61.002 135.972-135.97a136.184 136.184 0 0 0-45.302-101.34 8 8 0 0 1-0.64-11.292c2.984-3.296 8.06-3.562 11.294-0.624a152.126 152.126 0 0 1 50.644 113.258c0 83.792-68.174 151.966-151.968 151.966z"
fill=""
></path>
<path
d="M504 703.972a7.98 7.98 0 0 1-5.656-2.344l-63.986-63.988a7.996 7.996 0 1 1 11.31-11.308l63.988 63.986a7.996 7.996 0 0 1-5.656 13.654z"
fill=""
></path>
<path
d="M440.014 639.984a7.994 7.994 0 0 1-5.656-13.652l159.966-159.974a7.996 7.996 0 1 1 11.31 11.31l-159.966 159.974a7.97 7.97 0 0 1-5.654 2.342zM360.03 847.942a7.994 7.994 0 0 1-5.654-13.652l143.97-143.97a7.996 7.996 0 1 1 11.31 11.31l-143.97 143.968a7.976 7.976 0 0 1-5.656 2.344zM759.948 320.042a7.988 7.988 0 0 1-6.404-3.202 8.006 8.006 0 0 1 1.608-11.192l63.986-47.99a7.99 7.99 0 0 1 11.202 1.602 8.006 8.006 0 0 1-1.608 11.192l-63.988 47.99c-1.44 1.078-3.124 1.6-4.796 1.6zM807.938 991.912a8.176 8.176 0 0 1-3.578-0.844 8.008 8.008 0 0 1-3.578-10.732l31.994-63.986c1.984-3.966 6.794-5.53 10.732-3.578a8.002 8.002 0 0 1 3.578 10.732l-31.994 63.988a8.016 8.016 0 0 1-7.154 4.42z"
fill=""
></path>
<path
d="M850.584 943.906a7.992 7.992 0 0 1-6.654-3.562l-10.654-15.98a7.996 7.996 0 0 1 2.218-11.092c3.624-2.452 8.624-1.482 11.092 2.218l10.652 15.982a8 8 0 0 1-6.654 12.434zM871.908 975.916a8.01 8.01 0 0 1-7.966-7.452L815.952 264.6a8.008 8.008 0 0 1 7.436-8.53c4.204-0.266 8.216 3.024 8.53 7.436l47.99 703.864a8.02 8.02 0 0 1-7.436 8.53c-0.188 0-0.376 0.016-0.564 0.016z"
fill=""
></path>
<path
d="M791.942 1023.906a8.004 8.004 0 0 1-6.86-3.89 7.976 7.976 0 0 1 2.75-10.966l79.984-47.99a7.994 7.994 0 1 1 8.214 13.716l-79.982 47.99c-1.28 0.766-2.702 1.14-4.106 1.14z"
fill=""
></path>
<path
d="M823.934 272.052h-31.992c-4.422 0-8-3.576-8-7.998a7.994 7.994 0 0 1 8-7.998h31.992a7.994 7.994 0 0 1 7.998 7.998 7.992 7.992 0 0 1-7.998 7.998z"
fill=""
></path>
</g>
</svg>
</div>
<div class="bg-elements" style="top: 55vh; right: 4vw">
<svg
fill="#ffffff"
width="6vw"
height="6vh"
viewBox="0 0 128 128"
id="Layer_1"
version="1.1"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g
id="SVGRepo_tracerCarrier"
stroke-linecap="round"
stroke-linejoin="round"
></g>
<g id="SVGRepo_iconCarrier">
<g>
<path
d="M122.1,84.3h-9.6C111.6,60.5,93.9,41,71,37.2V35c0-3.4-2.8-6.2-6.2-6.2c-3.4,0-6.2,2.8-6.2,6.2v1.7 c-24.8,2.1-44.4,22.5-45.3,47.6H7.6c-0.9,0-1.6,0.8-1.6,1.9c0,1,0.7,1.9,1.6,1.9h7.5h95.5h11.4c0.9,0,1.6-0.8,1.6-1.9 C123.7,85.1,122.9,84.3,122.1,84.3z M17,84.3c1-24.4,21.2-44,45.9-44c24.7,0,44.9,19.6,45.9,44H17z M64.8,32.5 c1.4,0,2.5,1.1,2.5,2.5v1.7c-1.5-0.1-2.9-0.2-4.4-0.2c-0.2,0-0.3,0-0.5,0V35C62.4,33.7,63.5,32.5,64.8,32.5z"
></path>
<path
d="M87.2,51c-1-0.2-2,0.4-2.2,1.5c-0.2,1,0.4,2,1.4,2.2c0.3,0.1,6.5,1.5,9.6,10.6c0.3,0.8,1,1.3,1.8,1.3c0.2,0,0.4,0,0.6-0.1 c1-0.3,1.5-1.4,1.2-2.4C95.8,52.8,87.6,51,87.2,51z"
></path>
</g>
</g>
</svg>
</div>
<div class="bg-elements" style="top: 9vh; right: 3vw">
<svg
fill="#ffffff"
height="5vh"
width="5vw"
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512.001 512.001"
xml:space="preserve"
>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g
id="SVGRepo_tracerCarrier"
stroke-linecap="round"
stroke-linejoin="round"
></g>
<g id="SVGRepo_iconCarrier">
<g>
<g>
<path
d="M255.466,14.928c0-7.879,2.851-11.441,6.795-16.372c4.592-5.741,10.307-12.887,10.307-26.388 c0-13.508-5.714-20.656-10.306-26.401c-3.945-4.936-6.796-8.502-6.796-16.389c0-4.427-3.589-8.017-8.017-8.017 s-8.017,3.589-8.017,8.017c0,13.508,5.714,20.656,10.306,26.401c3.945,4.936,6.796,8.502,6.796,16.389 c0,7.878-2.851,11.441-6.795,16.372c-4.592,5.741-10.307,12.885-10.307,26.388c0,13.495,5.716,20.634,10.31,26.372 c3.943,4.925,6.793,8.485,6.793,16.351c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017 c0-13.495-5.716-20.635-10.311-26.372C258.314,126.353,255.466,122.795,255.466,114.928z"
></path>
</g>
</g>
<g>
<g>
<path
d="M300.859,43.175c-1.787-4.05-6.52-5.885-10.571-4.097c-4.051,1.787-5.884,6.52-4.097,10.571 c3.018,6.839,4.548,14.414,4.548,22.517c0,19.79-8.867,30.959-14.22,37.653c-1.144,1.385-1.831,3.162-1.831,5.1 c0,4.426,3.589,8.016,8.017,8.016c2.545,0,4.814-1.188,6.284-3.038c5.786-7.232,17.783-22.258,17.783-47.73 C306.772,61.82,304.783,52.066,300.859,43.175z"
></path>
</g>
</g>
<g>
<g>
<path
d="M235.952,67.683c-2.456-3.683-7.434-4.679-11.117-2.223c-0.949,0.633-1.719,1.432-2.298,2.334 c-5.941,7.445-17.31,22.342-17.31,47.133c0,10.266,1.96,19.949,5.827,28.779c1.318,3.009,4.261,4.804,7.348,4.804 c1.073,0,2.164-0.217,3.211-0.676c4.055-1.775,5.904-6.503,4.128-10.559c-2.973-6.791-4.48-14.309-4.48-22.348 c0-19.871,8.944-31.052,14.29-37.736c0.144-0.181,0.281-0.368,0.409-0.56C237.756,73.938,237.748,70.375,235.952,67.683z"
></path>
</g>
</g>
<g>
<g>
<path
d="M503.983,277.93H451.17c-3.606-14.707-16.895-25.653-32.699-25.653c-0.495,0-0.992,0.013-1.49,0.037 c-2.928-12-12.304-21.5-24.234-24.607l91.701-108.36c2.86-3.38,2.439-8.438-0.941-11.298c-3.38-2.86-8.439-2.438-11.298,0.941 L371.443,228.063c-5.568-11.016-16.961-18.542-29.931-18.542c-0.562,0-1.122,0.016-1.681,0.045l68.96-168.567 c1.676-4.098-0.286-8.779-4.385-10.455c-4.098-1.677-8.779,0.288-10.455,4.385l-69.419,169.69 c-6.188-7.457-15.484-12.2-25.775-12.2c-5.855,0-11.453,1.489-16.408,4.295c-6.275-7.942-15.946-12.846-26.348-12.846 s-20.073,4.904-26.348,12.846c-4.954-2.806-10.553-4.295-16.408-4.295c-13.341,0-25.032,7.952-30.412,19.485 c-3.904-1.563-8.084-2.383-12.344-2.383c-13.341,0-25.032,7.952-30.412,19.485c-3.904-1.563-8.084-2.383-12.344-2.383 c-15.818,0-29.123,10.963-32.715,25.691c-0.498-0.025-0.995-0.037-1.49-0.037c-15.804,0-29.091,10.947-32.699,25.653H8.017 c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h2.267c12.901,50.73,36.302,95.531,69.626,133.24 c27.989,31.671,55.72,49.912,69.76,57.966c6.239,3.579,13.427,5.471,20.788,5.471h171.086c7.36,0,14.549-1.892,20.788-5.471 c14.039-8.054,41.771-26.295,69.76-57.966c33.325-37.708,56.726-82.509,69.626-133.24h2.267c4.427,0,8.017-3.589,8.017-8.017 S508.411,277.93,503.983,277.93z M379.527,243.331c1.535-0.444,3.129-0.674,4.741-0.674c9.65,0,17.515,7.79,17.636,17.412 l-0.009,0.062c-0.059,0.421-0.11,0.843-0.137,1.273c-0.172,2.699,1.028,5.304,3.193,6.926c2.164,1.623,5,2.043,7.544,1.12 c2.113-0.767,4.068-1.141,5.978-1.141c6.837,0,12.765,3.919,15.69,9.62h-83.916L379.527,243.331z M93.528,268.31 c1.91,0,3.865,0.373,5.978,1.141c2.545,0.925,5.381,0.502,7.544-1.12c2.164-1.623,3.365-4.227,3.193-6.926 c-0.028-0.431-0.079-0.852-0.137-1.273l-0.009-0.062c0.12-9.622,7.985-17.412,17.636-17.412c4.346,0,8.559,1.667,11.86,4.696 c2.269,2.081,5.531,2.678,8.393,1.536c2.86-1.143,4.812-3.823,5.024-6.897c0.632-9.217,8.31-16.437,17.48-16.437 c4.346,0,8.559,1.667,11.86,4.696c2.27,2.081,5.532,2.679,8.393,1.536c2.86-1.143,4.812-3.823,5.024-6.897 c0.632-9.217,8.31-16.437,17.48-16.437c4.9,0,9.475,2.024,12.882,5.7c1.895,2.045,4.718,2.96,7.45,2.411 c2.734-0.546,4.987-2.472,5.952-5.089c2.551-6.923,9.172-11.574,16.473-11.574s13.92,4.652,16.473,11.574 c0.964,2.616,3.217,4.543,5.952,5.089c2.735,0.549,5.555-0.367,7.45-2.411c3.408-3.676,7.982-5.7,12.882-5.7 c9.169,0,16.847,7.22,17.48,16.437c0.211,3.073,2.163,5.753,5.024,6.897c2.86,1.143,6.122,0.545,8.393-1.536 c3.302-3.028,7.514-4.696,11.86-4.696c9.169,0,16.847,7.22,17.48,16.437c0.016,0.229,0.06,0.45,0.095,0.674L329.25,277.93H77.838 C80.763,272.227,86.692,268.31,93.528,268.31z M354.352,471.261c-3.815,2.188-8.244,3.345-12.81,3.345H170.458 c-4.565,0-8.995-1.157-12.81-3.345c-23.521-13.494-100.816-65.387-130.791-177.298h458.286 C455.169,405.874,377.873,457.767,354.352,471.261z"
></path>
</g>
</g>
<g>
<g>
<path
d="M227.464,246.073l-8.551-8.551c-3.131-3.131-8.207-3.131-11.337,0c-3.131,3.131-3.131,8.207,0,11.337l8.551,8.551 c1.565,1.565,3.617,2.348,5.668,2.348s4.103-0.782,5.668-2.348C230.595,254.279,230.595,249.202,227.464,246.073z"
></path>
</g>
</g>
<g>
<g>
<path
d="M278.771,228.97c-3.13-3.13-8.207-3.13-11.337,0l-8.551,8.551c-3.131,3.131-3.131,8.207,0,11.337 c1.565,1.565,3.617,2.348,5.668,2.348s4.104-0.782,5.668-2.348l8.551-8.551C281.901,237.176,281.901,232.1,278.771,228.97z"
></path>
</g>
</g>
<g>
<g>
<path
d="M307.307,252.277h-8.551c-4.427,0-8.017,3.589-8.017,8.017c0,4.427,3.589,8.017,8.017,8.017h8.551 c4.427,0,8.017-3.589,8.017-8.017C315.324,255.866,311.734,252.277,307.307,252.277z"
></path>
</g>
</g>
<g>
<g>
<path
d="M184.708,246.073c-3.13-3.13-8.207-3.13-11.337,0l-8.551,8.551c-3.131,3.131-3.131,8.207,0,11.337 c1.565,1.565,3.617,2.348,5.668,2.348s4.103-0.782,5.668-2.348l8.551-8.551C187.839,254.279,187.839,249.202,184.708,246.073z"
></path>
</g>
</g>
</g>
</svg>
</div>
<div class="bg-elements" style="bottom: 9vh; right: 16vw">
<svg
version="1.1"
id="Icons"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 32 32"
xml:space="preserve"
width="5vw"
height="5vh"
fill="#ffffff"
stroke="#ffffff"
>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g
id="SVGRepo_tracerCarrier"
stroke-linecap="round"
stroke-linejoin="round"
></g>
<g id="SVGRepo_iconCarrier">
<style type="text/css">
.st0 {
fill: none;
stroke: #ffffff;
stroke-width: 1.216;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
}
</style>
<line class="st0" x1="11" y1="9" x2="11" y2="11"></line>
<line class="st0" x1="21" y1="9" x2="21" y2="11"></line>
<line class="st0" x1="16" y1="8" x2="16" y2="10"></line>
<path
class="st0"
d="M27.8,14C26.9,8.3,21.9,4,16,4S5.1,8.3,4.2,14H27.8z"
></path>
<path
class="st0"
d="M4,16l1.5,1c0.9,0.6,2.1,0.6,3,0l0,0c0.9-0.6,2.1-0.6,3,0l0,0c0.9,0.6,2.1,0.6,3,0l0,0c0.9-0.6,2.1-0.6,3,0l0,0 c0.9,0.6,2.1,0.6,3,0l0,0c0.9-0.6,2.1-0.6,3,0l0,0c0.9,0.6,2.1,0.6,3,0l1.5-1"
></path>
<path
class="st0"
d="M27,24H5c-1.1,0-2-0.9-2-2v0c0-1.1,0.9-2,2-2h22c1.1,0,2,0.9,2,2v0C29,23.1,28.1,24,27,24z"
></path>
<path
class="st0"
d="M27,24v1.4c0,1.5-1.2,2.6-2.6,2.6H7.6C6.2,28,5,26.8,5,25.4V24"
></path>
</g>
</svg>
</div>
<div class="bg-elements" style="top: 30vh; left: 23vw">
<svg
fill="#ffffff"
version="1.1"
id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512.031 512.031"
xml:space="preserve"
width="5vw"
height="5vh"
stroke="#ffffff"
stroke-width="0.0051203099999999994"
>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g
id="SVGRepo_tracerCarrier"
stroke-linecap="round"
stroke-linejoin="round"
></g>
<g id="SVGRepo_iconCarrier">
<g>
<g>
<g>
<polygon
points="87.677,38.022 72.468,38.022 72.468,481.614 354.174,481.614 354.174,466.405 87.677,466.405 "
></polygon>
<path
d="M415.218,0H400.01h-38.231h-80.923H42.05v512.031h357.96h15.209h54.763V0H415.218z M296.065,15.209h50.505V96.66 l-25.252-23.38l-25.253,23.38V15.209z M57.259,496.823V15.209h193.179v68.25h15.209v-68.25h15.209v116.26l40.462-37.461 l40.461,37.461V15.209h38.231v481.614H57.259z M454.772,496.823h-12.173V382.756H427.39v114.066h-12.172V15.209h12.172v277.644 h15.209V15.209h12.173V496.823z"
></path>
<rect
x="427.389"
y="313.134"
width="15.209"
height="49.345"
></rect>
<path
d="M173.381,261.695c2.645,0.709,5.346,1.061,8.078,1.061c3.861,0,7.778-0.705,11.67-2.099l30.909,53.536l-52.359,90.688 l13.171,7.604l47.969-83.084l47.969,83.084l13.171-7.604L241.6,314.193l26.005-45.043c3.873,1.296,7.939,1.971,12.037,1.971 c13.574,0,26.219-7.296,32.999-19.04l16.65-28.835c10.492-18.181,4.24-41.51-13.937-52.006c-5.786-3.341-12.36-5.107-19.01-5.107 c-13.573,0-26.217,7.296-32.998,19.042l-16.648,28.834c-9.194,15.926-5.536,35.803,7.733,47.544l-21.611,37.432l-26.52-45.935 c5.385-4.565,9.067-10.196,10.778-16.581c2.308-8.615,0.833-17.837-4.266-26.668l-28.527-49.411l-13.171,7.604l28.527,49.411 c3.038,5.262,3.988,10.493,2.746,15.127c-0.673,2.513-2.014,4.848-3.92,6.95l-37.792-65.459l-13.171,7.604l37.792,65.458 c-2.773,0.599-5.464,0.592-7.978-0.081c-4.634-1.242-8.689-4.679-11.727-9.942l-28.527-49.409l-13.171,7.604l28.527,49.409 C157.517,253.498,164.766,259.386,173.381,261.695z M259.869,221.611l16.648-28.834c4.073-7.055,11.67-11.437,19.827-11.437 c3.984,0,7.928,1.062,11.406,3.069c10.917,6.303,14.67,20.314,8.37,31.232l-16.649,28.834 c-4.073,7.054-11.67,11.436-19.828,11.436c-3.985,0-7.927-1.061-11.404-3.067C257.321,246.54,253.566,232.528,259.869,221.611z"
></path>
</g>
</g>
</g>
</g>
</svg>
</div>
<!-- parent div for the whole page -->
<div id="parent">
<!-- main div for the main part of the page -->
<div id="main">
<!-- head div for the heading part of the page -->
<div id="head">
<div id="name">Tastify</div>
<div id="tagline">Your Palate's Passport to Pleasure!</div>
</div>
<!-- search div for the search part of the page -->
<div id="search">
<svg
width="6.5vw"
height="6.5vh"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g
id="SVGRepo_tracerCarrier"
stroke-linecap="round"
stroke-linejoin="round"
></g>
<g id="SVGRepo_iconCarrier">
<path
d="M11 6C13.7614 6 16 8.23858 16 11M16.6588 16.6549L21 21M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z"
stroke="#ffffff"
stroke-width="0.744"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</g></svg
>
<!-- input for the search input -->
<input
type="text"
id="searchbar"
name="searchbar"
placeholder="Search your Favourite Meal Category! 😋"
/>
<div id="search-btn">
<!-- button to click on to proceed search -->
<button>Let's get Cooking!</button>
</div>
</div>
<!-- message div for a welcome message -->
<div id="message">
<div id="m1">
Welcome to the home of all World-Class Recipes! Search the name of
any dish which you want to cook today
or navigate to our Explore Section to discover new & trending
recipes!
</div>
<div id="m2">Enjoy Cooking!!</div>
</div>
<!-- down-arrow div to guide the users down -->
<div id="down-arrow">
<svg
width="6vw"
height="6vh"
viewBox="0 0 1024 1024"
class="icon"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
fill="#ffffff"
stroke="#ffffff"
stroke-width="0.01024"
>
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g
id="SVGRepo_tracerCarrier"
stroke-linecap="round"
stroke-linejoin="round"
></g>
<g id="SVGRepo_iconCarrier">
<path
d="M903.232 256l56.768 50.432L512 768 64 306.432 120.768 256 512 659.072z"
fill="#ffffff"
></path>
</g>
</svg>
</div>
<!-- random div for the random meals generated -->
<div id="random">
<div id="head-text">
<div id="small">Make Yourself an Amazing Meal</div>
<div id="big">Here is an Amazing Meal Recipe for you!</div>
</div>
<div id="random-meal" class="recipe-show">
<!-- loading div to create a loading effect over the random-meal div -->
<div id="loading">
<img src="./assets/pizza2-unscreen.gif" alt="" />
</div>
<img src="" alt="" id="mealImg" />
<div id="randomDishName"></div>
</div>
<!-- button to generate a new random meal -->
<div id="random-btn">
<button>Get another meal</button>
</div>
</div>
<div id="category-main">
<div id="category-heading">CHICKEN</div>
<div id="category">
<!-- <div id="category-meal">
<img src="" alt="">
<div id="categoryDishName"></div>
</div> -->
</div>
<!-- button for searching again -->
<div id="search-again-btn">
<button>Search Again</button>
</div>
</div>
</div>
<!-- modal div, for the modal which will appear, having the contents of the meal selected -->
<div id="modal">
<!-- close button div to close the modal -->
<div id="close-btn">
<button>Close</button>
</div>
<!-- content of the modal, having dish image, name, content, ingredients, steps, etc. -->
<div id="modal-dish">
<img src="" alt="" />
<div id="dish-details">
<div id="modal-dish-name"></div>
<div id="modal-dish-content">
<div id="modal-heading">Ingredients</div>
<div id="ingredients">
<!-- <div id="ingredient">
<img src="https://www.themealdb.com/images/ingredients/Lime-Small.png" alt="">
<div>Lime</div>
</div> -->
</div>
</div>
<div id="modal-dish-content">
<div id="modal-heading">Instructions</div>
<div id="instructions-text"></div>
</div>
</div>
</div>
</div>
<!-- loading div to create a loading effect over the modal div -->
<div id="loading-full"><img src="./assets/pizza2-unscreen.gif" alt=""></div>
</div>
<!-- linking app.js to the file for JavaScript -->
<script src="app.js"></script>
</body>
</html>