-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
853 lines (841 loc) · 51.2 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
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link rel="stylesheet" href="styles.css" />
<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=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;1,6..12,200&display=swap"
rel="stylesheet"
/>
<title>pixelPerfect</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- Navbar Structure -->
<nav>
<div class="logo">
<svg
xmlns="http://www.w3.org/2000/svg"
width="131"
height="54"
viewBox="0 0 131 54"
fill="none"
>
<path
d="M19.6533 16.3051H12V12H32.7089V16.3051H25.0556V34.9979C25.0556 35.4952 24.6525 35.8983 24.1552 35.8983C21.6689 35.8983 19.6533 33.8827 19.6533 31.3964V16.3051Z"
fill="#605DEC"
/>
<path
d="M44.3751 21.1149C44.4544 22.1933 43.6623 23.1395 42.5867 23.251L41.5739 23.3559C40.1195 23.4915 39.0921 23.8983 38.4919 24.5763C37.8916 25.2316 37.5915 26.113 37.5915 27.2203V34.8983C37.5915 35.4506 37.1438 35.8983 36.5915 35.8983H34.3623C33.2577 35.8983 32.3623 35.0029 32.3623 33.8983V20.2542C32.3623 19.702 32.81 19.2542 33.3623 19.2542H36.3837C36.936 19.2542 37.3837 19.702 37.3837 20.2542V22.0678C38.2379 20.1469 40.004 19.096 42.6821 18.9153C43.5253 18.859 44.2559 19.4938 44.3179 20.3366L44.3751 21.1149Z"
fill="#605DEC"
/>
<path
d="M46.2617 20.2542C46.2617 19.702 46.7095 19.2542 47.2617 19.2542H50.4909C51.0432 19.2542 51.4909 19.702 51.4909 20.2542V34.8983C51.4909 35.4506 51.0432 35.8983 50.4909 35.8983H48.2617C47.1572 35.8983 46.2617 35.0029 46.2617 33.8983V20.2542Z"
fill="#605DEC"
/>
<path
d="M66.0218 18.8475C67.4763 18.8475 68.7691 19.2203 69.9004 19.9661C71.0547 20.6893 71.9436 21.7175 72.5669 23.0508C73.2134 24.3616 73.5366 25.8757 73.5366 27.5932C73.5366 29.3107 73.2134 30.8249 72.5669 32.1356C71.9436 33.4237 71.0663 34.4181 69.935 35.1186C68.8038 35.8192 67.4994 36.1695 66.0218 36.1695C64.8675 36.1695 63.817 35.9435 62.8705 35.4915C61.947 35.017 61.2313 34.3616 60.7234 33.5254V41.1285C60.7234 41.6098 60.3332 42 59.8519 42C57.4452 42 55.4942 40.049 55.4942 37.6424V20.2542C55.4942 19.702 55.9419 19.2542 56.4942 19.2542H59.6541C60.2064 19.2542 60.6541 19.702 60.6541 20.2542V21.5932C61.162 20.7345 61.8893 20.0678 62.8358 19.5932C63.7824 19.096 64.8444 18.8475 66.0218 18.8475ZM64.4981 32.2712C65.7217 32.2712 66.6682 31.8757 67.3378 31.0847C68.0073 30.2712 68.342 29.1073 68.342 27.5932C68.342 26.0565 68.0073 24.8701 67.3378 24.0339C66.6682 23.1751 65.7217 22.7458 64.4981 22.7458C63.2745 22.7458 62.3279 23.1638 61.6584 24C60.9889 24.8136 60.6541 25.9887 60.6541 27.5254C60.6541 29.0396 60.9889 30.2147 61.6584 31.0508C62.3279 31.8644 63.2745 32.2712 64.4981 32.2712Z"
fill="#605DEC"
/>
<path
d="M95.2787 18.8475C97.218 18.8475 98.6609 19.4237 99.6075 20.5763C100.554 21.7288 101.027 23.4915 101.027 25.8644V33.8983C101.027 35.0029 100.132 35.8983 99.0273 35.8983H97.7982C96.6936 35.8983 95.7982 35.0029 95.7982 33.8983V26.0339C95.7982 24.904 95.6135 24.0904 95.2441 23.5932C94.8978 23.096 94.2975 22.8475 93.4433 22.8475C91.8206 22.8475 91.2539 24.3635 91.2539 26.7119V33.8983C91.2539 35.0029 90.3585 35.8983 89.2539 35.8983H88.0247C86.9202 35.8983 86.0247 35.0029 86.0247 33.8983V26.0339C86.0247 24.904 85.84 24.0904 85.4707 23.5932C85.1244 23.096 84.5241 22.8475 83.6699 22.8475C82.0472 22.8475 81.4805 24.3635 81.4805 26.7119V33.8983C81.4805 35.0029 80.5851 35.8983 79.4805 35.8983H78.2513C77.1468 35.8983 76.2513 35.0029 76.2513 33.8983V22.2542C76.2513 20.5974 77.5945 19.2542 79.2513 19.2542H80.342C80.8942 19.2542 81.342 19.702 81.342 20.2542V21.4915C82.4865 19.6406 83.0013 18.8475 85.5745 18.8475C88.091 18.8475 89.7764 19.8757 90.6306 21.9322C91.8088 19.9139 92.5463 18.8475 95.2787 18.8475Z"
fill="#605DEC"
/>
<path
d="M111.554 18.8475C114.094 18.8475 115.964 19.435 117.165 20.6102C118.388 21.7853 119 23.6045 119 26.0678V33.3734C119 35.0302 117.657 36.3734 116 36.3734H114.048V33.4237C113.702 34.2825 113.124 34.9605 112.316 35.4576C111.508 35.9322 110.562 36.1695 109.477 36.1695C108.322 36.1695 107.272 35.9435 106.325 35.4915C105.402 35.0396 104.663 34.4068 104.109 33.5932C103.578 32.7797 103.312 31.8757 103.312 30.8814C103.312 29.661 103.624 28.7006 104.248 28C104.894 27.2994 105.921 26.791 107.33 26.4746C108.738 26.1582 110.666 26 113.113 26H114.013V25.3898C114.013 24.3955 113.794 23.6949 113.355 23.2881C112.917 22.8814 112.155 22.678 111.07 22.678C110.239 22.678 109.315 22.8249 108.299 23.1186C107.962 23.2161 107.63 23.3261 107.303 23.4484C106.254 23.8411 105.018 23.4193 104.598 22.381C104.256 21.5362 104.575 20.5573 105.413 20.1985C106.064 19.9197 106.784 19.6727 107.572 19.4576C109.003 19.0508 110.331 18.8475 111.554 18.8475ZM110.619 32.6441C111.635 32.6441 112.455 32.3164 113.078 31.661C113.702 30.9831 114.013 30.113 114.013 29.0508V28.4746H113.425C111.554 28.4746 110.239 28.6215 109.477 28.9153C108.738 29.209 108.369 29.7401 108.369 30.5085C108.369 31.1186 108.576 31.6271 108.992 32.0339C109.431 32.4407 109.973 32.6441 110.619 32.6441Z"
fill="#605DEC"
/>
<path
d="M51.5 15C51.5 16.3807 50.3807 17.5 49 17.5C47.6193 17.5 46.5 16.3807 46.5 15C46.5 13.6193 47.6193 12.5 49 12.5C50.3807 12.5 51.5 13.6193 51.5 15Z"
fill="#605DEC"
/>
</svg>
</div>
<ul class="links">
<li class="link select"><a href="">Flights</a></li>
<li class="link"><a href="">Hotels</a></li>
<li class="link"><a href="">Pakages</a></li>
<li class="link"><a href="">Sign in</a></li>
<li class="btn"><a href="">Sign up</a></li>
</ul>
</nav>
<!-- Hero-Section Structuer -->
<section>
<div class="bg">
<div class="hero">
<div class="hero-txt">
<h1>
It's more than <br />
just a trip
</h1>
</div>
<div class="searchbar">
<div class="box">
<div class="icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="32"
height="33"
viewBox="0 0 32 33"
fill="none"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M4.29285 16.3155C4.02797 16.419 3.91945 16.7356 4.06513 16.9799L5.81319 19.9108C6.06359 20.3306 6.58081 20.5079 7.0361 20.3299L23.9381 13.723C24.7279 13.4143 25.1179 12.5237 24.8092 11.734C24.4883 10.913 23.5436 10.5302 22.7417 10.8961L17.7432 13.1773L10.773 6.77125C10.4838 6.50546 10.0685 6.4276 9.70266 6.5706C9.08963 6.81023 8.85636 7.55604 9.22358 8.10227L13.6983 14.7584L6.85554 17.8571L4.72413 16.3669C4.59802 16.2787 4.43618 16.2594 4.29285 16.3155ZM25.6776 23.4521H5.14764V25.0313H25.6776V23.4521Z"
fill="#6E7491"
/>
</svg>
</div>
<div class="text">From where?</div>
</div>
<div class="box">
<div class="icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="33"
height="33"
viewBox="0 0 33 33"
fill="none"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M7.34152 9.97884C7.07104 9.89096 6.78638 10.067 6.74415 10.3482L6.23752 13.723C6.16495 14.2065 6.45251 14.6715 6.91742 14.8225L24.1767 20.4304C24.9832 20.6925 25.8494 20.2511 26.1114 19.4446C26.3838 18.6063 25.896 17.7113 25.0439 17.4859L19.7322 16.0805L18.4041 6.70728C18.349 6.31838 18.0772 5.99483 17.7037 5.87345C17.0777 5.67006 16.4244 6.09886 16.362 6.7541L15.6019 14.7384L8.34571 12.7959L7.64239 10.2921C7.60078 10.1439 7.48787 10.0264 7.34152 9.97884ZM26.1776 23.4521H5.64758V25.0314H26.1776V23.4521Z"
fill="#6E7491"
/>
</svg>
</div>
<div class="text">where to?</div>
</div>
<div class="box">
<div class="icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="32"
height="33"
viewBox="0 0 32 33"
fill="none"
>
<path
d="M10 6.27778C10 5.84822 10.5858 5.5 11 5.5C11.4142 5.5 12 5.84822 12 6.27778V7.83333H10V6.27778Z"
fill="#6E7491"
/>
<path
d="M20 6.27778C20 5.84822 20.5858 5.5 21 5.5C21.4142 5.5 22 5.84822 22 6.27778V7.83333H20V6.27778Z"
fill="#6E7491"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M10 7.83333H7.75C7.33579 7.83333 7 8.18156 7 8.61111V25.7222C7 26.1518 7.33579 26.5 7.75 26.5H24.25C24.6642 26.5 25 26.1518 25 25.7222V8.61111C25 8.18156 24.6642 7.83333 24.25 7.83333H22H20H12H10ZM23.5 12.5H8.5V24.9444H23.5V12.5Z"
fill="#6E7491"
/>
<path
d="M10 16C10 15.1716 10.6716 14.5 11.5 14.5C12.3284 14.5 13 15.1716 13 16C13 16.8284 12.3284 17.5 11.5 17.5C10.6716 17.5 10 16.8284 10 16Z"
fill="#6E7491"
/>
<path
d="M22 19C22 18.1716 21.3284 17.5 20.5 17.5C19.6716 17.5 19 18.1716 19 19C19 19.8284 19.6716 20.5 20.5 20.5C21.3284 20.5 22 19.8284 22 19Z"
fill="#6E7491"
/>
</svg>
</div>
<div class="text">Depart - Return</div>
</div>
<div class="box">
<div class="icon">
<svg
xmlns="http://www.w3.org/2000/svg"
width="32"
height="33"
viewBox="0 0 32 33"
fill="none"
>
<circle cx="16" cy="11.5" r="4" fill="#6E7491" />
<path
d="M10 24.5C8.89543 24.5 7.97435 23.5907 8.24685 22.5202C9.12788 19.0595 12.265 16.5 16 16.5C19.735 16.5 22.8721 19.0595 23.7531 22.5202C24.0257 23.5907 23.1046 24.5 22 24.5H10Z"
fill="#6E7491"
/>
</svg>
</div>
<div class="text">1 adult</div>
</div>
<button class="search-btn">Search</button>
</div>
</div>
</div>
</section>
<!-- Deals-Section Structuer -->
<section class="Deals-Section">
<div class="detail">
<div class="heading">
Find your next adventure with these flight<span> flight deals</span>
</div>
<div class="all">
<div class="all-txt">All</div>
<div class="arrow">
<svg
xmlns="http://www.w3.org/2000/svg"
width="32"
height="33"
viewBox="0 0 32 33"
fill="none"
>
<path
d="M6 16.5H25.5M25.5 16.5L18 9M25.5 16.5L18 24"
stroke="#A1B0CC"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
</div>
</div>
<div class="cards">
<div class="card">
<img src="assets/image.png" alt="" />
<div class="card-details">
<div class="title">The Bund, <span>Shanghai</span></div>
<div class="price">$598</div>
</div>
<div class="tagline">China’s most international city</div>
</div>
<div class="card">
<img src="assets/image-1.png" alt="" />
<div class="card-details">
<div class="title">The Bund, <span>Shanghai</span></div>
<div class="price">$598</div>
</div>
<div class="tagline">China’s most international city</div>
</div>
<div class="card">
<img src="assets/image-2.png" alt="" />
<div class="card-details">
<div class="title">The Bund, <span>Shanghai</span></div>
<div class="price">$598</div>
</div>
<div class="tagline">China’s most international city</div>
</div>
</div>
<div class="cards">
<div class="card">
<img src="assets/image-3.png" alt="" />
<div class="card-details">
<div class="title">The Bund, <span>Shanghai</span></div>
<div class="price">$598</div>
</div>
<div class="tagline">China’s most international city</div>
</div>
</div>
</section>
<!-- Places-Section Structuer -->
<section class="Places-Section">
<div class="detail">
<div class="heading">
Explore unique<span class="green"> places to stay</span>
</div>
<div class="all">
<div class="all-txt">All</div>
<div class="arrow">
<svg
xmlns="http://www.w3.org/2000/svg"
width="32"
height="33"
viewBox="0 0 32 33"
fill="none"
>
<path
d="M6 16.5H25.5M25.5 16.5L18 9M25.5 16.5L18 24"
stroke="#A1B0CC"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
</div>
</div>
<div class="cards">
<div class="card">
<img src="assets/image-6.png" alt="" />
<div class="card-details">
<div class="title">
Stay among the atolls in <span class="green">Maldives</span>
</div>
</div>
<div class="tagline">
From the 2nd century AD, the islands were known as the 'Money Isles'
due to the abundance of cowry shells, a currency of the early ages.
</div>
</div>
<div class="card">
<img src="assets/image-4.png" alt="" />
<div class="card-details">
<div class="title">
Stay among the atolls in <span class="green">Maldives</span>
</div>
</div>
<div class="tagline">
From the 2nd century AD, the islands were known as the 'Money Isles'
due to the abundance of cowry shells, a currency of the early ages.
</div>
</div>
<div class="card">
<img src="assets/image-5.png" alt="" />
<div class="card-details">
<div class="title">
Stay among the atolls in <span class="green">Maldives</span>
</div>
</div>
<div class="tagline">
From the 2nd century AD, the islands were known as the 'Money Isles'
due to the abundance of cowry shells, a currency of the early ages.
</div>
</div>
</div>
<button class="btn">Explore More Stays</button>
</section>
<!-- Reviews-Section Structuer -->
<section class="reviews-section">
<div class="heading">What<span> Tripma </span>users are saying</div>
<div class="cards">
<div class="review-card">
<div class="profile-img">
<img src="assets/avatar-1.png" alt="" />
</div>
<div class="review-detail">
<div class="profile-info">
<div class="title">Yifei Chen</div>
<div class="location">Seoul, South Korea | April 2019</div>
<div class="rating">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
d="M11.5754 3.68294C11.771 3.36828 12.229 3.36828 12.4246 3.68294L14.908 7.67708C14.9768 7.78779 15.0862 7.86723 15.2127 7.89849L19.7788 9.02605C20.1385 9.11488 20.28 9.55042 20.0412 9.83372L17.01 13.4298C16.9259 13.5295 16.8842 13.658 16.8936 13.788L17.2322 18.4791C17.2588 18.8486 16.8884 19.1178 16.5451 18.9782L12.1883 17.2066C12.0676 17.1575 11.9324 17.1575 11.8117 17.2066L7.45488 18.9782C7.11165 19.1178 6.74115 18.8486 6.76783 18.4791L7.10644 13.788C7.11583 13.658 7.07406 13.5295 6.99004 13.4298L3.95879 9.83372C3.71999 9.55042 3.86151 9.11488 4.22122 9.02605L8.78727 7.89849C8.91383 7.86723 9.02318 7.78779 9.09202 7.67708L11.5754 3.68294Z"
fill="url(#paint0_linear_2750_1829)"
/>
<defs>
<linearGradient
id="paint0_linear_2750_1829"
x1="12"
y1="3"
x2="12"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#605DEC" />
<stop offset="1" stop-color="#2A26D9" />
</linearGradient>
</defs>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
d="M11.5754 3.68294C11.771 3.36828 12.229 3.36828 12.4246 3.68294L14.908 7.67708C14.9768 7.78779 15.0862 7.86723 15.2127 7.89849L19.7788 9.02605C20.1385 9.11488 20.28 9.55042 20.0412 9.83372L17.01 13.4298C16.9259 13.5295 16.8842 13.658 16.8936 13.788L17.2322 18.4791C17.2588 18.8486 16.8884 19.1178 16.5451 18.9782L12.1883 17.2066C12.0676 17.1575 11.9324 17.1575 11.8117 17.2066L7.45488 18.9782C7.11165 19.1178 6.74115 18.8486 6.76783 18.4791L7.10644 13.788C7.11583 13.658 7.07406 13.5295 6.99004 13.4298L3.95879 9.83372C3.71999 9.55042 3.86151 9.11488 4.22122 9.02605L8.78727 7.89849C8.91383 7.86723 9.02318 7.78779 9.09202 7.67708L11.5754 3.68294Z"
fill="url(#paint0_linear_2750_1829)"
/>
<defs>
<linearGradient
id="paint0_linear_2750_1829"
x1="12"
y1="3"
x2="12"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#605DEC" />
<stop offset="1" stop-color="#2A26D9" />
</linearGradient>
</defs>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
d="M11.5754 3.68294C11.771 3.36828 12.229 3.36828 12.4246 3.68294L14.908 7.67708C14.9768 7.78779 15.0862 7.86723 15.2127 7.89849L19.7788 9.02605C20.1385 9.11488 20.28 9.55042 20.0412 9.83372L17.01 13.4298C16.9259 13.5295 16.8842 13.658 16.8936 13.788L17.2322 18.4791C17.2588 18.8486 16.8884 19.1178 16.5451 18.9782L12.1883 17.2066C12.0676 17.1575 11.9324 17.1575 11.8117 17.2066L7.45488 18.9782C7.11165 19.1178 6.74115 18.8486 6.76783 18.4791L7.10644 13.788C7.11583 13.658 7.07406 13.5295 6.99004 13.4298L3.95879 9.83372C3.71999 9.55042 3.86151 9.11488 4.22122 9.02605L8.78727 7.89849C8.91383 7.86723 9.02318 7.78779 9.09202 7.67708L11.5754 3.68294Z"
fill="url(#paint0_linear_2750_1829)"
/>
<defs>
<linearGradient
id="paint0_linear_2750_1829"
x1="12"
y1="3"
x2="12"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#605DEC" />
<stop offset="1" stop-color="#2A26D9" />
</linearGradient>
</defs>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
d="M11.5754 3.68294C11.771 3.36828 12.229 3.36828 12.4246 3.68294L14.908 7.67708C14.9768 7.78779 15.0862 7.86723 15.2127 7.89849L19.7788 9.02605C20.1385 9.11488 20.28 9.55042 20.0412 9.83372L17.01 13.4298C16.9259 13.5295 16.8842 13.658 16.8936 13.788L17.2322 18.4791C17.2588 18.8486 16.8884 19.1178 16.5451 18.9782L12.1883 17.2066C12.0676 17.1575 11.9324 17.1575 11.8117 17.2066L7.45488 18.9782C7.11165 19.1178 6.74115 18.8486 6.76783 18.4791L7.10644 13.788C7.11583 13.658 7.07406 13.5295 6.99004 13.4298L3.95879 9.83372C3.71999 9.55042 3.86151 9.11488 4.22122 9.02605L8.78727 7.89849C8.91383 7.86723 9.02318 7.78779 9.09202 7.67708L11.5754 3.68294Z"
fill="url(#paint0_linear_2750_1829)"
/>
<defs>
<linearGradient
id="paint0_linear_2750_1829"
x1="12"
y1="3"
x2="12"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#605DEC" />
<stop offset="1" stop-color="#2A26D9" />
</linearGradient>
</defs>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="25"
height="24"
viewBox="0 0 25 24"
fill="none"
>
<path
d="M12.1016 16.2802L12.1016 16.2802L8.48976 17.749L8.77047 13.86C8.79863 13.47 8.67332 13.0843 8.42127 12.7853L5.90831 9.80409L9.69364 8.86932C10.0733 8.77556 10.4014 8.53722 10.6079 8.20509L12.6666 4.89389L14.7254 8.20509L15.5746 7.67708L14.7254 8.20509C14.9319 8.53722 15.2599 8.77556 15.6396 8.86932L19.4249 9.80409L16.912 12.7853C16.6599 13.0843 16.5346 13.47 16.5628 13.86L16.8435 17.749L13.2317 16.2802L12.855 17.2066L13.2317 16.2802C12.8694 16.1329 12.4639 16.1329 12.1016 16.2802ZM5.12759 9.99689L5.1282 9.99674C5.128 9.99679 5.12779 9.99684 5.12759 9.99689L5.00772 9.51147L5.12759 9.99689Z"
stroke="url(#paint0_linear_2750_1855)"
stroke-width="2"
/>
<defs>
<linearGradient
id="paint0_linear_2750_1855"
x1="12.6666"
y1="3"
x2="12.6666"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#605DEC" />
<stop offset="1" stop-color="#2A26D9" />
</linearGradient>
</defs>
</svg>
</div>
</div>
<div class="comment">
My family and I visit Hawaii every year, and we usually book our
flights using other services. Tripma was recommened to us by a
long time friend, and I’m so glad we tried it out! The process was
easy and <span> read more...</span>
</div>
</div>
</div>
<div class="review-card">
<div class="profile-img">
<img src="assets/avatar-2.png" alt="" />
</div>
<div class="review-detail">
<div class="profile-info">
<div class="title">Yifei Chen</div>
<div class="location">Seoul, South Korea | April 2019</div>
<div class="rating">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
d="M11.5754 3.68294C11.771 3.36828 12.229 3.36828 12.4246 3.68294L14.908 7.67708C14.9768 7.78779 15.0862 7.86723 15.2127 7.89849L19.7788 9.02605C20.1385 9.11488 20.28 9.55042 20.0412 9.83372L17.01 13.4298C16.9259 13.5295 16.8842 13.658 16.8936 13.788L17.2322 18.4791C17.2588 18.8486 16.8884 19.1178 16.5451 18.9782L12.1883 17.2066C12.0676 17.1575 11.9324 17.1575 11.8117 17.2066L7.45488 18.9782C7.11165 19.1178 6.74115 18.8486 6.76783 18.4791L7.10644 13.788C7.11583 13.658 7.07406 13.5295 6.99004 13.4298L3.95879 9.83372C3.71999 9.55042 3.86151 9.11488 4.22122 9.02605L8.78727 7.89849C8.91383 7.86723 9.02318 7.78779 9.09202 7.67708L11.5754 3.68294Z"
fill="url(#paint0_linear_2750_1829)"
/>
<defs>
<linearGradient
id="paint0_linear_2750_1829"
x1="12"
y1="3"
x2="12"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#605DEC" />
<stop offset="1" stop-color="#2A26D9" />
</linearGradient>
</defs>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
d="M11.5754 3.68294C11.771 3.36828 12.229 3.36828 12.4246 3.68294L14.908 7.67708C14.9768 7.78779 15.0862 7.86723 15.2127 7.89849L19.7788 9.02605C20.1385 9.11488 20.28 9.55042 20.0412 9.83372L17.01 13.4298C16.9259 13.5295 16.8842 13.658 16.8936 13.788L17.2322 18.4791C17.2588 18.8486 16.8884 19.1178 16.5451 18.9782L12.1883 17.2066C12.0676 17.1575 11.9324 17.1575 11.8117 17.2066L7.45488 18.9782C7.11165 19.1178 6.74115 18.8486 6.76783 18.4791L7.10644 13.788C7.11583 13.658 7.07406 13.5295 6.99004 13.4298L3.95879 9.83372C3.71999 9.55042 3.86151 9.11488 4.22122 9.02605L8.78727 7.89849C8.91383 7.86723 9.02318 7.78779 9.09202 7.67708L11.5754 3.68294Z"
fill="url(#paint0_linear_2750_1829)"
/>
<defs>
<linearGradient
id="paint0_linear_2750_1829"
x1="12"
y1="3"
x2="12"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#605DEC" />
<stop offset="1" stop-color="#2A26D9" />
</linearGradient>
</defs>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
d="M11.5754 3.68294C11.771 3.36828 12.229 3.36828 12.4246 3.68294L14.908 7.67708C14.9768 7.78779 15.0862 7.86723 15.2127 7.89849L19.7788 9.02605C20.1385 9.11488 20.28 9.55042 20.0412 9.83372L17.01 13.4298C16.9259 13.5295 16.8842 13.658 16.8936 13.788L17.2322 18.4791C17.2588 18.8486 16.8884 19.1178 16.5451 18.9782L12.1883 17.2066C12.0676 17.1575 11.9324 17.1575 11.8117 17.2066L7.45488 18.9782C7.11165 19.1178 6.74115 18.8486 6.76783 18.4791L7.10644 13.788C7.11583 13.658 7.07406 13.5295 6.99004 13.4298L3.95879 9.83372C3.71999 9.55042 3.86151 9.11488 4.22122 9.02605L8.78727 7.89849C8.91383 7.86723 9.02318 7.78779 9.09202 7.67708L11.5754 3.68294Z"
fill="url(#paint0_linear_2750_1829)"
/>
<defs>
<linearGradient
id="paint0_linear_2750_1829"
x1="12"
y1="3"
x2="12"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#605DEC" />
<stop offset="1" stop-color="#2A26D9" />
</linearGradient>
</defs>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
d="M11.5754 3.68294C11.771 3.36828 12.229 3.36828 12.4246 3.68294L14.908 7.67708C14.9768 7.78779 15.0862 7.86723 15.2127 7.89849L19.7788 9.02605C20.1385 9.11488 20.28 9.55042 20.0412 9.83372L17.01 13.4298C16.9259 13.5295 16.8842 13.658 16.8936 13.788L17.2322 18.4791C17.2588 18.8486 16.8884 19.1178 16.5451 18.9782L12.1883 17.2066C12.0676 17.1575 11.9324 17.1575 11.8117 17.2066L7.45488 18.9782C7.11165 19.1178 6.74115 18.8486 6.76783 18.4791L7.10644 13.788C7.11583 13.658 7.07406 13.5295 6.99004 13.4298L3.95879 9.83372C3.71999 9.55042 3.86151 9.11488 4.22122 9.02605L8.78727 7.89849C8.91383 7.86723 9.02318 7.78779 9.09202 7.67708L11.5754 3.68294Z"
fill="url(#paint0_linear_2750_1829)"
/>
<defs>
<linearGradient
id="paint0_linear_2750_1829"
x1="12"
y1="3"
x2="12"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#605DEC" />
<stop offset="1" stop-color="#2A26D9" />
</linearGradient>
</defs>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="25"
height="24"
viewBox="0 0 25 24"
fill="none"
>
<path
d="M12.1016 16.2802L12.1016 16.2802L8.48976 17.749L8.77047 13.86C8.79863 13.47 8.67332 13.0843 8.42127 12.7853L5.90831 9.80409L9.69364 8.86932C10.0733 8.77556 10.4014 8.53722 10.6079 8.20509L12.6666 4.89389L14.7254 8.20509L15.5746 7.67708L14.7254 8.20509C14.9319 8.53722 15.2599 8.77556 15.6396 8.86932L19.4249 9.80409L16.912 12.7853C16.6599 13.0843 16.5346 13.47 16.5628 13.86L16.8435 17.749L13.2317 16.2802L12.855 17.2066L13.2317 16.2802C12.8694 16.1329 12.4639 16.1329 12.1016 16.2802ZM5.12759 9.99689L5.1282 9.99674C5.128 9.99679 5.12779 9.99684 5.12759 9.99689L5.00772 9.51147L5.12759 9.99689Z"
stroke="url(#paint0_linear_2750_1855)"
stroke-width="2"
/>
<defs>
<linearGradient
id="paint0_linear_2750_1855"
x1="12.6666"
y1="3"
x2="12.6666"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#605DEC" />
<stop offset="1" stop-color="#2A26D9" />
</linearGradient>
</defs>
</svg>
</div>
</div>
<div class="comment">
My family and I visit Hawaii every year, and we usually book our
flights using other services. Tripma was recommened to us by a
long time friend, and I’m so glad we tried it out! The process was
easy and <span> read more...</span>
</div>
</div>
</div>
<div class="review-card">
<div class="profile-img">
<img src="assets/avatar.png" alt="" />
</div>
<div class="review-detail">
<div class="profile-info">
<div class="title">Yifei Chen</div>
<div class="location">Seoul, South Korea | April 2019</div>
<div class="rating">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
d="M11.5754 3.68294C11.771 3.36828 12.229 3.36828 12.4246 3.68294L14.908 7.67708C14.9768 7.78779 15.0862 7.86723 15.2127 7.89849L19.7788 9.02605C20.1385 9.11488 20.28 9.55042 20.0412 9.83372L17.01 13.4298C16.9259 13.5295 16.8842 13.658 16.8936 13.788L17.2322 18.4791C17.2588 18.8486 16.8884 19.1178 16.5451 18.9782L12.1883 17.2066C12.0676 17.1575 11.9324 17.1575 11.8117 17.2066L7.45488 18.9782C7.11165 19.1178 6.74115 18.8486 6.76783 18.4791L7.10644 13.788C7.11583 13.658 7.07406 13.5295 6.99004 13.4298L3.95879 9.83372C3.71999 9.55042 3.86151 9.11488 4.22122 9.02605L8.78727 7.89849C8.91383 7.86723 9.02318 7.78779 9.09202 7.67708L11.5754 3.68294Z"
fill="url(#paint0_linear_2750_1829)"
/>
<defs>
<linearGradient
id="paint0_linear_2750_1829"
x1="12"
y1="3"
x2="12"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#605DEC" />
<stop offset="1" stop-color="#2A26D9" />
</linearGradient>
</defs>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
d="M11.5754 3.68294C11.771 3.36828 12.229 3.36828 12.4246 3.68294L14.908 7.67708C14.9768 7.78779 15.0862 7.86723 15.2127 7.89849L19.7788 9.02605C20.1385 9.11488 20.28 9.55042 20.0412 9.83372L17.01 13.4298C16.9259 13.5295 16.8842 13.658 16.8936 13.788L17.2322 18.4791C17.2588 18.8486 16.8884 19.1178 16.5451 18.9782L12.1883 17.2066C12.0676 17.1575 11.9324 17.1575 11.8117 17.2066L7.45488 18.9782C7.11165 19.1178 6.74115 18.8486 6.76783 18.4791L7.10644 13.788C7.11583 13.658 7.07406 13.5295 6.99004 13.4298L3.95879 9.83372C3.71999 9.55042 3.86151 9.11488 4.22122 9.02605L8.78727 7.89849C8.91383 7.86723 9.02318 7.78779 9.09202 7.67708L11.5754 3.68294Z"
fill="url(#paint0_linear_2750_1829)"
/>
<defs>
<linearGradient
id="paint0_linear_2750_1829"
x1="12"
y1="3"
x2="12"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#605DEC" />
<stop offset="1" stop-color="#2A26D9" />
</linearGradient>
</defs>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
d="M11.5754 3.68294C11.771 3.36828 12.229 3.36828 12.4246 3.68294L14.908 7.67708C14.9768 7.78779 15.0862 7.86723 15.2127 7.89849L19.7788 9.02605C20.1385 9.11488 20.28 9.55042 20.0412 9.83372L17.01 13.4298C16.9259 13.5295 16.8842 13.658 16.8936 13.788L17.2322 18.4791C17.2588 18.8486 16.8884 19.1178 16.5451 18.9782L12.1883 17.2066C12.0676 17.1575 11.9324 17.1575 11.8117 17.2066L7.45488 18.9782C7.11165 19.1178 6.74115 18.8486 6.76783 18.4791L7.10644 13.788C7.11583 13.658 7.07406 13.5295 6.99004 13.4298L3.95879 9.83372C3.71999 9.55042 3.86151 9.11488 4.22122 9.02605L8.78727 7.89849C8.91383 7.86723 9.02318 7.78779 9.09202 7.67708L11.5754 3.68294Z"
fill="url(#paint0_linear_2750_1829)"
/>
<defs>
<linearGradient
id="paint0_linear_2750_1829"
x1="12"
y1="3"
x2="12"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#605DEC" />
<stop offset="1" stop-color="#2A26D9" />
</linearGradient>
</defs>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
>
<path
d="M11.5754 3.68294C11.771 3.36828 12.229 3.36828 12.4246 3.68294L14.908 7.67708C14.9768 7.78779 15.0862 7.86723 15.2127 7.89849L19.7788 9.02605C20.1385 9.11488 20.28 9.55042 20.0412 9.83372L17.01 13.4298C16.9259 13.5295 16.8842 13.658 16.8936 13.788L17.2322 18.4791C17.2588 18.8486 16.8884 19.1178 16.5451 18.9782L12.1883 17.2066C12.0676 17.1575 11.9324 17.1575 11.8117 17.2066L7.45488 18.9782C7.11165 19.1178 6.74115 18.8486 6.76783 18.4791L7.10644 13.788C7.11583 13.658 7.07406 13.5295 6.99004 13.4298L3.95879 9.83372C3.71999 9.55042 3.86151 9.11488 4.22122 9.02605L8.78727 7.89849C8.91383 7.86723 9.02318 7.78779 9.09202 7.67708L11.5754 3.68294Z"
fill="url(#paint0_linear_2750_1829)"
/>
<defs>
<linearGradient
id="paint0_linear_2750_1829"
x1="12"
y1="3"
x2="12"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#605DEC" />
<stop offset="1" stop-color="#2A26D9" />
</linearGradient>
</defs>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
width="25"
height="24"
viewBox="0 0 25 24"
fill="none"
>
<path
d="M12.1016 16.2802L12.1016 16.2802L8.48976 17.749L8.77047 13.86C8.79863 13.47 8.67332 13.0843 8.42127 12.7853L5.90831 9.80409L9.69364 8.86932C10.0733 8.77556 10.4014 8.53722 10.6079 8.20509L12.6666 4.89389L14.7254 8.20509L15.5746 7.67708L14.7254 8.20509C14.9319 8.53722 15.2599 8.77556 15.6396 8.86932L19.4249 9.80409L16.912 12.7853C16.6599 13.0843 16.5346 13.47 16.5628 13.86L16.8435 17.749L13.2317 16.2802L12.855 17.2066L13.2317 16.2802C12.8694 16.1329 12.4639 16.1329 12.1016 16.2802ZM5.12759 9.99689L5.1282 9.99674C5.128 9.99679 5.12779 9.99684 5.12759 9.99689L5.00772 9.51147L5.12759 9.99689Z"
stroke="url(#paint0_linear_2750_1855)"
stroke-width="2"
/>
<defs>
<linearGradient
id="paint0_linear_2750_1855"
x1="12.6666"
y1="3"
x2="12.6666"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#605DEC" />
<stop offset="1" stop-color="#2A26D9" />
</linearGradient>
</defs>
</svg>
</div>
</div>
<div class="comment">
My family and I visit Hawaii every year, and we usually book our
flights using other services. Tripma was recommened to us by a
long time friend, and I’m so glad we tried it out! The process was
easy and <span> read more...</span>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="footer-links">
<div class="logo">
<svg
xmlns="http://www.w3.org/2000/svg"
width="131"
height="54"
viewBox="0 0 131 54"
fill="none"
>
<path
d="M19.6533 16.3051H12V12H32.7089V16.3051H25.0556V34.9979C25.0556 35.4952 24.6525 35.8983 24.1552 35.8983C21.6689 35.8983 19.6533 33.8827 19.6533 31.3964V16.3051Z"
fill="#605DEC"
/>
<path
d="M44.3751 21.1149C44.4544 22.1933 43.6623 23.1395 42.5867 23.251L41.5739 23.3559C40.1195 23.4915 39.0921 23.8983 38.4919 24.5763C37.8916 25.2316 37.5915 26.113 37.5915 27.2203V34.8983C37.5915 35.4506 37.1438 35.8983 36.5915 35.8983H34.3623C33.2577 35.8983 32.3623 35.0029 32.3623 33.8983V20.2542C32.3623 19.702 32.81 19.2542 33.3623 19.2542H36.3837C36.936 19.2542 37.3837 19.702 37.3837 20.2542V22.0678C38.2379 20.1469 40.004 19.096 42.6821 18.9153C43.5253 18.859 44.2559 19.4938 44.3179 20.3366L44.3751 21.1149Z"
fill="#605DEC"
/>
<path
d="M46.2617 20.2542C46.2617 19.702 46.7095 19.2542 47.2617 19.2542H50.4909C51.0432 19.2542 51.4909 19.702 51.4909 20.2542V34.8983C51.4909 35.4506 51.0432 35.8983 50.4909 35.8983H48.2617C47.1572 35.8983 46.2617 35.0029 46.2617 33.8983V20.2542Z"
fill="#605DEC"
/>
<path
d="M66.0218 18.8475C67.4763 18.8475 68.7691 19.2203 69.9004 19.9661C71.0547 20.6893 71.9436 21.7175 72.5669 23.0508C73.2134 24.3616 73.5366 25.8757 73.5366 27.5932C73.5366 29.3107 73.2134 30.8249 72.5669 32.1356C71.9436 33.4237 71.0663 34.4181 69.935 35.1186C68.8038 35.8192 67.4994 36.1695 66.0218 36.1695C64.8675 36.1695 63.817 35.9435 62.8705 35.4915C61.947 35.017 61.2313 34.3616 60.7234 33.5254V41.1285C60.7234 41.6098 60.3332 42 59.8519 42C57.4452 42 55.4942 40.049 55.4942 37.6424V20.2542C55.4942 19.702 55.9419 19.2542 56.4942 19.2542H59.6541C60.2064 19.2542 60.6541 19.702 60.6541 20.2542V21.5932C61.162 20.7345 61.8893 20.0678 62.8358 19.5932C63.7824 19.096 64.8444 18.8475 66.0218 18.8475ZM64.4981 32.2712C65.7217 32.2712 66.6682 31.8757 67.3378 31.0847C68.0073 30.2712 68.342 29.1073 68.342 27.5932C68.342 26.0565 68.0073 24.8701 67.3378 24.0339C66.6682 23.1751 65.7217 22.7458 64.4981 22.7458C63.2745 22.7458 62.3279 23.1638 61.6584 24C60.9889 24.8136 60.6541 25.9887 60.6541 27.5254C60.6541 29.0396 60.9889 30.2147 61.6584 31.0508C62.3279 31.8644 63.2745 32.2712 64.4981 32.2712Z"
fill="#605DEC"
/>
<path
d="M95.2787 18.8475C97.218 18.8475 98.6609 19.4237 99.6075 20.5763C100.554 21.7288 101.027 23.4915 101.027 25.8644V33.8983C101.027 35.0029 100.132 35.8983 99.0273 35.8983H97.7982C96.6936 35.8983 95.7982 35.0029 95.7982 33.8983V26.0339C95.7982 24.904 95.6135 24.0904 95.2441 23.5932C94.8978 23.096 94.2975 22.8475 93.4433 22.8475C91.8206 22.8475 91.2539 24.3635 91.2539 26.7119V33.8983C91.2539 35.0029 90.3585 35.8983 89.2539 35.8983H88.0247C86.9202 35.8983 86.0247 35.0029 86.0247 33.8983V26.0339C86.0247 24.904 85.84 24.0904 85.4707 23.5932C85.1244 23.096 84.5241 22.8475 83.6699 22.8475C82.0472 22.8475 81.4805 24.3635 81.4805 26.7119V33.8983C81.4805 35.0029 80.5851 35.8983 79.4805 35.8983H78.2513C77.1468 35.8983 76.2513 35.0029 76.2513 33.8983V22.2542C76.2513 20.5974 77.5945 19.2542 79.2513 19.2542H80.342C80.8942 19.2542 81.342 19.702 81.342 20.2542V21.4915C82.4865 19.6406 83.0013 18.8475 85.5745 18.8475C88.091 18.8475 89.7764 19.8757 90.6306 21.9322C91.8088 19.9139 92.5463 18.8475 95.2787 18.8475Z"
fill="#605DEC"
/>
<path
d="M111.554 18.8475C114.094 18.8475 115.964 19.435 117.165 20.6102C118.388 21.7853 119 23.6045 119 26.0678V33.3734C119 35.0302 117.657 36.3734 116 36.3734H114.048V33.4237C113.702 34.2825 113.124 34.9605 112.316 35.4576C111.508 35.9322 110.562 36.1695 109.477 36.1695C108.322 36.1695 107.272 35.9435 106.325 35.4915C105.402 35.0396 104.663 34.4068 104.109 33.5932C103.578 32.7797 103.312 31.8757 103.312 30.8814C103.312 29.661 103.624 28.7006 104.248 28C104.894 27.2994 105.921 26.791 107.33 26.4746C108.738 26.1582 110.666 26 113.113 26H114.013V25.3898C114.013 24.3955 113.794 23.6949 113.355 23.2881C112.917 22.8814 112.155 22.678 111.07 22.678C110.239 22.678 109.315 22.8249 108.299 23.1186C107.962 23.2161 107.63 23.3261 107.303 23.4484C106.254 23.8411 105.018 23.4193 104.598 22.381C104.256 21.5362 104.575 20.5573 105.413 20.1985C106.064 19.9197 106.784 19.6727 107.572 19.4576C109.003 19.0508 110.331 18.8475 111.554 18.8475ZM110.619 32.6441C111.635 32.6441 112.455 32.3164 113.078 31.661C113.702 30.9831 114.013 30.113 114.013 29.0508V28.4746H113.425C111.554 28.4746 110.239 28.6215 109.477 28.9153C108.738 29.209 108.369 29.7401 108.369 30.5085C108.369 31.1186 108.576 31.6271 108.992 32.0339C109.431 32.4407 109.973 32.6441 110.619 32.6441Z"
fill="#605DEC"
/>
<path
d="M51.5 15C51.5 16.3807 50.3807 17.5 49 17.5C47.6193 17.5 46.5 16.3807 46.5 15C46.5 13.6193 47.6193 12.5 49 12.5C50.3807 12.5 51.5 13.6193 51.5 15Z"
fill="#605DEC"
/>
</svg>
</div>
<ul class="footer-links"> About
<li><a href="">About Tripma</a></li>
<li><a href="">How it works</a></li>
<li><a href="">Careers</a></li>
<li><a href="">Press</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Forum</a></li>
</ul>
<ul class="footer-links"> Partner with us
<li><a href="">Partnership programs</a></li>
<li><a href="">Affiliate program</a></li>
<li><a href="">Connectivity partners</a></li>
<li><a href="">Promotions and events</a></li>
<li><a href="">Integrations</a></li>
<li><a href="">Community</a></li>
<li><a href="">Loyalty program</a></li>
</ul>
<ul class="footer-links"> Support
<li><a href="">Help Center</a></li>
<li><a href="">Contact us</a></li>
<li><a href="">Privacy policy</a></li>
<li><a href="">Terms of service</a></li>
<li><a href="">Trust and safety</a></li>
<li><a href="">Accessibility</a></li>
</ul>
<ul class="footer-links"> Get the app
<li><a href="">Tripma for Android</a></li>
<li><a href="">Tripma for iOS</a></li>
<li><a href="">Mobile site</a></li>
<li><a href=""><img src="assets/app store.png" alt=""></a></li>
<li><a href=""><img src="assets/google play.png" alt=""></a></li>
</ul>
</div>
<div class="social-links">
<div class="media-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M23 6.01262C22.7129 6.4417 22.3882 6.84184 22.0259 7.21304C21.6636 7.58423 21.2705 7.92307 20.8467 8.22956C20.8535 8.32491 20.8586 8.41856 20.8621 8.51051C20.8655 8.60246 20.8672 8.69611 20.8672 8.79146C20.8672 9.64963 20.7749 10.4976 20.5903 11.3353C20.4058 12.1731 20.1392 12.9836 19.7905 13.7668C19.2847 14.9042 18.6523 15.9208 17.8936 16.8164C17.1348 17.712 16.2751 18.4697 15.3147 19.0895C14.3543 19.7093 13.3066 20.1827 12.1719 20.5096C11.0371 20.8365 9.84766 21 8.60351 21C7.42773 21 6.281 20.8382 5.16333 20.5147C4.04565 20.1912 2.99121 19.7093 2 19.0691C2.33496 19.11 2.67676 19.1304 3.02539 19.1304C4.00293 19.1304 4.94799 18.9738 5.86059 18.6605C6.77319 18.3471 7.6123 17.8908 8.37792 17.2915C7.91992 17.2846 7.479 17.208 7.05517 17.0616C6.63134 16.9152 6.2434 16.7108 5.89135 16.4486C5.5393 16.1864 5.23168 15.8748 4.9685 15.5138C4.70531 15.1528 4.50194 14.7544 4.35839 14.3185C4.49511 14.3389 4.63012 14.356 4.76342 14.3696C4.89672 14.3832 5.03173 14.39 5.16845 14.39C5.55126 14.39 5.92723 14.3389 6.29638 14.2368C5.79052 14.1346 5.32739 13.9541 4.90698 13.6953C4.48657 13.4365 4.12255 13.1215 3.81493 12.7503C3.50732 12.3791 3.26806 11.9602 3.09716 11.4937C2.92626 11.0271 2.84081 10.5385 2.84081 10.0276V9.97656C3.44238 10.3171 4.09521 10.4976 4.79931 10.518C4.49853 10.3137 4.23022 10.0804 3.99438 9.81821C3.75854 9.55599 3.55859 9.27163 3.39453 8.96514C3.23046 8.65865 3.104 8.33514 3.01513 7.99459C2.92626 7.65405 2.88183 7.30329 2.88183 6.94231C2.88183 6.5609 2.92968 6.188 3.02538 5.82362C3.12109 5.45924 3.26806 5.11358 3.4663 4.78666C4.01318 5.46094 4.62158 6.06541 5.2915 6.60006C5.96142 7.13472 6.67407 7.59275 7.42944 7.97416C8.18481 8.35557 8.97607 8.65695 9.80321 8.87831C10.6304 9.09966 11.478 9.23077 12.3462 9.27164C12.3052 9.11498 12.2761 8.95323 12.259 8.78636C12.2419 8.61949 12.2334 8.45433 12.2334 8.29087C12.2334 7.69832 12.3462 7.14153 12.5718 6.62049C12.7974 6.09946 13.105 5.64483 13.4946 5.25661C13.8843 4.86839 14.3406 4.5619 14.8635 4.33714C15.3865 4.11238 15.9453 4 16.54 4C17.1416 4 17.7141 4.11749 18.2576 4.35246C18.801 4.58744 19.2778 4.92288 19.688 5.35877C20.1733 5.26342 20.6433 5.1289 21.0979 4.95523C21.5525 4.78155 21.9917 4.56871 22.4155 4.31671C22.2583 4.8139 22.0173 5.26683 21.6926 5.67548C21.3679 6.08413 20.98 6.42127 20.5288 6.6869C21.3901 6.58474 22.2139 6.35998 23 6.01262L23 6.01262Z" fill="#6E7491"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.25 7.45455C1.25 4.04033 4.04033 1.25 7.45455 1.25H16.5455C19.9597 1.25 22.75 4.04033 22.75 7.45455V16.5455C22.75 19.9597 19.9597 22.75 16.5455 22.75H7.45455C4.04033 22.75 1.25 19.9597 1.25 16.5455V7.45455ZM7.45455 2.75C4.86876 2.75 2.75 4.86876 2.75 7.45455V16.5455C2.75 19.1312 4.86876 21.25 7.45455 21.25H16.5455C19.1312 21.25 21.25 19.1312 21.25 16.5455V7.45455C21.25 4.86876 19.1312 2.75 16.5455 2.75H7.45455ZM12 15.5C13.933 15.5 15.5 13.933 15.5 12C15.5 10.067 13.933 8.5 12 8.5C10.067 8.5 8.5 10.067 8.5 12C8.5 13.933 10.067 15.5 12 15.5ZM12 17C14.7614 17 17 14.7614 17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7 9.23858 7 12C7 14.7614 9.23858 17 12 17ZM17 7C17.5523 7 18 6.55228 18 6C18 5.44771 17.5523 5 17 5C16.4477 5 16 5.44771 16 6C16 6.55228 16.4477 7 17 7Z" fill="#6E7491"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M20.0524 3H3.94765C3.70178 3.0166 3.47027 3.12177 3.29602 3.29602C3.12177 3.47027 3.0166 3.70178 3 3.94765V20.0524C3.00139 20.3033 3.10168 20.5435 3.2791 20.7209C3.45651 20.8983 3.69674 20.9986 3.94765 21H12.5686V13.9895H10.2942V11.3372H12.6628V9.34765C12.6118 8.87052 12.6666 8.388 12.8233 7.93447C12.9801 7.48095 13.2349 7.06757 13.5697 6.72379C13.9045 6.38002 14.311 6.1143 14.7602 5.94558C15.2094 5.77685 15.6903 5.70927 16.1686 5.74765C17.1162 5.74765 17.9686 5.84188 18.2524 5.84188V8.30577H16.8314C15.6942 8.30577 15.5047 8.87435 15.5047 9.63247V11.3372H18.1571L17.778 14.0848H15.4105V21H20.0524C20.3033 20.9986 20.5435 20.8983 20.7209 20.7209C20.8983 20.5435 20.9986 20.3033 21 20.0524V3.94765C20.9834 3.70178 20.8782 3.47027 20.704 3.29602C20.5297 3.12177 20.2982 3.0166 20.0524 3V3Z" fill="#6E7491"/>
</svg>
</div>
<div class="copyright">© 2020 Tripma incorporated</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>