-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproduct.html
646 lines (643 loc) · 55 KB
/
product.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
<!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="#">Guitare/bass</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Clavier/Pianos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Batteries</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Amplis/Effets</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Vents</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Home Studio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Micro</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Librairie</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">DJ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Eclairage</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Voir plus</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<section id="product-about">
<div class="container">
<div class="row">
<div class="col-12">
<h1 class="product-name">
GIBSON LES PAUL STUDIO TANGERINE BURST
<a href="#">
<svg width="41" height="43" viewBox="0 0 41 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.65779 23.406L20.5001 41.3216L36.3424 23.406L36.4279 23.3093C40.807 18.3571 40.807 10.3436 36.4279 5.3937C32.0488 0.443762 24.9627 0.441459 20.5856 5.3937L20.5001 5.49044L20.4125 5.3914C16.0334 0.439155 8.9473 0.439155 4.57021 5.3914C0.193111 10.3436 0.191074 18.3571 4.57021 23.307L4.65779 23.406Z" stroke="#FF1010" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</h1>
<div class="product-rating">
<svg width="36" height="38" viewBox="0 0 36 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 0L23.988 11.3846L35.119 14.5106L27.6888 24.6728L28.5801 37.9894L18 32.8853L7.41987 37.9894L8.31122 24.6728L0.880983 14.5106L12.012 11.3846L18 0Z" fill="#FFC833"/>
</svg>
<svg width="36" height="38" viewBox="0 0 36 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 0L23.988 11.3846L35.119 14.5106L27.6888 24.6728L28.5801 37.9894L18 32.8853L7.41987 37.9894L8.31122 24.6728L0.880983 14.5106L12.012 11.3846L18 0Z" fill="#FFC833"/>
</svg>
<svg width="36" height="38" viewBox="0 0 36 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 0L23.988 11.3846L35.119 14.5106L27.6888 24.6728L28.5801 37.9894L18 32.8853L7.41987 37.9894L8.31122 24.6728L0.880983 14.5106L12.012 11.3846L18 0Z" fill="#FFC833"/>
</svg>
<svg width="36" height="38" viewBox="0 0 36 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 0L23.988 11.3846L35.119 14.5106L27.6888 24.6728L28.5801 37.9894L18 32.8853L7.41987 37.9894L8.31122 24.6728L0.880983 14.5106L12.012 11.3846L18 0Z" fill="#FFC833"/>
</svg>
<svg width="36" height="38" viewBox="0 0 36 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 0L23.988 11.3846L35.119 14.5106L27.6888 24.6728L28.5801 37.9894L18 32.8853L7.41987 37.9894L8.31122 24.6728L0.880983 14.5106L12.012 11.3846L18 0Z" fill="#EBF0FF"/>
</svg>
</div>
</div>
<div class="col-md-6">
<div class="product-image">
<img src="assets/img/Product Image.png" class="img-fluid" alt="">
</div>
<div class="product-image-list">
<a href="#">
<img src="assets/img/Product Picture02.png" class="img-fluid" alt="">
</a>
<a href="#">
<img src="assets/img/Product Picture03.png" class="img-fluid" alt="">
</a>
<a href="#">
<img src="assets/img/Product Image03.png" class="img-fluid" alt="">
</a>
<a href="#">
<img src="assets/img/Product Picture01.png" class="img-fluid" alt="">
</a>
</div>
</div>
<div class="col-1 d-lg-block d-none"></div>
<div class="col-lg-5 col-md-6">
<div class="product-text">
<div class="product-price">
1359,00€
</div>
<div class="product-info">
Envoi gratuit et TVA incluse. <br>
<span class="highlight">Disponible immédiatement</span> <br> <br> Expédition estimée le <span class="highlight">Mercredi, 18.05.</span>
</div>
<div class="product-toolbar">
<div class="product-count">
<button>
<svg width="18" height="6" viewBox="0 0 18 6" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.233 0.870941H0.198486V5.1319H17.233V0.870941Z" fill="#33A0FF"/>
</svg>
</button>
<input type="number" value="2">
<button>
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.8015 6.87091H0.76709V11.1319H17.8015V6.87091Z" fill="#33A0FF"/>
<path d="M11.4136 17.5234L11.4136 0.479431L7.15494 0.479431L7.15494 17.5234H11.4136Z" fill="#33A0FF"/>
</svg>
</button>
</div>
<a href="#" class="product-addtocart">
<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.8905 21.3043C24.7145 21.3028 25.5125 20.9919 26.1484 20.4246C26.7844 19.8573 27.2189 19.0687 27.3781 18.1933L29.1648 8.51935C29.2683 7.95865 29.2557 7.38005 29.128 6.82523C29.0004 6.27041 28.7608 5.75316 28.4264 5.31061C28.0921 4.86807 27.6713 4.51116 27.1944 4.26576C26.7175 4.02035 26.1963 3.8925 25.6683 3.89129H7.88013V1.95651C7.88013 1.44337 7.69187 0.951283 7.3568 0.588441C7.02173 0.225599 6.56731 0.0217285 6.09346 0.0217285H2.53619C2.06233 0.0217285 1.60786 0.225599 1.27279 0.588441C0.937725 0.951283 0.749515 1.44337 0.749515 1.95651C0.749515 2.46965 0.937725 2.96174 1.27279 3.32458C1.60786 3.68742 2.06233 3.89129 2.53619 3.89129H4.32287V23.2391C3.61545 23.2357 2.92299 23.4597 2.33325 23.8828C1.7435 24.3059 1.28296 24.909 1.01004 25.6158C0.73711 26.3225 0.664057 27.1011 0.800114 27.8529C0.936171 28.6046 1.27522 29.2958 1.77431 29.8387C2.27341 30.3816 2.91008 30.7518 3.60368 30.9025C4.29728 31.0533 5.01662 30.9777 5.67051 30.6854C6.32439 30.393 6.8834 29.897 7.27676 29.2603C7.67012 28.6236 7.88013 27.8747 7.88013 27.1087H20.3315C20.3343 27.8703 20.5454 28.6139 20.9382 29.2456C21.331 29.8774 21.8878 30.369 22.5384 30.6583C23.189 30.9477 23.9041 31.0218 24.5936 30.8714C25.283 30.7209 25.9158 30.3525 26.4121 29.8129C26.9085 29.2733 27.246 28.5866 27.3822 27.8394C27.5184 27.0922 27.447 26.3181 27.1772 25.6147C26.9075 24.9114 26.4513 24.3104 25.8664 23.8875C25.2814 23.4647 24.5938 23.2391 23.8905 23.2391H7.88013V21.3043H23.8905ZM25.6772 7.76086L23.8905 17.4348H7.88013V7.76086H25.6683H25.6772Z" fill="#33A0FF"/>
</svg> Add To Cart
</a>
</div>
</div>
<div class="product-similar">
<h3>Produits similaire </h3>
<div class="product-similar-list custom-scrollbar">
<a href="#" class="product-similar-item">
<img src="assets/img/image Product.png" class="img-fluid" alt="">
</a>
<a href="#" class="product-similar-item">
<img src="assets/img/image Product1.png" class="img-fluid" alt="">
</a>
<a href="#" class="product-similar-item">
<img src="assets/img/image Product2.png" class="img-fluid" alt="">
</a>
<a href="#" class="product-similar-item">
<img src="assets/img/image Product3.png" class="img-fluid" alt="">
</a>
<a href="#" class="product-similar-item">
<img src="assets/img/image Product.png" class="img-fluid" alt="">
</a>
<a href="#" class="product-similar-item">
<img src="assets/img/image Product1.png" class="img-fluid" alt="">
</a>
<a href="#" class="product-similar-item">
<img src="assets/img/image Product2.png" class="img-fluid" alt="">
</a>
<a href="#" class="product-similar-item">
<img src="assets/img/image Product3.png" class="img-fluid" alt="">
</a>
</div>
</div>
<div class="share-btns">
<a href="#" class="share-fb">
<svg width="9" height="18" viewBox="0 0 9 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.643358 9.51827H2.40538V16.7787C2.40538 16.8475 2.43271 16.9135 2.48134 16.9622C2.52997 17.0108 2.59592 17.0381 2.66469 17.0381H5.65312C5.72189 17.0381 5.78784 17.0108 5.83647 16.9622C5.8851 16.9135 5.91243 16.8475 5.91243 16.7787V9.5523H7.93907C8.00262 9.5522 8.06393 9.52875 8.11134 9.48641C8.15875 9.44407 8.18897 9.38578 8.19626 9.32262L8.50445 6.64941C8.50864 6.6131 8.50513 6.57631 8.49412 6.54146C8.48311 6.50661 8.46487 6.47448 8.44059 6.44717C8.41631 6.41987 8.38653 6.398 8.35322 6.38301C8.3199 6.36802 8.28379 6.36024 8.24726 6.36018H5.90923V4.68543C5.90923 4.18035 6.18131 3.92409 6.71693 3.92409H8.24301C8.31179 3.92409 8.37774 3.89675 8.42637 3.8481C8.475 3.79944 8.50233 3.73345 8.50233 3.66463V1.21153C8.5029 1.14308 8.47641 1.07718 8.42864 1.02819C8.38087 0.979192 8.31566 0.951071 8.24726 0.949951L6.14198 0.949951H6.04527C5.07582 0.953374 4.14009 1.30636 3.40968 1.94417C3.06501 2.24553 2.80056 2.62786 2.64011 3.05678C2.47965 3.4857 2.42821 3.94779 2.4904 4.40152V6.36124H0.640164C0.571391 6.36124 0.505438 6.38858 0.456808 6.43723C0.408178 6.48589 0.380859 6.55188 0.380859 6.6207V9.25882C0.380857 9.29316 0.387664 9.32716 0.400894 9.35885C0.414125 9.39054 0.433517 9.41928 0.457935 9.44342C0.482352 9.46755 0.511313 9.4866 0.543142 9.49944C0.574972 9.51229 0.609038 9.51869 0.643358 9.51827Z" fill="white"/>
</svg> Share on Facebook
</a>
<a href="#" class="share-tw">
<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.6718 2.16479C17.0219 2.42012 16.3345 2.58986 15.6309 2.6688C16.3727 2.27275 16.9274 1.64546 17.1899 0.905808C16.4961 1.27624 15.7372 1.53731 14.9459 1.67778C14.4602 1.20988 13.8294 0.884389 13.1355 0.743675C12.4416 0.602961 11.7167 0.653533 11.0552 0.888812C10.3936 1.12409 9.82604 1.53318 9.42627 2.06286C9.02651 2.59254 8.81308 3.21828 8.81374 3.85867C8.81115 4.10312 8.83888 4.34707 8.89642 4.58598C7.48695 4.52368 6.10796 4.19427 4.84959 3.61929C3.59122 3.04431 2.4818 2.2367 1.59385 1.24926C1.13784 1.95095 0.996598 2.78291 1.19899 3.57519C1.40138 4.36748 1.93212 5.0603 2.6828 5.51214C2.12213 5.49874 1.57325 5.36417 1.08245 5.11977V5.15486C1.08321 5.89097 1.3654 6.6044 1.8816 7.17526C2.3978 7.74611 3.11654 8.13959 3.91702 8.28955C3.6138 8.36195 3.30122 8.39771 2.98752 8.39588C2.76239 8.39956 2.53747 8.38138 2.31667 8.34165C2.54533 8.97428 2.98604 9.52762 3.57822 9.92557C4.1704 10.3235 4.88496 10.5466 5.62367 10.564C4.37102 11.4452 2.82684 11.9236 1.23717 11.9229C0.953755 11.9247 0.670506 11.9102 0.38916 11.8793C2.0086 12.8188 3.89559 13.3159 5.82209 13.3106C7.14872 13.3189 8.46397 13.0898 9.69145 12.6367C10.9189 12.1835 12.0341 11.5153 12.9724 10.6708C13.9106 9.82636 14.653 8.82246 15.1567 7.71747C15.6603 6.61247 15.915 5.4284 15.9061 4.23402C15.9061 4.0926 15.9061 3.95649 15.8931 3.82145C16.593 3.37128 17.1958 2.80986 17.6718 2.16479Z" fill="white"/>
</svg> Share on Twitter
</a>
</div>
</div>
</div>
</div>
</section>
<section id="product-infos">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<ul class="nav nav-tabs product-tab">
<li class="nav-item">
<a class="nav-link active" href="#">Product Infomation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Reviews</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Another tab</a>
</li>
</ul>
</div>
<div class="col-12 pt-3">
<p class="product-infos-text">
Lorem ipsum dolor sit amet. Vel eius doloremque et aperiam ipsa aut laborum officia est autem quia et ratione optio sit accusamus autem. Ex ducimus aliquam non architecto tenetur ut adipisci vitae ab veritatis dolor vel suscipit corporis
</p>
<p class="product-infos-text">
Lorem ipsum dolor sit amet. Vel eius doloremque et aperiam ipsa aut laborum officia est autem quia et ratione optio sit accusamus autem. Ex ducimus aliquam non architecto tenetur ut adipisci vitae ab veritatis dolor vel suscipit corporis
</p>
<p class="product-infos-text">
Lorem ipsum dolor sit amet. Vel eius doloremque et aperiam ipsa aut laborum officia est autem quia et ratione optio sit accusamus autem. Ex ducimus aliquam non architecto tenetur ut adipisci vitae ab veritatis dolor vel suscipit corporis
<div class="row">
<div class="col-6">
<img src="assets/img/gibson1 1.png" class="img-fluid" alt="">
</div>
<div class="col-6">
<img src="assets/img/gibons74 1.png" class="img-fluid" alt="">
</div>
</div>
<p class="product-infos-text">
Lorem ipsum dolor sit amet. Vel eius doloremque et aperiam ipsa aut laborum officia est autem quia et ratione optio sit accusamus autem. Ex ducimus aliquam non architecto tenetur ut adipisci vitae ab veritatis dolor vel suscipit corporis
</p>
<p class="product-infos-text">
Lorem ipsum dolor sit amet. Vel eius doloremque et aperiam ipsa aut laborum officia est autem quia et ratione optio sit accusamus autem. Ex ducimus aliquam non architecto tenetur ut adipisci vitae ab veritatis dolor vel suscipit corporis
</p>
<p class="product-infos-text">
Lorem ipsum dolor sit amet. Vel eius doloremque et aperiam ipsa aut laborum officia est autem quia et ratione optio sit accusamus autem. Ex ducimus aliquam non architecto tenetur ut adipisci vitae ab veritatis dolor vel suscipit corporis
</p>
</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>
<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">
<a class="nav-link" href="#">Petites annonces</a>
</li>
</ul>
<ul class="nav mt-md-4 mt-0">
<li class="nav-item">
<a class="nav-link" href="#">
<img src="assets/img/app-store.png" width="200" alt="">
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<img src="assets/img/google-play.png" width="200" alt="">
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
</body>
</html>