This repository was archived by the owner on Mar 12, 2025. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
1086 lines (894 loc) · 47.7 KB
/
index.html
File metadata and controls
1086 lines (894 loc) · 47.7 KB
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
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="fr">
<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">
<link rel="icon" type="image/svg" sizes="16x16" href="https://cdn.worldvectorlogo.com/logos/bookingcom-1.svg">
<script src="https://kit.fontawesome.com/347b4bbeba.js" crossorigin="anonymous"></script>
<script defer src="./main.js"></script>
<link rel="stylesheet" href="style.css">
<meta name="title" content="Booking.clone">
<meta name="description" content="Booking.clone projet d'entrainement">
<meta property="og:type" content="website">
<meta property="og:url" content="https://fabiodevcode.github.io/Clone-Booking.com/">
<meta property="og:title" content="Booking.clone">
<meta property="og:description" content="Booking.clone projet d'entrainement">
<meta property="og:image" content="./images/bookingclone.jpg">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://fabiodevcode.github.io/Clone-Booking.com/">
<meta property="twitter:title" content="Booking.clone">
<meta property="twitter:description" content="Booking.clone projet d'entrainement">
<meta property="twitter:image" content="./images/bookingclone.jpg">
<title>Booking.clone | Clone non officiel | La meilleure copie en HTML & CSS</title>
</head>
<body>
<header>
<div class="header_line_top">
<div class="logo">
<svg width="154" height="26" viewBox="0 0 2710 424" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="2710" height="424" fill=""/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1792.16 280.76C1827.32 280.76 1854 252.631 1854.19 252.394L1857.74 248.627L1884.66 293.271L1882.87 295.483C1882.55 295.878 1849.05 336.36 1787.47 336.36C1716.47 336.36 1665 286.475 1665 217.733C1665 148.937 1717.04 99 1788.79 99C1822.32 99 1872.18 113.223 1872.18 152.414V182.123L1838.2 182.071C1833.18 182.099 1828.29 180.47 1824.29 177.436C1820.29 174.403 1817.4 170.135 1816.08 165.293L1815.79 164.108C1813.71 157.076 1800.43 152.914 1788.79 152.914C1752.86 152.914 1727.79 179.384 1727.79 217.259C1727.79 261.112 1760.13 280.76 1792.16 280.76Z" fill="#0896FF"/>
<path d="M2106.97 278.864C2074.41 278.864 2051.71 253 2051.71 216.021C2051.71 179.069 2074.41 153.231 2106.97 153.231C2139.68 153.231 2162.62 179.069 2162.62 216.021C2162.62 253.58 2140.23 278.864 2106.97 278.864ZM2106.97 98C2038.02 98 1988 147.647 1988 216.021C1988 284.422 2038.02 334.043 2106.97 334.043C2176.08 334.043 2226.36 284.422 2226.36 216.048C2226.36 147.647 2176.05 98 2106.97 98" fill="#0896FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1969.22 42.8949C1967.05 21.1253 1951.5 18 1934.82 18H1904L1904.08 333.558H1969.22V42.8949Z" fill="#0896FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2312.69 122.313C2324.59 109.802 2345.82 95 2379.12 95V95.0263C2432.29 95.0263 2460.39 125.473 2460.39 183.049L2460.5 328.014H2429.58C2405.95 328.014 2395.02 316.978 2395.02 293.379V194.111C2395.02 166.456 2387.09 155.736 2366.81 155.736C2341.61 155.736 2321.43 171.038 2314.22 195.665C2311.48 203.803 2310.16 212.705 2310.16 222.977V328.014H2245.18L2245 100.11H2274.32C2292.04 100.11 2303.84 107.458 2307.32 120.864L2308.74 126.316L2312.69 122.313Z" fill="#0896FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2540 248H2594.74C2652.68 248 2690.09 216.005 2690.09 166.435C2690.09 154.96 2688.1 145.196 2685.11 137H2624.8C2628.75 143.789 2630.44 151.87 2630.44 159.41C2630.44 182.643 2616.91 196.509 2594.34 196.509H2567.99C2554.85 195.614 2548.85 188.694 2548.85 174.144V157.515V137H2540V248Z" fill="#0896FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2608.16 280.76C2643.32 280.76 2670 252.631 2670.19 252.394L2673.74 248.627L2700.66 293.271L2698.87 295.483C2698.55 295.878 2665.05 336.36 2603.47 336.36C2532.47 336.36 2481 286.475 2481 217.733C2481 148.937 2533.04 99 2604.79 99C2638.32 99 2688.18 113.223 2688.18 152.414V182.123L2654.2 182.071C2649.18 182.099 2644.29 180.47 2640.29 177.436C2636.29 174.403 2633.4 170.135 2632.08 165.293L2631.79 164.108C2629.71 157.076 2616.43 152.914 2604.79 152.914C2568.86 152.914 2543.79 179.384 2543.79 217.259C2543.79 261.112 2576.13 280.76 2608.16 280.76Z" fill="#0896FF"/>
<path d="M981.83 43.1681C981.83 33.1372 985.815 23.5171 992.908 16.4242C1000 9.33125 1009.62 5.34646 1019.65 5.34646C1029.68 5.34646 1039.3 9.33125 1046.4 16.4242C1053.49 23.5171 1057.47 33.1372 1057.47 43.1681C1057.11 52.9548 1052.96 62.2189 1045.91 69.0135C1038.86 75.8082 1029.45 79.6044 1019.65 79.6044C1009.86 79.6044 1000.45 75.8082 993.393 69.0135C986.34 62.2189 982.195 52.9548 981.83 43.1681" fill="#FFF"/>
<path d="M1578.58 295.409C1578.58 274.417 1595.48 257.455 1616.32 257.455C1626.38 257.455 1636.02 261.451 1643.14 268.564C1650.25 275.677 1654.25 285.323 1654.25 295.382C1654.25 305.441 1650.25 315.088 1643.14 322.201C1636.02 329.313 1626.38 333.309 1616.32 333.309C1595.51 333.309 1578.58 316.321 1578.58 295.382" fill="#0896FF"/>
<path d="M361.119 279C328.565 279 305.913 253.136 305.913 216.157C305.913 179.204 328.564 153.367 361.144 153.367C393.883 153.367 416.771 179.204 416.771 216.157C416.771 253.715 394.384 279 361.119 279V279ZM361.119 98.1355C292.218 98.1355 242.201 147.783 242.201 216.157C242.201 284.557 292.244 334.178 361.119 334.178C430.309 334.178 480.509 284.557 480.509 216.183C480.509 147.783 430.308 98.1355 361.144 98.1355H361.119ZM908.583 222.083C906.185 217.445 903.154 213.164 899.576 209.362L897.469 207.176L899.682 205.069C902.843 201.724 906.081 197.773 909.189 193.19L970.03 102.797H896.179L850.481 173.515C847.9 177.308 842.686 179.204 834.864 179.204H824.46V45.5117C824.46 18.7784 807.788 15.1438 789.799 15.1438H758.982L759.061 330.702H824.485V236.042H830.623C838.077 236.042 843.133 236.911 845.477 240.968L881.56 309.078C891.648 327.568 901.682 330.702 920.593 330.702H970.715L933.368 268.965L908.61 222.083H908.583ZM1226.17 97.6087C1192.88 97.6087 1171.65 112.411 1159.74 124.921L1155.79 128.925L1154.37 123.473C1150.9 110.067 1139.1 102.718 1121.37 102.718H1092.06L1092.24 330.623H1157.22V225.586C1157.22 215.314 1158.53 206.412 1161.27 198.273C1168.49 173.647 1188.66 158.345 1213.87 158.345C1234.15 158.345 1242.08 169.064 1242.08 196.719V295.988C1242.08 319.587 1253.01 330.623 1276.63 330.623H1307.55L1307.45 185.657C1307.45 128.082 1279.35 97.635 1226.17 97.635V97.6087ZM1020.44 102.797H989.652L989.863 279.026V330.702H1022.71L1023.87 330.754L1039.2 330.702H1054.42V330.623H1054.52L1054.66 137.432C1054.66 114.123 1043.52 102.824 1020.47 102.824L1020.44 102.797ZM616.309 279C583.754 279 561.078 253.136 561.078 216.157C561.078 179.204 583.755 153.367 616.336 153.367C648.995 153.367 671.962 179.204 671.962 216.157C671.962 253.715 649.575 279 616.336 279H616.309ZM616.309 98.1355C547.355 98.1355 497.312 147.783 497.312 216.157C497.312 284.557 547.356 334.178 616.336 334.178C685.421 334.178 735.726 284.557 735.726 216.183C735.726 147.783 685.421 98.1355 616.336 98.1355" fill="#FFF"/>
<path d="M119.174 276.393L66.2869 276.34V213.129C66.2869 199.591 71.5282 192.585 83.0907 190.952H119.174C144.906 190.952 161.552 207.176 161.578 233.435C161.552 260.406 145.328 276.367 119.174 276.367V276.393ZM66.2869 105.827V89.1812C66.2869 74.6161 72.4503 67.6892 85.9618 66.7937H113.038C136.242 66.7937 150.148 80.6739 150.148 103.931C150.148 121.63 140.613 142.305 113.88 142.305H66.2869V105.827V105.827ZM186.706 168.933L177.144 163.56L185.494 156.423C195.212 148.073 211.464 129.294 211.464 96.8982C211.464 47.2771 173.01 15.2498 113.459 15.2498H37.7624C29.2449 15.5603 21.174 19.136 15.2212 25.2359C9.26849 31.3357 5.89066 39.492 5.78809 48.0145V329.57H114.801C180.989 329.57 223.71 293.539 223.71 237.729C223.71 207.677 209.91 181.997 186.706 168.933" fill="#FFF"/>
<path d="M1444.43 268.966C1408.9 268.966 1396.26 237.992 1396.26 208.941C1396.26 196.141 1399.5 154.447 1441.04 154.447C1461.66 154.447 1489.13 160.347 1489.13 211.074C1489.13 258.931 1464.82 268.966 1444.43 268.966V268.966ZM1522.87 102.192C1510.54 102.192 1501.06 107.117 1496.29 116.099L1494.5 119.575L1491.5 116.942C1481.02 107.881 1462.21 97.1089 1431.69 97.1089C1370.92 97.1089 1330.02 142.753 1330.02 210.627C1330.02 278.474 1372.35 325.883 1432.9 325.883C1453.57 325.883 1469.93 321.036 1482.89 311.239L1487.89 307.472V313.793C1487.89 344.24 1468.22 361.044 1432.53 361.044C1415.17 361.044 1399.4 356.83 1388.81 352.985C1375.06 348.823 1366.95 352.273 1361.39 366.101L1356.23 378.849L1348.93 397.496L1353.44 399.893C1376.3 412.009 1406.03 419.252 1432.9 419.252C1488.21 419.252 1552.84 390.938 1552.84 311.239L1553.08 102.192H1522.87" fill="#FFF"/>
</svg>
</div>
<div class="connextions">
<div class="button_type01">EUR</div>
<div class="button_type01">
<img src="https://i.ebayimg.com/images/g/fwEAAOSwe~lcTJuI/s-l300.jpg" alt="drapeau de la France">
</div>
<div class="button_type01">
<div class="boutonInt">?</div>
</div>
<div class="button_type02">Ajoutez votre établissement</div>
<div class="button_type03">S'inscrire</div>
<div class="button_type03">Se connecter</div>
</div>
</div>
<nav>
<li>
<ul>
<i class="fas fa-home"></i>
Hébergements
</ul>
<ul>
<i class="fas fa-plane"></i>
Vols
</ul>
<ul>
<i class="fas fa-globe-europe"></i>
Vol + hôtel
</ul>
<ul>
<i class="fas fa-car"></i>
Voitures de location
</ul>
<ul>
<i class="fas fa-chess-rook"></i>
Attractions
</ul>
<ul>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<polygon points="47.4,331.9 85.3,331.9 85.3,218.1 132.7,218.1 132.7,180.1 0,180.1 0,218.1 47.4,218.1 "/>
<polygon points="347.8,331.9 374.5,290.8 401.2,331.9 446.4,331.9 397.1,256 446.4,180.1 401.2,180.1 374.5,221.2 347.8,180.1
302.6,180.1 351.9,256 302.6,331.9 "/>
<rect x="474.1" y="180.1" width="37.9" height="151.7"/>
<rect y="94.8" width="512" height="37.9"/>
<rect y="379.3" width="512" height="37.9"/>
<path d="M238.6,303.4l9.5,28.4h40l-50.6-151.7h-54.5l-46.8,151.7H176l8.8-28.4H238.6z M210.6,219.4l15.3,46h-29.5L210.6,219.4z"/>
</g>
</svg>
Taxis aéroport
</ul>
</li>
</nav>
</header>
<div class="bannier_type01">
<section>
<h1>Trouvez des offres sur des hôtels, des hébergements indépendants et bien plus encore...</h1>
<div class="subtitle_h1">Du gîte champêtre cosy à l'appartement citadin design</div>
<div class="recherche_zone">
<input type="search" placeholder="Où allez-vous ?">
<input type="text" placeholder="Quand ?">
<input type="number" placeholder="Combien serez-vous ?">
<button>Rechercher</button>
</div>
<div class="bannier_checkbox">
<input type="checkbox" name="" id="">
<p>Je voyage pour le travail</p>
</div>
</section>
</div>
<main>
<div class="bloc_01">
<div class="bloc_01_icon">
<i class="fas fa-info-circle"></i>
</div>
<div class="bloc_01_text">
<p>Obtenez les conseils dont vous avez besoin. Consultez les dernières restrictions relatives au COVID-19 avant de voyager.</p>
<a href="">En savoir plus</a>
</div>
</div>
<div class="bloc_02">
<div class="bloc_02_card">
<div class="bloc_02_icon">
<i class="fas fa-plane"></i>
</div>
<div>
<h2>Réservez un vol</h2>
<p>Comparez des milliers de vols, sans frais cachés.</p>
</div>
</div>
<div class="bloc_02_card">
<div class="bloc_02_icon">
<i class="fas fa-car"></i>
</div>
<div>
<h2>Louez une voiture</h2>
<p>Profitez d'une sélection de centaines de voitures et d'un Service Clients disponible 24h/24 et 7j/7.</p>
</div>
</div>
<div class="bloc_02_card">
<div class="bloc_02_icon">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<polygon points="47.4,331.9 85.3,331.9 85.3,218.1 132.7,218.1 132.7,180.1 0,180.1 0,218.1 47.4,218.1 "/>
<polygon points="347.8,331.9 374.5,290.8 401.2,331.9 446.4,331.9 397.1,256 446.4,180.1 401.2,180.1 374.5,221.2 347.8,180.1
302.6,180.1 351.9,256 302.6,331.9 "/>
<rect x="474.1" y="180.1" width="37.9" height="151.7"/>
<rect y="94.8" width="512" height="37.9"/>
<rect y="379.3" width="512" height="37.9"/>
<path d="M238.6,303.4l9.5,28.4h40l-50.6-151.7h-54.5l-46.8,151.7H176l8.8-28.4H238.6z M210.6,219.4l15.3,46h-29.5L210.6,219.4z"/>
</g>
</svg>
</div>
<div>
<h2>Réservez un taxi aéroport</h2>
<p>Le chauffeur vous attendra à l'aéroport et vous conduira à votre hébergement.</p>
</div>
</div>
<div class="bloc_02_card">
<div class="bloc_02_icon">
<i class="fas fa-chess-rook"></i>
</div>
<div>
<h2>Trouvez des activités</h2>
<p>Bénéficiez d'une confirmation instantanée, de billets numériques et de commentaires clients authentiques.</p>
</div>
</div>
</div>
<section class="bloc_03">
<h3>Rechercher par type d'hébergement</h3>
<div class="silde_left none">
<i class="fas fa-chevron-left"></i>
</div>
<div class="silde_right">
<i class="fas fa-chevron-right"></i>
</div>
<div class="bloc_03_sildebox">
<div class="silde_elements">
<div class="card_silde">
<img src="./images/type/hotels.jpg" alt="hotels">
<div>
<div class="card_silde_title">Hôtels</div>
<p>802 409 hôtels</p>
</div>
</div>
<div class="card_silde">
<img src="./images/type/appartements.jpg" alt="appartements">
<div>
<div class="card_silde_title">Appartements</div>
<p>805 700 appartements</p>
</div>
</div>
<div class="card_silde">
<img src="./images/type/villa.jpg" alt="villas">
<div>
<div class="card_silde_title">Villas</div>
<p>406 020 villas</p>
</div>
</div>
<div class="card_silde">
<img src="./images/type/chalet.jpg" alt="chalets">
<div>
<div class="card_silde_title">Chalets</div>
<p>31 756 chalets</p>
</div>
</div>
<div class="card_silde">
<img src="./images/type/complexeh.jpg" alt="complexes hôteliers">
<div>
<div class="card_silde_title">Complexes hôteliers</div>
<p>17 466 complexes hôteliers</p>
</div>
</div>
<div class="card_silde">
<img src="./images/type/camping.jpg" alt="camping">
<div>
<div class="card_silde_title">Campings</div>
<p>10 984 campings</p>
</div>
</div>
<div class="card_silde">
<img src="./images/type/luxe.jpg" alt="maison de luxe">
<div>
<div class="card_silde_title">Maisons de luxes</div>
<p>2 220 maisons de luxes</p>
</div>
</div>
<div class="card_silde">
<img src="./images/type/tinyhouse.jpg" alt="tiny house">
<div>
<div class="card_silde_title">Tiny houses</div>
<p>356 tiny houses</p>
</div>
</div>
<div class="card_silde">
<img src="./images/type/riad.jpg" alt="riads">
<div>
<div class="card_silde_title">Riads</div>
<p>1 041 riads</p>
</div>
</div>
<div class="card_silde">
<img src="./images/type/apparthotel.jpg" alt="appartements hôtels">
<div>
<div class="card_silde_title">Appart'hôtels</div>
<p>33 383 appart'hôtels</p>
</div>
</div>
<div class="card_silde">
<img src="./images/type/maisonvac.jpg" alt="maison de vacences">
<div>
<div class="card_silde_title">Maisons vacances</div>
<p>12 631 maisons de vacances</p>
</div>
</div>
<div class="card_silde">
<img src="./images/type/motel.jpg" alt="motels">
<div>
<div class="card_silde_title">Motel</div>
<p>11 315 motels</p>
</div>
</div>
</div>
</div>
</section>
<div class="grid_01">
<div class="bloc_img1 bloc_img">
<h4>Bayonne
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Flag_of_France.svg/langfr-225px-Flag_of_France.svg.png" alt="france" height="16px">
</h4>
<img src="./images/grid01/bayonne.jpg" alt="Bayonne">
</div>
<div class="bloc_img2 bloc_img">
<h4>Bordeaux
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Flag_of_France.svg/langfr-225px-Flag_of_France.svg.png" alt="france" height="16px">
</h4>
<img src="./images/grid01/bordeaux.jpg" alt="Bordeaux">
</div>
<div class="bloc_img3 bloc_img">
<h4>La Rochelle
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Flag_of_France.svg/langfr-225px-Flag_of_France.svg.png" alt="france" height="16px">
</h4>
<img src="./images/grid01/larochelle.jpg" alt="La Rochelle">
</div>
<div class="bloc_img4 bloc_img">
<h4>Paris
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Flag_of_France.svg/langfr-225px-Flag_of_France.svg.png" alt="france" height="16px">
</h4>
<img src="./images/grid01/paris.jpg" alt="Paris">
</div>
<div class="bloc_img5 bloc_img">
<h4>Beynac et Cazenac
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Flag_of_France.svg/langfr-225px-Flag_of_France.svg.png" alt="france" height="16px">
</h4>
<img src="./images/grid01/beynac.jpg" alt="Beynac et Cazenac">
</div>
</div>
<section class="bloc_04">
<h5>Explorez l'Europe</h5>
<p class="subtitle_h5">Ces destinations prisées ont beaucoup à offrir</p>
<div class="silde_left_2 none">
<i class="fas fa-chevron-left"></i>
</div>
<div class="silde_right_2">
<i class="fas fa-chevron-right"></i>
</div>
<div class="bloc_04_sildebox">
<div class="silde4_elements">
<div class="card_silde">
<img src="./images/explore/amsterdam.jpg" alt="amsterdam">
<div>
<div class="card_silde_title">Amsterdam</div>
<p>3 761 établissements</p>
</div>
</div>
<div class="card_silde">
<img src="./images/explore/bruxelles.jpg" alt="bruxelles">
<div>
<div class="card_silde_title">Bruxelles</div>
<p>595 établissements</p>
</div>
</div>
<div class="card_silde">
<img src="./images/explore/budapest.jpg" alt="budapest">
<div>
<div class="card_silde_title">Budapest</div>
<p>1 403 établissements</p>
</div>
</div>
<div class="card_silde">
<img src="./images/explore/edimbourg.jpg" alt="edimbourg">
<div>
<div class="card_silde_title">Edimbourg</div>
<p>736 établissements</p>
</div>
</div>
<div class="card_silde">
<img src="./images/explore/lisbonne.jpg" alt="lisbonne">
<div>
<div class="card_silde_title">Lisbonne</div>
<p>1 164 établissements</p>
</div>
</div>
<div class="card_silde">
<img src="./images/explore/londres.jpg" alt="londres">
<div>
<div class="card_silde_title">Londres</div>
<p>473 établissements</p>
</div>
</div>
<div class="card_silde">
<img src="./images/explore/porto.jpg" alt="porto">
<div>
<div class="card_silde_title">Porto</div>
<p>636 établissements</p>
</div>
</div>
<div class="card_silde">
<img src="./images/explore/stockholm.jpg" alt="stockholm">
<div>
<div class="card_silde_title">Stockholm</div>
<p>2 368 établissements</p>
</div>
</div>
<div class="card_silde">
<img src="./images/explore/venise.jpg" alt="venise">
<div>
<div class="card_silde_title">Venise</div>
<p>157 établissements</p>
</div>
</div>
<div class="card_silde">
<img src="./images/explore/vienne.jpg" alt="vienne">
<div>
<div class="card_silde_title">Vienne</div>
<p>589 établissements</p>
</div>
</div>
</div>
</div>
</section>
<section class="bloc_05">
<h5>Échappez au quotidien le temps d'une semaine (ou plus)</h5>
<p class="subtitle_h5">Découvrez notre sélection de destinations idéales pour une déconnexion totale.</p>
<div class="silde_left_3 none">
<i class="fas fa-chevron-left"></i>
</div>
<div class="silde_right_3">
<i class="fas fa-chevron-right"></i>
</div>
<div class="bloc_05_sildebox">
<div class="silde5_elements">
<div class="card_silde_2">
<img src="./images/escape/athène.jpg" alt="athène">
<div>
<div class="card_silde_title">Athène</div>
<p>Grèce</p>
<p>Dès <span>25 €</span></p>
</div>
</div>
<div class="card_silde_2">
<img src="./images/escape/bucarest.jpg" alt="bucarest">
<div>
<div class="card_silde_title">Bucarest</div>
<p>Roumanie</p>
<p>Dès <span>28 €</span></p>
</div>
</div>
<div class="card_silde_2">
<img src="./images/escape/luxembourg.jpg" alt="luxembourg">
<div>
<div class="card_silde_title">Luxembourg</div>
<p>Luxembourg</p>
<p>Dès <span>45 €</span></p>
</div>
</div>
<div class="card_silde_2">
<img src="./images/escape/madrid.jpeg" alt="madrid">
<div>
<div class="card_silde_title">Madrid</div>
<p>Espagne</p>
<p>Dès <span>32 €</span></p>
</div>
</div>
<div class="card_silde_2">
<img src="./images/escape/monaco.jpeg" alt="monaco">
<div>
<div class="card_silde_title">Monaco</div>
<p>Monaco</p>
<p>Dès <span>87 €</span></p>
</div>
</div>
<div class="card_silde_2">
<img src="./images/escape/sofia.jpg" alt="sofia">
<div>
<div class="card_silde_title">Sofia</div>
<p>Bulgarie</p>
<p>Dès <span>34 €</span></p>
</div>
</div>
<div class="card_silde_2">
<img src="./images/escape/varsovie.jpg" alt="varsovie">
<div>
<div class="card_silde_title">Varsovie</div>
<p>Pologne</p>
<p>Dès <span>26 €</span></p>
</div>
</div>
<div class="card_silde_2">
<img src="./images/escape/zagreb.jpeg" alt="zagreb">
<div>
<div class="card_silde_title">Zagreb</div>
<p>Croatie</p>
<p>Dès <span>45 €</span></p>
</div>
</div>
</div>
</div>
</section>
<section class="bloc_06">
<h6>Trouvez des idées pour votre prochain voyage</h6>
<div class="grid_02">
<div class="bloc_img21 bloc_img_2">
<div>
<h4>5 destinations inoubliables</h4>
<p>Profité au maximum de ces lieux empreints de sérénité.</p>
</div>
<img src="./images/idea/beach.jpg" alt="plage">
</div>
<div class="bloc_img22 bloc_img_2">
<div>
<h4>Des sites de plongés fabuleux</h4>
<p>Des bancs de poissons aux coraux en passant par des épaves inexplorées.</p>
</div>
<img src="./images/idea/underwater.jpg" alt="sous l'eau">
</div>
<div class="bloc_img23 bloc_img_2">
<div>
<h4>48 heures dans la peau d'un nightrunner</h4>
<p>Découvrez des itinéraire à faire de nuit au dans les villes les plus animées.</p>
</div>
<img src="./images/idea/arch.jpg" alt="ville de nuit">
</div>
<div class="bloc_img24 bloc_img_2">
<div>
<h4>8 idées pour un voyages solo mémorable</h4>
<p>Prenez du temps pour vous : visitez une nouvelle ville ou évadez-vous, tout simplement.</p>
</div>
<img src="./images/idea/sunset.jpg" alt="ville couché de soleil">
</div>
<div class="bloc_img25 bloc_img_2">
<div>
<h4>5 montagnes et fjords européens où pique-niquer</h4>
<p>Les plus beaux spots pour se poser et profiter d'un bon repas de Norvège en Grèce.</p>
</div>
<img src="./images/idea/montagne.jpg" alt="montagne">
</div>
</div>
</section>
<section class="bloc_07">
<h5>Les hébergements que les clients adorent</h5>
<div class="silde_left_4 none">
<i class="fas fa-chevron-left"></i>
</div>
<div class="silde_right_4">
<i class="fas fa-chevron-right"></i>
</div>
<div class="bloc_07_sildebox">
<div class="silde7_elements">
<div class="card_silde_2 card_silde_7">
<img src="./images/note/in01.jpg" alt="chambre">
<div class="card_silde7_text">
<p>Villa Rokk</p>
<p>Barcelone</p>
<p class="price7">Dès 2 449 €</p>
</div>
<div class="card7_note">
<div>9,5</div>
<p><span>Exceptionnel </span>. 17 expériences vécues</p>
</div>
</div>
<div class="card_silde_2 card_silde_7">
<img src="./images/note/in02.jpg" alt="chambre">
<div class="card_silde7_text">
<p>Villa Domina</p>
<p>Noyer</p>
<p class="price7">Dès 79 €</p>
</div>
<div class="card7_note">
<div>9,5</div>
<p><span>Exceptionnel </span>. 967 expériences vécues</p>
</div>
</div>
<div class="card_silde_2 card_silde_7">
<img src="./images/note/in03.jpg" alt="chambre">
<div class="card_silde7_text">
<p>Appartamento Benincampi</p>
<p>Rome</p>
<p class="price7">Dès 206 €</p>
</div>
<div class="card7_note">
<div>9,7</div>
<p><span>Exceptionnel </span>. 77 expériences vécues</p>
</div>
</div>
<div class="card_silde_2 card_silde_7">
<img src="./images/note/in04.jpg" alt="chambre">
<div class="card_silde7_text">
<p>Casa Portuguesa Prata</p>
<p>Lisbonne</p>
<p class="price7">Dès 349 €</p>
</div>
<div class="card7_note">
<div>8,7</div>
<p><span>Exceptionnel </span>. 85 expériences vécues</p>
</div>
</div>
<div class="card_silde_2 card_silde_7">
<img src="./images/note/in05.jpg" alt="chambre">
<div class="card_silde7_text">
<p>Urbana Hipster Downtown</p>
<p>Budapest</p>
<p class="price7">Dès 2 449 €</p>
</div>
<div class="card7_note">
<div>9,2</div>
<p><span>Exceptionnel </span>. 53 expériences vécues</p>
</div>
</div>
<div class="card_silde_2 card_silde_7">
<img src="./images/note/in06.jpg" alt="chambre">
<div class="card_silde7_text">
<p>Villa Pollo</p>
<p>Madrid</p>
<p class="price7">Dès 2 449 €</p>
</div>
<div class="card7_note">
<div>7,5</div>
<p><span>Exceptionnel </span>. 38 expériences vécues</p>
</div>
</div>
<div class="card_silde_2 card_silde_7">
<img src="./images/note/in07.jpg" alt="chambre">
<div class="card_silde7_text">
<p>Atypiskt Hus</p>
<p>Stockholm</p>
<p class="price7">Dès 1 249 €</p>
</div>
<div class="card7_note">
<div>10</div>
<p><span>Exceptionnel </span>. 1 expérience vécue</p>
</div>
</div>
<div class="card_silde_2 easter_egg">
<img src="./images/note/moi.jpg" alt="un super développeur web">
<div class="easter_egg_text">
<div>Besoin d'un développeur web, front-end ?<br> Ne cherchez plus celui qui a créé ce site "clone" fait l'affaire.</div>
<button id="easteregg"><a href="https://github.com/FabioDevCode" target="_blank">Découvrir son Github</a></button>
</div>
</div>
</div>
</div>
</section>
<section class="bloc_08">
<h5>Communiquez avec d'autres voyageurs</h5>
<div class="bloc_08_sildebox">
<div class="silde8_elements">
<div class="card_silde_2 card_silde_8">
<img src="./images/com/comP.jpg" alt="paris">
<div>
<div class="card_silde_title">France</div>
<p>Communauté de voyageurs<br> 339 668 voyageurs</p>
</div>
</div>
<div class="card_silde_2 card_silde_8">
<img src="./images/com/comP2.jpg" alt="groupe de personnes">
<div>
<div class="card_silde_title">Forum de voyage</div>
<p>Echanges <br>559 436 voyageurs</p>
</div>
</div>
<div class="card_silde_2 card_silde_8">
<img src="./images/com/comP3.png" alt="icon">
<div>
<div class="card_silde_title">Plus de communautés</div>
<p>Tou voir<br>10 103 767 voyageurs</p>
</div>
</div>
</div>
</div>
</section>
<div class="bloc_09">
<div class="card_09">
<div class="img_09">
<img src="./images/four/bordeaux.jpg" alt="bordeaux">
<div class="img_text09">
<div>Bordeaux</div>
<p>France</p>
</div>
</div>
<div class="text_09">
<a href="">1 933 locations de vacances,</a><br>
<a href="">1 710 appartements,</a><br>
<a href="">209 B&B / chambres d'hôtes,</a><br>
<a href="">192 séjours chez l'habitant,</a><br>
<a href="">178 maisons d'hôtes</a>
</div>
</div>
<div class="card_09">
<div class="img_09">
<img src="./images/four/bayonne.jpg" alt="bayonne">
<div class="img_text09">
<div>Bayonne</div>
<p>France</p>
</div>
</div>
<div class="text_09">
<a href="">23 locations de vacances,</a><br>
<a href="">14 appartements,</a><br>
<a href="">16 B&B / chambres d'hôtes,</a><br>
<a href="">4 appart'hôtels</a>
</div>
</div>
<div class="card_09">
<div class="img_09">
<img src="./images/four/rochelle.jpg" alt="La Rochelle">
<div class="img_text09">
<div>La Rochelle</div>
<p>France</p>
</div>
</div>
<div class="text_09">
<a href="">247 locations de vacances,</a><br>
<a href="">1944 appartements,</a><br>
<a href="">20 B&B / chambres d'hôtes,</a><br>
<a href="">14 villas,</a><br>
<a href="">17 maisons de vacences</a>
</div>
</div>
<div class="card_09">
<div class="img_09">
<img src="./images/four/paris.jpg" alt="paris">
<div class="img_text09">
<div>Paris</div>
<p>France</p>
</div>
</div>
<div class="text_09">
<a href="">1 246 locations de vacances,</a><br>
<a href="">904 appartements,</a><br>
<a href="">78 B&B / chambres d'hôtes,</a><br>
<a href="">67 appart'hôtels</a>
</div>
</div>
</div>
<section class="bloc_10">
<h5>Des destinations qu'on adore</h5>
<div class="title_10">
<div class="t101 active10">Régions</div>
<div class="t102">Villes</div>
<div class="t103">Sites d'intérêt</div>
</div>
<div class="test_dyn10">
<div>
État de New York<br>
5 390 établissements
</div>
<div>
Province de Phuket<br>
5 495 établissements
</div>
<div>
Bali<br>
12 681 établissements
</div>
<div>
Santorin<br>
1 762 établissements
</div>
<div>
Lac des Quatre-Cantons<br>
350 établissements
</div>
<div>
Île-de-France<br>
12 208 établissements
</div>
<div>
Corse<br>
4 941 établissements
</div>
<div>
Lac Léman<br>
1 564 établissements
</div>
<div>
Koh Samui<br>
2 211 établissements
</div>
<div>
Belle-Île-en-Mer<br>
187 établissements
</div>
<div>
Lac d'Annecy<br>
938 établissements
</div>
<div>
Grisons<br>
2 986 établissements
</div>
<div>
Gorges du Verdon<br>
397 établissements
</div>
<div>
Tahiti<br>
367 établissements
</div>
<div>
Lubéron<br>
1 471 établissements
</div>
<div>
Île de Ré<br>
438 établissements
</div>
<div>
Zanzibar<br>
834 établissements
</div>
<div>
Île d'Oléron<br>
307 établissements
</div>
<div>
Canton du Tessin<br>
1 683 établissements
</div>
<div>
Bora-Bora<br>
59 établissement
</div>
</div>
</section>
<section class="bloc_11">
<h5>Découvrir</h5>
<div class="button_11">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
<div>15</div>
<div>20</div>
<a href="">Autre pays</a>
</div>
<div class="section_card11">
<div class="bloc_carte_11">
<div class="card_11">
<div class="text_abso11">Relaxation,
restaurants et shopping !
Profitez de ces thèmes une fois
dans ce pays : États-Unis !
</div>
<img src="./images/ultim/usa.jpg" alt="États-Unis">
</div>
<div class="text_11">États-Unis</div>
</div>
<div class="bloc_carte_11">
<div class="card_11">
<div class="text_abso11">Vieille ville,
paysages et nourriture !
Profitez de ces thèmes une fois
dans ce pays : Portugal !
</div>
<img src="./images/ultim/portugal.jpg" alt="Portugal">
</div>
<div class="text_11">Portugal</div>
</div>
<div class="bloc_carte_11">
<div class="card_11">
<div class="text_abso11">Tranquillité,
paysages et vieille ville sont
des thèmes immanquables dans ce pays : Japon !
</div>
<img src="./images/ultim/japon.jpg" alt="Japon">
</div>
<div class="text_11">Japon</div>
</div>