-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1025 lines (1022 loc) · 88.3 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
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 name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="Description" content="Enter your description here" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
<script src="https://kit.fontawesome.com/a7b218ddd5.js" crossorigin="anonymous"></script>
<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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css">
<title>Title</title>
</head>
<body>
<nav class="d-lg-block d-none">
<div class="container-fluid">
<div class="row top-nav">
<div class="col-4">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="#">Service</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">A propos </a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Nous contacter</a>
</li>
</ul>
</div>
<div class="col-4 pt-2 pb-2 pl-4 pr-4">
<a href="#">
<img src="assets/img/1 638.png" class="img-fluid" alt="">
</a>
</div>
<div class="col-4 d-flex justify-content-end">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="#">Service de réparation </a>
</li>
<li class="nav-item">
<a class="nav-link phone-link" href="#">
<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.6503 3.56321L10.7218 3.9346V3.9346L11.6503 3.56321ZM13.2756 7.62652L14.2041 7.25513L13.2756 7.62652ZM12.7815 10.7455L13.5497 11.3857L12.7815 10.7455ZM11.9068 11.7952L12.675 12.4354V12.4354L11.9068 11.7952ZM12.0952 15.9494L11.3881 16.6565L12.0952 15.9494ZM15.0506 18.9048L15.7577 18.1977V18.1977L15.0506 18.9048ZM19.2048 19.0932L18.5646 18.325L19.2048 19.0932ZM20.2545 18.2185L20.8946 18.9867L20.8946 18.9867L20.2545 18.2185ZM23.3735 17.7244L23.0021 18.6529L23.3735 17.7244ZM27.4368 19.3497L27.8082 18.4212H27.8082L27.4368 19.3497ZM4.54605 2.625H8.78748V0.625H4.54605V2.625ZM10.7218 3.9346L12.3471 7.99791L14.2041 7.25513L12.5788 3.19182L10.7218 3.9346ZM12.0133 10.1054L11.1385 11.155L12.675 12.4354L13.5497 11.3857L12.0133 10.1054ZM11.3881 16.6565L14.3435 19.6119L15.7577 18.1977L12.8023 15.2423L11.3881 16.6565ZM19.845 19.8615L20.8946 18.9867L19.6143 17.4503L18.5646 18.325L19.845 19.8615ZM23.0021 18.6529L27.0654 20.2782L27.8082 18.4212L23.7449 16.7959L23.0021 18.6529ZM28.375 22.2125V26.4539H30.375V22.2125H28.375ZM26.4539 28.375C13.2936 28.375 2.625 17.7064 2.625 4.54605H0.625C0.625 18.811 12.189 30.375 26.4539 30.375V28.375ZM28.375 26.4539C28.375 27.5149 27.5149 28.375 26.4539 28.375V30.375C28.6195 30.375 30.375 28.6195 30.375 26.4539H28.375ZM27.0654 20.2782C27.8564 20.5946 28.375 21.3606 28.375 22.2125H30.375C30.375 20.5428 29.3584 19.0413 27.8082 18.4212L27.0654 20.2782ZM20.8946 18.9867C21.4825 18.4969 22.2916 18.3687 23.0021 18.6529L23.7449 16.7959C22.3523 16.2389 20.7665 16.4901 19.6143 17.4503L20.8946 18.9867ZM14.3435 19.6119C15.8369 21.1053 18.2226 21.2135 19.845 19.8615L18.5646 18.325C17.7368 19.0148 16.5197 18.9596 15.7577 18.1977L14.3435 19.6119ZM11.1385 11.155C9.78652 12.7775 9.89474 15.1631 11.3881 16.6565L12.8023 15.2423C12.0404 14.4803 11.9852 13.2632 12.675 12.4354L11.1385 11.155ZM12.3471 7.99791C12.6313 8.7084 12.5031 9.51751 12.0133 10.1054L13.5497 11.3857C14.5099 10.2335 14.7611 8.64769 14.2041 7.25513L12.3471 7.99791ZM8.78748 2.625C9.63937 2.625 10.4054 3.14365 10.7218 3.9346L12.5788 3.19182C11.9587 1.64155 10.4572 0.625 8.78748 0.625V2.625ZM4.54605 0.625C2.38051 0.625 0.625 2.38052 0.625 4.54605H2.625C2.625 3.48508 3.48508 2.625 4.54605 2.625V0.625Z" fill="black"/>
</svg> 01 69 21 44 14
</a>
</li>
</ul>
</div>
</div>
<div class="row bottom-nav">
<div class="col-3 bottom-nav-item">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="#">Nouveautés</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Promos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Top-Ventes</a>
</li>
</ul>
</div>
<div class="col-6 bottom-nav-item justify-content-center">
<div class="nav-search-box">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 34C27.732 34 34 27.732 34 20C34 12.268 27.732 6 20 6C12.268 6 6 12.268 6 20C6 27.732 12.268 34 20 34Z" stroke="#0066CC" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M30 30L42 42" stroke="#0066CC" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<input type="text" placeholder="Rechercher">
</div>
</div>
<div class="col-3 bottom-nav-item justify-content-end">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="#">
<svg width="42" height="42" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30 52.5C42.4264 52.5 52.5 42.4264 52.5 30C52.5 17.5736 42.4264 7.5 30 7.5C17.5736 7.5 7.5 17.5736 7.5 30C7.5 42.4264 17.5736 52.5 30 52.5Z" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M43.0412 48.3307C39.8369 44.752 35.1812 42.5 29.9996 42.5C24.818 42.5 20.1623 44.752 16.958 48.3307" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M30 35C34.1421 35 37.5 31.6421 37.5 27.5C37.5 23.3579 34.1421 20 30 20C25.8579 20 22.5 23.3579 22.5 27.5C22.5 31.6421 25.8579 35 30 35Z" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<svg width="42" height="42" viewBox="0 0 59 59" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M29.5 49.1667L28.7701 50.4771C29.2239 50.7299 29.7761 50.7299 30.2299 50.4771L29.5 49.1667ZM29.5 17.6071L28.1195 18.1938C28.3548 18.7475 28.8983 19.1071 29.5 19.1071C30.1017 19.1071 30.6452 18.7475 30.8805 18.1938L29.5 17.6071ZM5.875 22.057C5.875 30.1492 11.8717 37.3153 17.4396 42.2769C20.2712 44.8003 23.0959 46.8448 25.2095 48.2573C26.2677 48.9646 27.1513 49.5159 27.7732 49.8919C28.0842 50.08 28.33 50.2243 28.4997 50.3227C28.5846 50.3718 28.6504 50.4095 28.696 50.4353C28.7187 50.4482 28.7364 50.4582 28.7488 50.4652C28.755 50.4687 28.7599 50.4714 28.7635 50.4734C28.7653 50.4744 28.7667 50.4752 28.7678 50.4758C28.7684 50.4761 28.769 50.4765 28.7692 50.4766C28.7697 50.4769 28.7701 50.4771 29.5 49.1667C30.2299 47.8562 30.2301 47.8563 30.2303 47.8564C30.2302 47.8564 30.2303 47.8564 30.2302 47.8564C30.2299 47.8562 30.2294 47.8559 30.2285 47.8554C30.2267 47.8544 30.2235 47.8527 30.2191 47.8502C30.2103 47.8452 30.1962 47.8373 30.1771 47.8264C30.1389 47.8047 30.0805 47.7714 30.0034 47.7267C29.849 47.6373 29.6194 47.5025 29.3255 47.3247C28.7374 46.9691 27.8925 46.4421 26.8765 45.7631C24.8416 44.4031 22.135 42.4428 19.4354 40.0372C13.9408 35.1407 8.875 28.752 8.875 22.057H5.875ZM30.8805 17.0204C28.1504 10.596 21.9556 7.65815 16.3793 8.46372C13.5844 8.86748 10.9364 10.2144 8.99156 12.5322C7.04259 14.8549 5.875 18.0611 5.875 22.057H8.875C8.875 18.6593 9.85845 16.1663 11.2897 14.4606C12.725 12.75 14.6865 11.7394 16.8082 11.4329C21.0652 10.8179 25.933 13.0487 28.1195 18.1938L30.8805 17.0204ZM50.125 22.057C50.125 28.752 45.0592 35.1407 39.5646 40.0372C36.865 42.4428 34.1584 44.4031 32.1235 45.7631C31.1075 46.4421 30.2626 46.9691 29.6745 47.3247C29.3806 47.5025 29.151 47.6373 28.9966 47.7267C28.9195 47.7714 28.8611 47.8047 28.8229 47.8264C28.8038 47.8373 28.7897 47.8452 28.7809 47.8502C28.7765 47.8527 28.7733 47.8544 28.7715 47.8554C28.7706 47.8559 28.7701 47.8562 28.7698 47.8564C28.7697 47.8564 28.7698 47.8564 28.7697 47.8564C28.7699 47.8563 28.7701 47.8562 29.5 49.1667C30.2299 50.4771 30.2303 50.4769 30.2308 50.4766C30.231 50.4765 30.2316 50.4761 30.2322 50.4758C30.2333 50.4752 30.2347 50.4744 30.2365 50.4734C30.2401 50.4714 30.245 50.4687 30.2512 50.4652C30.2636 50.4582 30.2813 50.4482 30.304 50.4353C30.3496 50.4095 30.4154 50.3718 30.5003 50.3227C30.67 50.2243 30.9158 50.08 31.2268 49.8919C31.8487 49.5159 32.7323 48.9646 33.7905 48.2573C35.9041 46.8448 38.7288 44.8003 41.5604 42.2769C47.1283 37.3153 53.125 30.1492 53.125 22.057H50.125ZM30.8805 18.1938C33.067 13.0487 37.9348 10.8179 42.1918 11.4329C44.3135 11.7394 46.275 12.75 47.7103 14.4606C49.1415 16.1663 50.125 18.6593 50.125 22.057H53.125C53.125 18.0611 51.9574 14.8549 50.0084 12.5322C48.0636 10.2144 45.4156 8.86748 42.6207 8.46372C37.0444 7.65815 30.8496 10.596 28.1195 17.0204L30.8805 18.1938Z" fill="black"/>
</svg>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<svg width="42" height="42" viewBox="0 0 59 59" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M41.792 49.1667C41.792 47.809 42.8926 46.7083 44.2503 46.7083C45.608 46.7083 46.7087 47.809 46.7087 49.1667C46.7087 50.5244 45.608 51.625 44.2503 51.625C42.8926 51.625 41.792 50.5244 41.792 49.1667Z" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.208 49.1667C17.208 47.809 18.3086 46.7083 19.6663 46.7083C21.024 46.7083 22.1247 47.809 22.1247 49.1667C22.1247 50.5244 21.024 51.625 19.6663 51.625C18.3086 51.625 17.208 50.5244 17.208 49.1667Z" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.375 7.375H9.2623C10.4479 7.375 11.4645 8.22116 11.6798 9.38703L17.2083 39.3333" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.5205 14.75H48.5344C50.1153 14.75 51.2853 16.2207 50.9298 17.7611L46.3913 37.4278C46.1339 38.5432 45.1407 39.3333 43.996 39.3333H17.208" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<nav id="mobile-nav" class="d-lg-none d-block">
<div class="container-fluid">
<div class="row pt-3 pb-3">
<div class="col-5 d-flex align-items-center">
<a href="#">
<img src="assets/img/1 638.png" class="img-fluid" alt="">
</a>
</div>
<div class="col-7 bottom-nav-item justify-content-end">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="#">
<svg width="42" height="42" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M30 52.5C42.4264 52.5 52.5 42.4264 52.5 30C52.5 17.5736 42.4264 7.5 30 7.5C17.5736 7.5 7.5 17.5736 7.5 30C7.5 42.4264 17.5736 52.5 30 52.5Z" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M43.0412 48.3307C39.8369 44.752 35.1812 42.5 29.9996 42.5C24.818 42.5 20.1623 44.752 16.958 48.3307" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M30 35C34.1421 35 37.5 31.6421 37.5 27.5C37.5 23.3579 34.1421 20 30 20C25.8579 20 22.5 23.3579 22.5 27.5C22.5 31.6421 25.8579 35 30 35Z" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<svg width="42" height="42" viewBox="0 0 59 59" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M29.5 49.1667L28.7701 50.4771C29.2239 50.7299 29.7761 50.7299 30.2299 50.4771L29.5 49.1667ZM29.5 17.6071L28.1195 18.1938C28.3548 18.7475 28.8983 19.1071 29.5 19.1071C30.1017 19.1071 30.6452 18.7475 30.8805 18.1938L29.5 17.6071ZM5.875 22.057C5.875 30.1492 11.8717 37.3153 17.4396 42.2769C20.2712 44.8003 23.0959 46.8448 25.2095 48.2573C26.2677 48.9646 27.1513 49.5159 27.7732 49.8919C28.0842 50.08 28.33 50.2243 28.4997 50.3227C28.5846 50.3718 28.6504 50.4095 28.696 50.4353C28.7187 50.4482 28.7364 50.4582 28.7488 50.4652C28.755 50.4687 28.7599 50.4714 28.7635 50.4734C28.7653 50.4744 28.7667 50.4752 28.7678 50.4758C28.7684 50.4761 28.769 50.4765 28.7692 50.4766C28.7697 50.4769 28.7701 50.4771 29.5 49.1667C30.2299 47.8562 30.2301 47.8563 30.2303 47.8564C30.2302 47.8564 30.2303 47.8564 30.2302 47.8564C30.2299 47.8562 30.2294 47.8559 30.2285 47.8554C30.2267 47.8544 30.2235 47.8527 30.2191 47.8502C30.2103 47.8452 30.1962 47.8373 30.1771 47.8264C30.1389 47.8047 30.0805 47.7714 30.0034 47.7267C29.849 47.6373 29.6194 47.5025 29.3255 47.3247C28.7374 46.9691 27.8925 46.4421 26.8765 45.7631C24.8416 44.4031 22.135 42.4428 19.4354 40.0372C13.9408 35.1407 8.875 28.752 8.875 22.057H5.875ZM30.8805 17.0204C28.1504 10.596 21.9556 7.65815 16.3793 8.46372C13.5844 8.86748 10.9364 10.2144 8.99156 12.5322C7.04259 14.8549 5.875 18.0611 5.875 22.057H8.875C8.875 18.6593 9.85845 16.1663 11.2897 14.4606C12.725 12.75 14.6865 11.7394 16.8082 11.4329C21.0652 10.8179 25.933 13.0487 28.1195 18.1938L30.8805 17.0204ZM50.125 22.057C50.125 28.752 45.0592 35.1407 39.5646 40.0372C36.865 42.4428 34.1584 44.4031 32.1235 45.7631C31.1075 46.4421 30.2626 46.9691 29.6745 47.3247C29.3806 47.5025 29.151 47.6373 28.9966 47.7267C28.9195 47.7714 28.8611 47.8047 28.8229 47.8264C28.8038 47.8373 28.7897 47.8452 28.7809 47.8502C28.7765 47.8527 28.7733 47.8544 28.7715 47.8554C28.7706 47.8559 28.7701 47.8562 28.7698 47.8564C28.7697 47.8564 28.7698 47.8564 28.7697 47.8564C28.7699 47.8563 28.7701 47.8562 29.5 49.1667C30.2299 50.4771 30.2303 50.4769 30.2308 50.4766C30.231 50.4765 30.2316 50.4761 30.2322 50.4758C30.2333 50.4752 30.2347 50.4744 30.2365 50.4734C30.2401 50.4714 30.245 50.4687 30.2512 50.4652C30.2636 50.4582 30.2813 50.4482 30.304 50.4353C30.3496 50.4095 30.4154 50.3718 30.5003 50.3227C30.67 50.2243 30.9158 50.08 31.2268 49.8919C31.8487 49.5159 32.7323 48.9646 33.7905 48.2573C35.9041 46.8448 38.7288 44.8003 41.5604 42.2769C47.1283 37.3153 53.125 30.1492 53.125 22.057H50.125ZM30.8805 18.1938C33.067 13.0487 37.9348 10.8179 42.1918 11.4329C44.3135 11.7394 46.275 12.75 47.7103 14.4606C49.1415 16.1663 50.125 18.6593 50.125 22.057H53.125C53.125 18.0611 51.9574 14.8549 50.0084 12.5322C48.0636 10.2144 45.4156 8.86748 42.6207 8.46372C37.0444 7.65815 30.8496 10.596 28.1195 17.0204L30.8805 18.1938Z" fill="black"/>
</svg>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<svg width="42" height="42" viewBox="0 0 59 59" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M41.792 49.1667C41.792 47.809 42.8926 46.7083 44.2503 46.7083C45.608 46.7083 46.7087 47.809 46.7087 49.1667C46.7087 50.5244 45.608 51.625 44.2503 51.625C42.8926 51.625 41.792 50.5244 41.792 49.1667Z" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.208 49.1667C17.208 47.809 18.3086 46.7083 19.6663 46.7083C21.024 46.7083 22.1247 47.809 22.1247 49.1667C22.1247 50.5244 21.024 51.625 19.6663 51.625C18.3086 51.625 17.208 50.5244 17.208 49.1667Z" stroke="black" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.375 7.375H9.2623C10.4479 7.375 11.4645 8.22116 11.6798 9.38703L17.2083 39.3333" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.5205 14.75H48.5344C50.1153 14.75 51.2853 16.2207 50.9298 17.7611L46.3913 37.4278C46.1339 38.5432 45.1407 39.3333 43.996 39.3333H17.208" stroke="black" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</li>
</ul>
</div>
<div class="col-10">
<div class="search-box-sm">
<input type="text" id="" placeholder="Rechercher">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.25 2C3.90279 2 2 3.90279 2 6.25C2 8.59721 3.90279 10.5 6.25 10.5C8.59721 10.5 10.5 8.59721 10.5 6.25C10.5 3.90279 8.59721 2 6.25 2ZM0 6.25C0 2.79822 2.79822 0 6.25 0C9.70178 0 12.5 2.79822 12.5 6.25C12.5 9.70178 9.70178 12.5 6.25 12.5C2.79822 12.5 0 9.70178 0 6.25Z" fill="#40BFFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.29289 9.29289C9.68342 8.90237 10.3166 8.90237 10.7071 9.29289L13.7071 12.2929C14.0976 12.6834 14.0976 13.3166 13.7071 13.7071C13.3166 14.0976 12.6834 14.0976 12.2929 13.7071L9.29289 10.7071C8.90237 10.3166 8.90237 9.68342 9.29289 9.29289Z" fill="#40BFFF"/>
</svg>
</div>
</div>
<div class="col-2 d-flex justify-content-end align-items-center">
<a href="#" class="open-menu-btn">
<svg width="30" height="22" viewBox="0 0 30 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="30" height="4" rx="2" transform="matrix(1 0 0 -1 0 4)" fill="black"/>
<rect width="30" height="4" rx="2" transform="matrix(1 0 0 -1 0 13)" fill="black"/>
<rect width="30" height="4" rx="2" transform="matrix(1 0 0 -1 0 22)" fill="black"/>
</svg>
</a>
</div>
</div>
</div>
</nav>
<div id="menu">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<ul class="nav">
<li class="nav-item">
<a class="nav-link active" href="./categorie.html">Guitare/bass</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./categorie.html">Clavier/Pianos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./categorie.html">Batteries</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./categorie.html">Amplis/Effets</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./categorie.html">Vents</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./categorie.html">Home Studio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./categorie.html">Micro</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./categorie.html">Librairie</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./categorie.html">DJ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./categorie.html">Eclairage</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./categorie.html">Voir plus</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<section id="slider">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="slider-container">
<div class="slider-item">
<a href="#">
<img src="assets/img/slider bass 1.png" class="img-fluid" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="slider-btns">
<div class="container-fluid">
<div class="row">
<div class="col-3">
<div class="pictos-container">
<div class="pictos-item">
<svg width="77" height="50" viewBox="0 0 77 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M77 25.7523C77 25.738 77 25.7237 77 25.7093C76.9934 25.2479 76.8039 24.8077 76.4725 24.4842C76.1412 24.1608 75.6948 23.9803 75.2302 23.9818H74.7652L67.5728 10.1806C67.4231 9.8942 67.1968 9.65439 66.9189 9.48752C66.6409 9.32064 66.3219 9.23317 65.9971 9.23471H53.725L54.1929 5.54769C54.2696 4.8427 54.1947 4.12957 53.9732 3.45547C53.7517 2.78137 53.3887 2.16166 52.9082 1.6373C52.4277 1.11294 51.8406 0.695886 51.1857 0.413719C50.5309 0.131553 49.8232 -0.00929598 49.1094 0.000475788H11.0202C10.5548 0.00294705 10.1069 0.176577 9.76286 0.487855C9.41882 0.799134 9.20305 1.22599 9.15721 1.68602L8.7729 4.72306H30.477C30.8095 4.72135 31.1389 4.78626 31.4455 4.9139C31.7521 5.04154 32.0297 5.22929 32.2617 5.46593C32.4936 5.70258 32.6751 5.98325 32.7954 6.29117C32.9156 6.59909 32.9722 6.92794 32.9616 7.25806C32.9404 7.93511 32.6558 8.57762 32.1675 9.05042C31.6792 9.52322 31.0253 9.78943 30.3434 9.79306H23.1049V9.80356H1.85238C1.37069 9.80602 0.908701 9.99383 0.563463 10.3275C0.218225 10.6612 0.0166039 11.1149 0.000951409 11.5931C-0.00680912 11.8268 0.0329716 12.0595 0.117911 12.2775C0.20285 12.4955 0.331201 12.6942 0.495277 12.8617C0.659353 13.0293 0.855778 13.1622 1.07279 13.2525C1.2898 13.3429 1.52293 13.3888 1.75822 13.3875H29.8995C30.5393 13.4841 31.1212 13.8103 31.5351 14.3043C31.9491 14.7984 32.1664 15.426 32.1459 16.0685C32.1229 16.7904 31.8203 17.4756 31.3012 17.9814C30.7821 18.4871 30.0866 18.7742 29.3596 18.783H9.96235C9.47475 18.7855 9.00719 18.9759 8.65822 19.3142C8.30925 19.6525 8.10614 20.1122 8.0917 20.5964C8.08368 20.8324 8.12371 21.0676 8.2094 21.2879C8.2951 21.5082 8.42468 21.709 8.59039 21.8784C8.75609 22.0477 8.95452 22.1821 9.17376 22.2734C9.39299 22.3647 9.62854 22.4111 9.86627 22.4098H29.0396C29.6855 22.4983 30.2758 22.8206 30.6971 23.3148C31.1184 23.8091 31.3411 24.4406 31.3225 25.088C31.2996 25.8133 30.9945 26.5016 30.4712 27.008C29.948 27.5144 29.2475 27.7996 28.517 27.8034H6.52371H4.67516C4.18757 27.8059 3.72 27.9964 3.37103 28.3347C3.02206 28.673 2.81895 29.1327 2.80452 29.6168C2.79649 29.8529 2.83653 30.0881 2.92222 30.3084C3.00791 30.5287 3.13749 30.7295 3.3032 30.8988C3.46891 31.0682 3.66733 31.2025 3.88657 31.2938C4.10581 31.3852 4.34135 31.4316 4.57908 31.4303H6.17398L5.55043 37.9148C5.47395 38.6197 5.54895 39.3327 5.77049 40.0067C5.99203 40.6807 6.35505 41.3003 6.83556 41.8245C7.31606 42.3488 7.90311 42.7657 8.5579 43.0478C9.21268 43.33 9.92029 43.4708 10.6339 43.461H12.0107C12.3338 45.2984 13.301 46.9628 14.7411 48.1596C16.1811 49.3564 18.0011 50.0084 19.8786 49.9999C21.7883 49.9867 23.6377 49.334 25.1279 48.1475C26.618 46.9609 27.6617 45.3098 28.0904 43.461H45.2605C46.6311 43.4489 47.9534 42.9564 48.9941 42.0704C49.9515 42.9764 51.2269 43.4753 52.549 43.461H52.8315C53.1546 45.2984 54.1218 46.9628 55.5618 48.1596C57.0019 49.3564 58.8218 50.0084 60.6994 49.9999C62.6091 49.9867 64.4585 49.334 65.9486 48.1475C67.4388 46.9609 68.4825 45.3098 68.9112 43.461H70.042C71.4996 43.4331 72.8969 42.8778 73.9715 41.8991C75.0462 40.9205 75.7244 39.5858 75.8788 38.1457L76.9894 25.9289C76.9894 25.9126 76.9894 25.8964 76.9894 25.8792C76.9894 25.8621 76.9942 25.8296 76.9952 25.8038C76.9962 25.7781 77 25.7666 77 25.7523ZM19.9737 46.3759C19.3802 46.3785 18.7922 46.2623 18.2449 46.0343C17.6976 45.8062 17.2021 45.471 16.788 45.0486C16.374 44.6262 16.0498 44.1253 15.8348 43.5758C15.6198 43.0262 15.5185 42.4393 15.5368 41.8499C15.576 40.6415 16.0848 39.4951 16.9565 38.6513C17.8281 37.8074 18.9949 37.3317 20.212 37.324C20.8055 37.3214 21.3934 37.4376 21.9408 37.6656C22.4881 37.8936 22.9836 38.2289 23.3976 38.6513C23.8117 39.0736 24.1359 39.5746 24.3509 40.1241C24.5659 40.6737 24.6672 41.2606 24.6489 41.8499C24.6096 43.0584 24.1008 44.2048 23.2292 45.0486C22.3575 45.8924 21.1908 46.3681 19.9737 46.3759ZM60.7964 46.3759C60.2029 46.3785 59.6149 46.2623 59.0676 46.0343C58.5203 45.8062 58.0248 45.471 57.6107 45.0486C57.1967 44.6262 56.8725 44.1253 56.6575 43.5758C56.4425 43.0262 56.3412 42.4393 56.3595 41.8499C56.3987 40.6415 56.9075 39.4951 57.7792 38.6513C58.6508 37.8074 59.8176 37.3317 61.0347 37.324C61.6282 37.3214 62.2161 37.4376 62.7635 37.6656C63.3108 37.8936 63.8063 38.2289 64.2203 38.6513C64.6344 39.0736 64.9586 39.5746 65.1736 40.1241C65.3885 40.6737 65.4899 41.2606 65.4716 41.8499C65.4324 43.0584 64.9235 44.2048 64.0519 45.0486C63.1802 45.8924 62.0135 46.3681 60.7964 46.3759ZM72.2518 37.9109C72.1907 38.4305 71.9436 38.9109 71.5556 39.2645C71.1675 39.6181 70.6644 39.8213 70.1381 39.837H68.916C68.5126 38.0887 67.5223 36.5288 66.1078 35.414C64.6934 34.2991 62.9392 33.6956 61.1336 33.7028C59.2957 33.7155 57.5116 34.3203 56.0493 35.4265C54.5871 36.5326 53.5257 38.0803 53.0246 39.837H52.649C52.4314 39.8419 52.2152 39.8012 52.0146 39.7175C51.8139 39.6338 51.6333 39.509 51.4845 39.3512C51.3388 39.1878 51.2293 38.9958 51.1631 38.7876C51.0969 38.5795 51.0754 38.3598 51.1002 38.1429L53.3984 12.8501H58.676L57.8401 22.0605C57.7634 22.7655 57.8383 23.4786 58.0598 24.1527C58.2813 24.8268 58.6443 25.4466 59.1248 25.9709C59.6053 26.4953 60.1924 26.9123 60.8473 27.1945C61.5021 27.4767 62.2098 27.6175 62.9236 27.6077H73.1876L72.2518 37.9109Z" fill="#40BFFF"/>
</svg> FREE SHIPPING
</div>
<div class="pictos-item">
<svg width="54" height="61" viewBox="0 0 54 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M43.3176 12.9395L40.3744 16.7197C44.5463 19.9534 47.4214 24.5751 48.4783 29.7467C49.5352 34.9182 48.7039 40.2973 46.1353 44.9087C43.5666 49.52 39.4306 53.0582 34.4772 54.8818C29.5237 56.7054 24.0808 56.6937 19.1352 54.8487C14.1897 53.0037 10.069 49.4477 7.52026 44.8253C4.97153 40.203 4.16352 34.8203 5.24273 29.6534C6.32194 24.4864 9.21693 19.8772 13.4028 16.6615C17.5886 13.4457 22.7882 11.8364 28.0588 12.1252L23.9176 16.4695L26.9894 19.401L33.5264 12.5334L36.4549 9.45767L33.3881 6.53796L26.5254 0L23.5948 3.0757L28.0647 7.33362C21.2087 7.02142 14.4936 9.34705 9.29924 13.8326C4.10488 18.3181 0.825856 24.6229 0.136018 31.4512C-0.55382 38.2794 1.39792 45.1126 5.59016 50.5465C9.7824 55.9803 15.8967 59.602 22.6766 60.6674C24.0755 60.8885 25.4897 60.9997 26.906 61C32.4975 60.9861 37.9452 59.2272 42.4891 55.9687C47.033 52.7103 50.4465 48.1148 52.2535 42.8233C54.0604 37.5318 54.1706 31.8083 52.5687 26.4511C50.9668 21.094 47.7327 16.3705 43.3176 12.9395Z" fill="#0066CC"/>
<path d="M29.4789 47.8407V45.0839C32.7479 44.7189 35.9276 42.6547 35.9276 38.7343C35.9276 33.408 30.9751 32.7978 27.3578 32.3523C25.0454 32.0757 23.2746 31.7549 23.2746 30.3539C23.2746 28.4054 26.0216 28.1955 27.1989 28.1955C28.9511 28.1955 30.8211 29.0196 31.4568 30.0703L31.6413 30.3764L35.2713 28.6949L35.0917 28.3289C34.553 27.2637 33.7569 26.3498 32.7755 25.6702C31.7942 24.9906 30.6587 24.5667 29.4721 24.4369V22.0088H25.224V24.4252C21.2633 25.0138 18.9107 27.2075 18.9107 30.3529C18.9107 35.481 23.5669 36.001 26.9644 36.3827C29.9921 36.7398 31.4009 37.4873 31.4009 38.7373C31.4009 41.1183 28.1035 41.3038 27.0929 41.3038C24.8433 41.3038 22.6781 40.1814 22.0462 38.6902L21.8902 38.3223L17.9482 39.993L18.1052 40.361C19.2737 43.0972 21.7961 44.8112 25.2289 45.2163V47.8407H29.4789Z" fill="#0066CC"/>
</svg> 100% REFUND
</div>
</div>
</div>
<div class="col-6">
<div class="slider-btns">
<button class="slider-btn"></button>
<button class="slider-btn"></button>
<button class="slider-btn active"></button>
<button class="slider-btn"></button>
<button class="slider-btn"></button>
</div>
</div>
<div class="col-3">
<div class="pictos-container">
<div class="pictos-item">
<svg width="51" height="66" viewBox="0 0 51 66" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.783203 51.5453V65.1627H50.4173V51.5453C50.4153 50.0271 49.8114 48.5716 48.7378 47.4981C47.6643 46.4246 46.2089 45.8206 44.6907 45.8187H6.50979C4.9916 45.8206 3.53616 46.4246 2.46264 47.4981C1.38912 48.5716 0.785155 50.0271 0.783203 51.5453H0.783203ZM4.60092 51.5453C4.60166 51.0392 4.803 50.5541 5.16083 50.1963C5.51865 49.8385 6.00375 49.6372 6.50979 49.6364H8.41865V61.3478H4.60092V51.5453ZM12.2373 49.6364H17.1736L25.6002 58.0631L34.0269 49.6364H38.9604V61.3478H12.2373V49.6364ZM46.5996 51.5453V61.345H42.7818V49.6336H44.6907C45.1972 49.6344 45.6827 49.8361 46.0406 50.1945C46.3985 50.553 46.5996 51.0388 46.5996 51.5453ZM28.6277 49.6364L25.6002 52.6639L22.5728 49.6364H28.6277Z" fill="#0066CC"/>
<path d="M39.8826 38.1795H42.7846V34.3618H44.6935C46.2116 34.3598 47.6671 33.7559 48.7406 32.6824C49.8141 31.6088 50.4181 30.1534 50.42 28.6352V24.8175C50.4198 18.2352 47.8048 11.9227 43.1502 7.26849C38.4957 2.61431 32.183 -0.000244554 25.6007 1.71567e-08C19.0184 0.000244588 12.7059 2.61527 8.0517 7.2698C3.39751 11.9243 0.782959 18.2371 0.783203 24.8193L0.783203 28.6371C0.785155 30.1552 1.38912 31.6107 2.46264 32.6842C3.53616 33.7577 4.9916 34.3617 6.50979 34.3636H9.40166C10.4633 37.3704 12.3411 40.0222 14.8246 42.0222C17.3081 44.0221 20.2994 45.2912 23.4634 45.6873C26.6274 46.0834 29.8391 45.5909 32.739 44.2649C35.6389 42.9389 38.1125 40.8318 39.8826 38.1795ZM44.6935 30.5432H42.6739C42.745 29.9093 42.7807 29.2721 42.7809 28.6343V24.8166C42.7807 24.1788 42.745 23.5415 42.6739 22.9077H44.6898C45.1958 22.9084 45.6809 23.1098 46.0387 23.4676C46.3966 23.8254 46.5979 24.3105 46.5986 24.8166V28.6343C46.5989 29.141 46.398 29.627 46.04 29.9856C45.6821 30.3443 45.1964 30.5461 44.6898 30.5468L44.6935 30.5432ZM25.6002 3.82003C30.1903 3.82593 34.6524 5.33294 38.3061 8.11122C41.9598 10.8895 44.6045 14.7865 45.8369 19.208C45.4597 19.1312 45.0757 19.0926 44.6907 19.0928H41.7979C40.6136 15.7431 38.42 12.8429 35.5191 10.7916C32.6182 8.74038 29.1527 7.63891 25.5998 7.63891C22.0469 7.63891 18.5814 8.74038 15.6805 10.7916C12.7796 12.8429 10.5859 15.7431 9.40166 19.0928H6.50979C6.1248 19.0926 5.74078 19.1312 5.36355 19.208C6.59596 14.7865 9.24069 10.8895 12.8944 8.11122C16.5481 5.33294 21.0102 3.82593 25.6002 3.82003ZM36.5628 17.1876C35.3285 18.9508 33.6882 20.3913 31.7802 21.3873C29.8722 22.3834 27.7526 22.9058 25.6002 22.9105H12.3738C12.756 20.2563 13.9281 17.7786 15.7377 15.7997C17.5474 13.8208 19.9107 12.4323 22.5202 11.8149C25.1297 11.1975 27.8646 11.3798 30.3691 12.338C32.8737 13.2962 35.0318 14.986 36.5628 17.1876ZM6.50979 30.5468C6.00375 30.5461 5.51865 30.3448 5.16083 29.9869C4.803 29.6291 4.60166 29.144 4.60092 28.638V24.8203C4.60166 24.3142 4.803 23.8291 5.16083 23.4713C5.51865 23.1135 6.00375 22.9121 6.50979 22.9114H8.5293C8.45823 23.5452 8.42252 24.1825 8.42234 24.8203V28.638C8.42252 29.2758 8.45823 29.913 8.5293 30.5468H6.50979ZM12.2364 28.638V26.7291H25.6002C28.0175 26.7246 30.4067 26.212 32.613 25.2245C34.8194 24.237 36.7934 22.7967 38.4071 20.997C38.7781 22.2372 38.966 23.5249 38.965 24.8193V28.6371C38.9671 30.6183 38.526 32.5749 37.674 34.3636H31.3268L29.6467 32.6872C28.5726 33.7611 27.1159 34.3644 25.597 34.3644C24.0781 34.3644 22.6215 33.7611 21.5474 32.6872L18.8482 35.3863C20.4728 37.0109 22.6289 37.995 24.9206 38.1579C27.2123 38.3209 29.4859 37.6518 31.3241 36.2734V38.1795H34.9389C33.0602 40.0199 30.68 41.2647 28.0967 41.7577C25.5134 42.2507 22.842 41.9701 20.4176 40.951C17.9931 39.9319 15.9235 38.2197 14.4683 36.0291C13.013 33.8385 12.2369 31.267 12.2373 28.6371L12.2364 28.638Z" fill="#0066CC"/>
</svg> SUPPORT 24/7
</div>
<div class="pictos-item">
<svg width="85" height="85" viewBox="0 0 85 85" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M43.5281 74.0096L44.2382 75.8793L44.2382 75.8793L43.5281 74.0096ZM41.4726 74.0096L40.7624 75.8793L40.7625 75.8793L41.4726 74.0096ZM17.7087 12.625H67.292V8.625H17.7087V12.625ZM68.8337 14.1667V36.0005H72.8337V14.1667H68.8337ZM16.167 36.0005V14.1667H12.167V36.0005H16.167ZM68.8337 36.0005C68.8337 60.7679 47.8065 70.2453 42.818 72.1399L44.2382 75.8793C49.4188 73.9117 72.8337 63.5189 72.8337 36.0005H68.8337ZM12.167 36.0005C12.167 63.5189 35.5818 73.9117 40.7624 75.8793L42.1827 72.1399C37.1941 70.2453 16.167 60.7679 16.167 36.0005H12.167ZM42.818 72.1399C42.6017 72.2221 42.3989 72.2221 42.1827 72.1399L40.7625 75.8793C41.8936 76.3089 43.107 76.3089 44.2382 75.8793L42.818 72.1399ZM67.292 12.625C68.1434 12.625 68.8337 13.3152 68.8337 14.1667H72.8337C72.8337 11.1061 70.3526 8.625 67.292 8.625V12.625ZM17.7087 8.625C14.6481 8.625 12.167 11.1061 12.167 14.1667H16.167C16.167 13.3152 16.8572 12.625 17.7087 12.625V8.625Z" fill="#40BFFF"/>
<path d="M54.5392 33.2892C55.3203 32.5082 55.3203 31.2418 54.5392 30.4608C53.7582 29.6797 52.4918 29.6797 51.7108 30.4608L54.5392 33.2892ZM38.9583 46.0417L37.5441 47.4559C37.9192 47.831 38.4279 48.0417 38.9583 48.0417C39.4888 48.0417 39.9975 47.831 40.3725 47.4559L38.9583 46.0417ZM33.2892 37.5441C32.5082 36.7631 31.2418 36.7631 30.4608 37.5441C29.6797 38.3252 29.6797 39.5915 30.4608 40.3725L33.2892 37.5441ZM51.7108 30.4608L37.5441 44.6275L40.3725 47.4559L54.5392 33.2892L51.7108 30.4608ZM40.3725 44.6275L33.2892 37.5441L30.4608 40.3725L37.5441 47.4559L40.3725 44.6275Z" fill="#40BFFF"/>
</svg> GARANTIE 3 ANS
</div>
</div>
</div>
</div>
</div>
</section>
<section id="top-ventes">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h1 class="section-title">
TOP VENTES
</h1>
</div>
<div class="col-12">
<ul class="nav justify-content-between nav-section">
<li class="nav-item">
<a class="nav-link active" href="#">Tout</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Guitare</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Piano</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Sons</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Autres</a>
</li>
</ul>
</div>
<div class="col-12">
<div class="row">
<div class="col-lg-3 col-md-4 col-6">
<div class="product-list-item">
<div class="product-hot">hot</div>
<img src="assets/img/image Product-1.png" class="img-fluid" alt="">
<div>
<div class="product-list-name">
Fender Kort-Kobain
</div>
<div class="product-list-rating">
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5431 6.75403L10.2916 10.276L11.5423 16L7.41136 12.542L3.01433 15.816L4.71312 10.156L0.74707 6.45605L5.9275 6.41602L7.87419 0.855103L9.37735 6.49109L14.5431 6.75403Z" fill="#C1C8CE"/>
</svg>
</div>
<div class="product-list-price">
<div class="current-price">
$299,43
</div>
<div class="old-price">
$534,33
</div>
<div class="off-price">
24% Off
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product-list-item">
<img src="assets/img/image Product-2.png" class="img-fluid" alt="">
<div>
<div class="product-list-name">
Fender Kort-Kobain
</div>
<div class="product-list-rating">
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5431 6.75403L10.2916 10.276L11.5423 16L7.41136 12.542L3.01433 15.816L4.71312 10.156L0.74707 6.45605L5.9275 6.41602L7.87419 0.855103L9.37735 6.49109L14.5431 6.75403Z" fill="#C1C8CE"/>
</svg>
</div>
<div class="product-list-price">
<div class="current-price">
$299,43
</div>
<div class="old-price">
$534,33
</div>
<div class="off-price">
24% Off
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product-list-item">
<img src="assets/img/image Product-3.png" class="img-fluid" alt="">
<div>
<div class="product-list-name">
Fender Kort-Kobain
</div>
<div class="product-list-rating">
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5431 6.75403L10.2916 10.276L11.5423 16L7.41136 12.542L3.01433 15.816L4.71312 10.156L0.74707 6.45605L5.9275 6.41602L7.87419 0.855103L9.37735 6.49109L14.5431 6.75403Z" fill="#C1C8CE"/>
</svg>
</div>
<div class="product-list-price">
<div class="current-price">
$299,43
</div>
<div class="old-price">
$534,33
</div>
<div class="off-price">
24% Off
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product-list-item">
<img src="assets/img/image Product-4.png" class="img-fluid" alt="">
<div>
<div class="product-list-name">
Fender Kort-Kobain
</div>
<div class="product-list-rating">
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5431 6.75403L10.2916 10.276L11.5423 16L7.41136 12.542L3.01433 15.816L4.71312 10.156L0.74707 6.45605L5.9275 6.41602L7.87419 0.855103L9.37735 6.49109L14.5431 6.75403Z" fill="#C1C8CE"/>
</svg>
</div>
<div class="product-list-price">
<div class="current-price">
$299,43
</div>
<div class="old-price">
$534,33
</div>
<div class="off-price">
24% Off
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product-list-item">
<img src="assets/img/image Product-5.png" class="img-fluid" alt="">
<div>
<div class="product-list-name">
Fender Kort-Kobain
</div>
<div class="product-list-rating">
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5431 6.75403L10.2916 10.276L11.5423 16L7.41136 12.542L3.01433 15.816L4.71312 10.156L0.74707 6.45605L5.9275 6.41602L7.87419 0.855103L9.37735 6.49109L14.5431 6.75403Z" fill="#C1C8CE"/>
</svg>
</div>
<div class="product-list-price">
<div class="current-price">
$299,43
</div>
<div class="old-price">
$534,33
</div>
<div class="off-price">
24% Off
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product-list-item">
<img src="assets/img/image Product-6.png" class="img-fluid" alt="">
<div>
<div class="product-list-name">
Fender Kort-Kobain
</div>
<div class="product-list-rating">
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5431 6.75403L10.2916 10.276L11.5423 16L7.41136 12.542L3.01433 15.816L4.71312 10.156L0.74707 6.45605L5.9275 6.41602L7.87419 0.855103L9.37735 6.49109L14.5431 6.75403Z" fill="#C1C8CE"/>
</svg>
</div>
<div class="product-list-price">
<div class="current-price">
$299,43
</div>
<div class="old-price">
$534,33
</div>
<div class="off-price">
24% Off
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product-list-item">
<img src="assets/img/image Product-7.png" class="img-fluid" alt="">
<div>
<div class="product-list-name">
Fender Kort-Kobain
</div>
<div class="product-list-rating">
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5431 6.75403L10.2916 10.276L11.5423 16L7.41136 12.542L3.01433 15.816L4.71312 10.156L0.74707 6.45605L5.9275 6.41602L7.87419 0.855103L9.37735 6.49109L14.5431 6.75403Z" fill="#C1C8CE"/>
</svg>
</div>
<div class="product-list-price">
<div class="current-price">
$299,43
</div>
<div class="old-price">
$534,33
</div>
<div class="off-price">
24% Off
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product-list-item">
<img src="assets/img/image Product-8.png" class="img-fluid" alt="">
<div>
<div class="product-list-name">
Fender Kort-Kobain
</div>
<div class="product-list-rating">
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5431 6.75403L10.2916 10.276L11.5423 16L7.41136 12.542L3.01433 15.816L4.71312 10.156L0.74707 6.45605L5.9275 6.41602L7.87419 0.855103L9.37735 6.49109L14.5431 6.75403Z" fill="#C1C8CE"/>
</svg>
</div>
<div class="product-list-price">
<div class="current-price">
$299,43
</div>
<div class="old-price">
$534,33
</div>
<div class="off-price">
24% Off
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 view-more-link">
<a href="#">Voir plus</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="category">
<div class="container">
<div class="row">
<div class="col-6">
<h2 class="cat-title">
Categorie
</h2>
</div>
<div class="col-6 text-right">
<a href="#" class="cat-plus">
Plus de categorie
</a>
</div>
<div class="col-12">
<div class="cat-list custom-scrollbar">
<div class="cat-item">
<a href="./categorie.html">
<img src="assets/img/Electrique 1.png" class="img-fluid" alt="">
</a>
</div>
<div class="cat-item">
<a href="./categorie.html">
<img src="assets/img/logo7 1.png" class="img-fluid" alt="">
</a>
</div>
<div class="cat-item">
<a href="./categorie.html">
<img src="assets/img/logo5 1.png" class="img-fluid" alt="">
</a>
</div>
<div class="cat-item">
<a href="./categorie.html">
<img src="assets/img/logo20 1.png" class="img-fluid" alt="">
</a>
</div>
<div class="cat-item">
<a href="./categorie.html">
<img src="assets/img/logo5 2.png" class="img-fluid" alt="">
</a>
</div>
<div class="cat-item">
<a href="./categorie.html">
<img src="assets/img/logo5 2-1.png" class="img-fluid" alt="">
</a>
</div>
<div class="cat-item">
<a href="./categorie.html">
<img src="assets/img/Electrique 1.png" class="img-fluid" alt="">
</a>
</div>
<div class="cat-item">
<a href="./categorie.html">
<img src="assets/img/logo7 1.png" class="img-fluid" alt="">
</a>
</div>
<div class="cat-item">
<a href="./categorie.html">
<img src="assets/img/logo5 1.png" class="img-fluid" alt="">
</a>
</div>
<div class="cat-item">
<a href="./categorie.html">
<img src="assets/img/logo20 1.png" class="img-fluid" alt="">
</a>
</div>
<div class="cat-item">
<a href="./categorie.html">
<img src="assets/img/logo5 2.png" class="img-fluid" alt="">
</a>
</div>
<div class="cat-item">
<a href="./categorie.html">
<img src="assets/img/logo5 2-1.png" class="img-fluid" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="fender">
<div class="container">
<div class="row">
<div class="col-12">
<a href="#">
<img src="assets/img/Fender 1.png" class="img-fluid" alt="">
</a>
</div>
</div>
</div>
</section>
<section id="products">
<div class="container">
<div class="row">
<div class="col-6">
<h2 class="cat-title">
Produits
</h2>
</div>
<div class="col-6 text-right">
<a href="#" class="cat-plus">
Voir plus
</a>
</div>
<div class="col-12">
<div class="row">
<div class="col-lg-3 col-md-4 col-6">
<div class="product-list-item">
<img src="assets/img/image Product-1.png" class="img-fluid" alt="">
<div>
<div class="product-list-name">
Fender Kort-Kobain
</div>
<div class="product-list-rating">
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5431 6.75403L10.2916 10.276L11.5423 16L7.41136 12.542L3.01433 15.816L4.71312 10.156L0.74707 6.45605L5.9275 6.41602L7.87419 0.855103L9.37735 6.49109L14.5431 6.75403Z" fill="#C1C8CE"/>
</svg>
</div>
<div class="product-list-price">
<div class="current-price">
$299,43
</div>
<div class="old-price">
$534,33
</div>
<div class="off-price">
24% Off
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product-list-item">
<img src="assets/img/image Product-2.png" class="img-fluid" alt="">
<div>
<div class="product-list-name">
Fender Kort-Kobain
</div>
<div class="product-list-rating">
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5431 6.75403L10.2916 10.276L11.5423 16L7.41136 12.542L3.01433 15.816L4.71312 10.156L0.74707 6.45605L5.9275 6.41602L7.87419 0.855103L9.37735 6.49109L14.5431 6.75403Z" fill="#C1C8CE"/>
</svg>
</div>
<div class="product-list-price">
<div class="current-price">
$299,43
</div>
<div class="old-price">
$534,33
</div>
<div class="off-price">
24% Off
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product-list-item">
<img src="assets/img/image Product-3.png" class="img-fluid" alt="">
<div>
<div class="product-list-name">
Fender Kort-Kobain
</div>
<div class="product-list-rating">
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5431 6.75403L10.2916 10.276L11.5423 16L7.41136 12.542L3.01433 15.816L4.71312 10.156L0.74707 6.45605L5.9275 6.41602L7.87419 0.855103L9.37735 6.49109L14.5431 6.75403Z" fill="#C1C8CE"/>
</svg>
</div>
<div class="product-list-price">
<div class="current-price">
$299,43
</div>
<div class="old-price">
$534,33
</div>
<div class="off-price">
24% Off
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="product-list-item">
<img src="assets/img/image Product-4.png" class="img-fluid" alt="">
<div>
<div class="product-list-name">
Fender Kort-Kobain
</div>
<div class="product-list-rating">
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6427 6.75403L10.3912 10.276L11.6419 16L7.511 12.542L3.11397 15.816L4.81277 10.156L0.84668 6.45605L6.02714 6.41602L7.9738 0.855103L9.47699 6.49109L14.6427 6.75403Z" fill="#FFC600"/>
</svg>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5431 6.75403L10.2916 10.276L11.5423 16L7.41136 12.542L3.01433 15.816L4.71312 10.156L0.74707 6.45605L5.9275 6.41602L7.87419 0.855103L9.37735 6.49109L14.5431 6.75403Z" fill="#C1C8CE"/>
</svg>
</div>
<div class="product-list-price">
<div class="current-price">
$299,43
</div>
<div class="old-price">
$534,33
</div>
<div class="off-price">
24% Off
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="popular-marks">
<div class="container">
<div class="row">
<div class="col-12">
<h1 class="popular-marks-title">
Marques populaires
</h1>
</div>
<div class="col-12">
<div class="marks-list custom-scrollbar">
<div class="mark-column">
<a href="#" class="marks-item">
<img src="assets/img/2 667.png" class="img-fluid" alt="">
</a>
<a href="#" class="marks-item">
<img src="assets/img/4 1.png" class="img-fluid" alt="">
</a>
</div>
<div class="mark-column">
<a href="#" class="marks-item">
<img src="assets/img/1 635.png" class="img-fluid" alt="">
</a>
<a href="#" class="marks-item">
<img src="assets/img/292 1.png" class="img-fluid" alt="">
</a>
</div>
<div class="mark-column">
<a href="#" class="marks-item">
<img src="assets/img/213 1.png" class="img-fluid" alt="">
</a>
<a href="#" class="marks-item">
<img src="assets/img/3 2.png" class="img-fluid" alt="">
</a>
</div>
<div class="mark-column">
<a href="#" class="marks-item">
<img src="assets/img/image 59.png" class="img-fluid" alt="">
</a>
<a href="#" class="marks-item">
<img src="assets/img/image 58.png" class="img-fluid" alt="">
</a>
</div>
<div class="mark-column">
<a href="#" class="marks-item">
<img src="assets/img/2 667.png" class="img-fluid" alt="">
</a>
<a href="#" class="marks-item">
<img src="assets/img/2 667.png" class="img-fluid" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<div id="pre-footer">
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-md-6">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link" href="#">CGV / Infos légales</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Politique de confidentialité</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Droit de rétractation du consomateur</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Processus de commande</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Garantie légale de conformité</a>
</li>
</ul>
</div>
<div class="col-md-6 mt-2 mt-md-0">
<ul class="nav mb-0 mb-md-4">
<li class="nav-item">
<a class="nav-link" href="#">
<i class="fa fa-facebook-official fa-2x" aria-hidden="true"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<i class="fa fa-youtube-play fa-2x" aria-hidden="true"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<i class="fa fa-instagram fa-2x" aria-hidden="true"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<i class="fa fa-twitter fa-2x" aria-hidden="true"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<i class="fa fa-pinterest fa-2x" aria-hidden="true"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<i class="fa fa-tumblr-square fa-2x" aria-hidden="true"></i>
</a>
</li>
</ul>
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link" href="#">A propos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Carrières et recrutement</a>
</li>
<li class="nav-item">