-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
188 lines (163 loc) · 25.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="index.css">
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
/>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Section test</title>
</head>
<body>
<div class="swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<div class="des">
<div class="rate">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="stars">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="stars">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="stars">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="stars">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="stars">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
</svg>
<div class="tpl">
<img src="data:image/png;base64,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" alt="tp">
</div>
</div>
<div class="ud">
<h5 class="un">Dylan D -</h5>
<p class="ur"> Extremement satisfait de la qualite du produit</p>
</div>
<div class="lb">
Regarder les produits
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="icon">
<path d="M5.223 2.25c-.497 0-.974.198-1.325.55l-1.3 1.298A3.75 3.75 0 0 0 7.5 9.75c.627.47 1.406.75 2.25.75.844 0 1.624-.28 2.25-.75.626.47 1.406.75 2.25.75.844 0 1.623-.28 2.25-.75a3.75 3.75 0 0 0 4.902-5.652l-1.3-1.299a1.875 1.875 0 0 0-1.325-.549H5.223Z" />
<path fill-rule="evenodd" d="M3 20.25v-8.755c1.42.674 3.08.673 4.5 0A5.234 5.234 0 0 0 9.75 12c.804 0 1.568-.182 2.25-.506a5.234 5.234 0 0 0 2.25.506c.804 0 1.567-.182 2.25-.506 1.42.674 3.08.675 4.5.001v8.755h.75a.75.75 0 0 1 0 1.5H2.25a.75.75 0 0 1 0-1.5H3Zm3-6a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-.75.75h-3a.75.75 0 0 1-.75-.75v-3Zm8.25-.75a.75.75 0 0 0-.75.75v5.25c0 .414.336.75.75.75h3a.75.75 0 0 0 .75-.75v-5.25a.75.75 0 0 0-.75-.75h-3Z" clip-rule="evenodd" />
</svg>
</div>
</div>
<img src="https://i.ebayimg.com/images/g/vpQAAOSw6xNkZuvM/s-l500.jpg" alt="img">
</div>
<div class="swiper-slide">
<div class="des">
<div class="rate">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="stars">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="stars">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="stars">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="stars">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="stars">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
</svg>
<div class="tpl">
<img src="data:image/png;base64,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" alt="tp">
</div>
</div>
<div class="ud">
<h5 class="un">Dylan S -</h5>
<p class="ur"> Extremement satisfait de la qualite du produit</p>
</div>
<div class="lb">
Regarder les produits
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="icon">
<path d="M5.223 2.25c-.497 0-.974.198-1.325.55l-1.3 1.298A3.75 3.75 0 0 0 7.5 9.75c.627.47 1.406.75 2.25.75.844 0 1.624-.28 2.25-.75.626.47 1.406.75 2.25.75.844 0 1.623-.28 2.25-.75a3.75 3.75 0 0 0 4.902-5.652l-1.3-1.299a1.875 1.875 0 0 0-1.325-.549H5.223Z" />
<path fill-rule="evenodd" d="M3 20.25v-8.755c1.42.674 3.08.673 4.5 0A5.234 5.234 0 0 0 9.75 12c.804 0 1.568-.182 2.25-.506a5.234 5.234 0 0 0 2.25.506c.804 0 1.567-.182 2.25-.506 1.42.674 3.08.675 4.5.001v8.755h.75a.75.75 0 0 1 0 1.5H2.25a.75.75 0 0 1 0-1.5H3Zm3-6a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-.75.75h-3a.75.75 0 0 1-.75-.75v-3Zm8.25-.75a.75.75 0 0 0-.75.75v5.25c0 .414.336.75.75.75h3a.75.75 0 0 0 .75-.75v-5.25a.75.75 0 0 0-.75-.75h-3Z" clip-rule="evenodd" />
</svg>
</div>
</div>
<img src="https://img.redbull.com/images/c_crop,x_0,y_0,h_729,w_1620/c_fill,w_1370,h_620/q_auto,f_auto/redbullcom/2016/09/20/1331818966444_2/pokemon-super-mystery-dungeon-jeux-video" alt="img">
</div>
<div class="swiper-slide">
<div class="des">
<div class="rate">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="stars">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="stars">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="stars">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="stars">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="stars">
<path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
</svg>
<div class="tpl">
<img src="data:image/png;base64,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" alt="tp">
</div>
</div>
<div class="ud">
<h5 class="un">Vayan con Dios -</h5>
<p class="ur"> Extremement satisfait de la qualite du produit</p>
</div>
<div class="lb">
Regarder les produits
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="icon">
<path d="M5.223 2.25c-.497 0-.974.198-1.325.55l-1.3 1.298A3.75 3.75 0 0 0 7.5 9.75c.627.47 1.406.75 2.25.75.844 0 1.624-.28 2.25-.75.626.47 1.406.75 2.25.75.844 0 1.623-.28 2.25-.75a3.75 3.75 0 0 0 4.902-5.652l-1.3-1.299a1.875 1.875 0 0 0-1.325-.549H5.223Z" />
<path fill-rule="evenodd" d="M3 20.25v-8.755c1.42.674 3.08.673 4.5 0A5.234 5.234 0 0 0 9.75 12c.804 0 1.568-.182 2.25-.506a5.234 5.234 0 0 0 2.25.506c.804 0 1.567-.182 2.25-.506 1.42.674 3.08.675 4.5.001v8.755h.75a.75.75 0 0 1 0 1.5H2.25a.75.75 0 0 1 0-1.5H3Zm3-6a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-.75.75h-3a.75.75 0 0 1-.75-.75v-3Zm8.25-.75a.75.75 0 0 0-.75.75v5.25c0 .414.336.75.75.75h3a.75.75 0 0 0 .75-.75v-5.25a.75.75 0 0 0-.75-.75h-3Z" clip-rule="evenodd" />
</svg>
</div>
</div>
<img src="https://t2.tudocdn.net/665919?w=646&h=284" alt="img">
</div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination">
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="stars">
<path fill-rule="evenodd" d="M11.03 3.97a.75.75 0 0 1 0 1.06l-6.22 6.22H21a.75.75 0 0 1 0 1.5H4.81l6.22 6.22a.75.75 0 1 1-1.06 1.06l-7.5-7.5a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd" />
</svg>
</div>
<div class="swiper-button-next">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="stars">
<path fill-rule="evenodd" d="M12.97 3.97a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 1 1-1.06-1.06l6.22-6.22H3a.75.75 0 0 1 0-1.5h16.19l-6.22-6.22a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
</svg>
</div>
</div>
<script>
const swiper = new Swiper('.swiper', {
// Optional parameters
direction: 'horizontal',
loop: true,
slidesPerView: 'auto',
spaceBetween: 10,
centeredSlides:true,
// If we need pagination
pagination: {
el: '.swiper-pagination',
},
// Navigation arrows
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
</body>
</html>