-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathshop.html
459 lines (445 loc) · 36.7 KB
/
shop.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
<!DOCTYPE html>
<html lang="ru">
@@include('_head.html',{
"title":"Shop"
})
<body>
<div class="wrapper">
<header class="header">
<div class="header__content _container">
<div class="header__top shop-header__top">
<a href="./index.html" class="header__logo">
<span class="header__logo-icon">
<svg width="22" height="24" viewBox="0 0 22 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path class="header__logo-svg" fill-rule="evenodd" clip-rule="evenodd"
d="M11.9167 21.754C16.3711 21.284 19.8875 17.4261 20.1508 12.6397H11.9167V21.754ZM21.9868 12.6397H22V12.0625V0.375L11 0.375001C4.92486 0.375002 -5.31105e-07 5.60767 0 12.0625C5.31105e-07 18.5173 4.92486 23.75 11 23.75C16.893 23.75 21.7036 18.8263 21.9868 12.6397ZM11 2.32292C5.93739 2.32292 1.83333 6.68347 1.83333 12.0625C1.83333 17.1128 5.45112 21.2653 10.0833 21.754V10.6918H20.1667V2.32292H11Z"
fill="#1B2437" />
</svg>
</span>
</a>
<div class="header__menu menu shop-header__menu">
<nav id="shop__menu" class="menu__body">
<ul class="menu__list">
<li><a href="./index.html"
class="shop-header__menu-link menu__link menu__link_m menu__link_a">Home</a>
</li>
<li><a href="./shop.html"
class="shop-header__menu-link menu__link menu__link_m">Shop</a></li>
<li><a href="" class="shop-header__menu-link menu__link menu__link_m">Blog</a></li>
<li><a href="" class="shop-header__menu-link menu__link menu__link_m">Contact</a></li>
<li class="social__wrap_two">
<ul class="header__social-list social__list social__list_two">
<li>
<a href="https://www.instagram.com/" class="social__item">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path class="social__svg" fill-rule="evenodd" clip-rule="evenodd"
d="M20.8576 8.70406C20.82 7.85391 20.6825 7.26945 20.4856 6.763C20.2824 6.22542 19.9697 5.74412 19.5601 5.34402C19.16 4.93769 18.6754 4.62195 18.144 4.42196C17.6344 4.22502 17.0529 4.08754 16.2027 4.05006C15.346 4.0094 15.074 4 12.9013 4C10.7286 4 10.4566 4.0094 9.60315 4.04688C8.75284 4.08437 8.16827 4.22197 7.66184 4.41878C7.12403 4.62195 6.64265 4.93451 6.24247 5.34402C5.83606 5.74412 5.52038 6.22859 5.32023 6.75994C5.12326 7.26945 4.98575 7.85074 4.94826 8.70088C4.9076 9.55738 4.89819 9.82928 4.89819 12.0016C4.89819 14.1739 4.9076 14.4458 4.94509 15.2991C4.98258 16.1493 5.1202 16.7338 5.31718 17.2402C5.52038 17.7778 5.83606 18.259 6.24247 18.6591C6.64265 19.0655 7.12721 19.3812 7.65867 19.5812C8.16827 19.7782 8.74967 19.9156 9.6001 19.9531C10.4535 19.9907 10.7255 20 12.8983 20C15.071 20 15.3429 19.9907 16.1964 19.9531C17.0468 19.9156 17.6313 19.7782 18.1377 19.5812C19.2132 19.1655 20.0636 18.3154 20.4793 17.2402C20.6762 16.7306 20.8138 16.1493 20.8513 15.2991C20.8888 14.4458 20.8982 14.1739 20.8982 12.0016C20.8982 9.82928 20.895 9.55738 20.8576 8.70406ZM19.4164 15.2366C19.382 16.018 19.2507 16.44 19.1413 16.7213C18.8724 17.4183 18.3191 17.9715 17.6219 18.2404C17.3405 18.3498 16.9155 18.481 16.1369 18.5154C15.2928 18.553 15.0397 18.5622 12.9045 18.5622C10.7692 18.5622 10.5129 18.553 9.67191 18.5154C8.89035 18.481 8.46831 18.3498 8.18695 18.2404C7.84001 18.1122 7.52422 17.909 7.26789 17.6434C7.00216 17.3839 6.79896 17.0713 6.67074 16.7245C6.56131 16.4431 6.43004 16.018 6.39572 15.2398C6.35811 14.3958 6.34883 14.1426 6.34883 12.0078C6.34883 9.87299 6.35811 9.61671 6.39572 8.77597C6.43004 7.99457 6.56131 7.57261 6.67074 7.2913C6.79896 6.94431 7.00216 6.6287 7.27107 6.3723C7.53044 6.10662 7.84307 5.90346 8.19012 5.77538C8.47148 5.66598 8.8967 5.53473 9.67507 5.5003C10.5192 5.46282 10.7724 5.45342 12.9076 5.45342C15.046 5.45342 15.2991 5.46282 16.1401 5.5003C16.9216 5.53473 17.3437 5.66598 17.6251 5.77538C17.972 5.90346 18.2878 6.10662 18.5441 6.3723C18.8099 6.63174 19.0131 6.94431 19.1413 7.2913C19.2507 7.57261 19.382 7.99762 19.4164 8.77597C19.4539 9.61989 19.4633 9.87299 19.4633 12.0078C19.4633 14.1426 19.4539 14.3927 19.4164 15.2366ZM12.8447 8.27744C10.666 8.27744 8.89819 10.0451 8.89819 12.224C8.89819 14.4029 10.666 16.1705 12.8447 16.1705C15.0236 16.1705 16.7912 14.4029 16.7912 12.224C16.7912 10.0451 15.0236 8.27744 12.8447 8.27744ZM12.8447 14.784C11.4312 14.784 10.2847 13.6376 10.2847 12.224C10.2847 10.8104 11.4312 9.66396 12.8447 9.66396C14.2584 9.66396 15.4048 10.8104 15.4048 12.224C15.4048 13.6376 14.2584 14.784 12.8447 14.784ZM16.9473 9.04267C17.4562 9.04267 17.8688 8.63013 17.8688 8.12134C17.8688 7.61242 17.4562 7.2 16.9473 7.2C16.4385 7.2 16.026 7.61242 16.026 8.12134C16.026 8.63013 16.4385 9.04267 16.9473 9.04267Z"
fill="#D1D1D6" />
</svg>
</a>
</li>
<li>
<a href="https://twitter.com/" class="social__item">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path class="social__svg"
d="M21 7.65738C20.3306 7.93846 19.6174 8.12476 18.8737 8.21522C19.6387 7.77799 20.2226 7.09092 20.4971 6.26277C19.7839 6.66984 18.9964 6.95738 18.1571 7.11784C17.4799 6.42754 16.5146 6 15.4616 6C13.4186 6 11.7739 7.58738 11.7739 9.53338C11.7739 9.81338 11.7986 10.0826 11.8594 10.3389C8.7915 10.1957 6.07688 8.78815 4.25325 6.644C3.93487 7.17276 3.74812 7.77799 3.74812 8.42953C3.74812 9.65291 4.40625 10.7374 5.38725 11.3652C4.79437 11.3544 4.21275 11.1897 3.72 10.9301C3.72 10.9409 3.72 10.9549 3.72 10.9689C3.72 12.6855 4.99912 14.1114 6.6765 14.4398C6.37613 14.5184 6.04875 14.5561 5.709 14.5561C5.47275 14.5561 5.23425 14.5432 5.01037 14.4958C5.4885 15.8948 6.84526 16.9232 8.4585 16.9566C7.203 17.8968 5.60887 18.4632 3.88312 18.4632C3.5805 18.4632 3.29025 18.4503 3 18.4148C4.63462 19.4238 6.57188 20 8.661 20C15.4515 20 19.164 14.6154 19.164 9.94799C19.164 9.79184 19.1584 9.64107 19.1505 9.49138C19.8829 8.99384 20.4982 8.37245 21 7.65738Z"
fill="#D1D1D6" />
</svg>
</a>
</li>
<li>
<a href="https://www.facebook.com/" class="social__item">
<svg width="30" height="24" viewBox="0 0 30 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path class="social__svg" fill-rule="evenodd" clip-rule="evenodd"
d="M16.683 21V11.999H19.5189L19.8947 8.89714H16.683L16.6878 7.34465C16.6878 6.53565 16.7755 6.10217 18.1017 6.10217H19.8746V3H17.0383C13.6315 3 12.4323 4.50471 12.4323 7.03517V8.89749H10.3087V11.9993H12.4323V21H16.683Z"
fill="#D1D1D6" />
</svg>
</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="header__search-basket">
<a href="" class="header__search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<circle class="social__svg" cx="9.5" cy="9.5" r="7.5" stroke="#D1D1D6"
stroke-width="2" />
<path class="social__svg" d="M15 15L22 22" stroke="#D1D1D6" stroke-width="2"
stroke-linecap="round" />
</svg>
</a>
<a href="" class="header__user">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path class="social__svg" fill-rule="evenodd" clip-rule="evenodd"
d="M12 1C9.23858 1 7 3.23858 7 6C7 8.76142 9.23858 11 12 11C14.7614 11 17 8.76142 17 6C17 3.23858 14.7614 1 12 1ZM12 3C13.6569 3 15 4.34315 15 6C15 7.65685 13.6569 9 12 9C10.3431 9 9 7.65685 9 6C9 4.34315 10.3431 3 12 3ZM21 22C21 17.0294 16.9706 13 12 13C7.02944 13 3 17.0294 3 22C3 22.5523 3.44772 23 4 23C4.55228 23 5 22.5523 5 22C5 18.134 8.13401 15 12 15C15.866 15 19 18.134 19 22C19 22.5523 19.4477 23 20 23C20.5523 23 21 22.5523 21 22Z"
fill="#1B2437" />
</svg>
</a>
<a href="" class="header__basket">
<svg class="header__basket-svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M16.9959 5.2216C16.889 2.33823 14.7166 0 12 0C9.21371 0 7 2.45968 7 5.44444V8H5.11324C4.15956 8 3.36171 8.69484 3.26943 9.60575L2.00869 22.0502C2.0029 22.1074 2 22.1648 2 22.2222C2 23.2041 2.82939 24 3.8525 24H20.1474C20.2072 24 20.267 23.9972 20.3266 23.9917C21.3449 23.8966 22.0902 23.0274 21.9912 22.0502L20.7304 9.60575C20.6382 8.69484 19.8403 8 18.8866 8H17V5.44444L16.9959 5.2216ZM15 8V5.44444C15 3.52001 13.632 2 12 2C10.4243 2 9.09466 3.41699 9.00483 5.24685L9 5.44444V8H15ZM20 22L18.7621 10H5.23792L4 22H20Z"
fill="#1B2437" />
</svg>
</a>
<div class="menu__icon icon-menu">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
</div>
</header>
<main class="page">
<div class="func">
<div class="func__contain _container">
<form action="#" class="func__form form-func">
<div class="form-func__change change">
<div class="change__block">
<div class="change__title func__title">Show</div>
<select name="form[]" class="change">
<option value="1" selected="selected">Popular</option>
<option value="2">Пункт №2</option>
<option value="3">Пункт №3</option>
<option value="4">Пункт №4</option>
</select>
</div>
<div class="change__block">
<div class="change__title func__title">Price</div>
<select name="form[]" class="change">
<option value="1" selected="selected">Any</option>
<option value="2">Пункт №2</option>
<option value="3">Пункт №3</option>
<option value="4">Пункт №4</option>
</select>
</div>
<div class="change__block">
<div class="change__title func__title">Brand</div>
<select name="form[]" class="change">
<option value="1" selected="selected">Any</option>
<option value="2">Пункт №2</option>
<option value="3">Пункт №3</option>
<option value="4">Пункт №4</option>
</select>
</div>
</div>
<div class="form-func__size size">
<div class="size__title func__title">
Size
<span class="size__title_p">Size Guide</span>
</div>
<div class="size__row func__row">
<div class="size__item">
<label class="size__label">
<input type="radio" class="size__radio" name="size">
<span class="size__mask">S</span>
</label>
</div>
<div class="size__item">
<label class="size__label">
<input type="radio" class="size__radio" name="size">
<span class="size__mask">M</span>
</label>
</div>
<div class="size__item">
<label class="size__label">
<input type="radio" class="size__radio" name="size">
<span class="size__mask">XS</span>
</label>
</div>
<div class="size__item size__item_s">
<select name="form[]" class="size__select">
<option value="1" selected="selected">Пункт №1</option>
<option value="2">Пункт №2</option>
<option value="3">Пункт №3</option>
<option value="4">Пункт №4</option>
</select>
</div>
</div>
</div>
<div class="form-func__color color">
<div class="color__title func__title">
Color
</div>
<div class="color__row func__row">
<label class="color__item">
<div class="color__label">
<input type="radio" class="color__radio" name="color">
<span class="color__mask"></span>
</div>
</label>
<label class="color__item">
<div class="color__label">
<input type="radio" class="color__radio" name="color">
<span class="color__mask"></span>
</div>
</label>
<label class="color__item">
<div class="color__label">
<input type="radio" class="color__radio" name="color">
<span class="color__mask"></span>
</div>
</label>
<div class="color__item">
<select name="form[]" class="color__select">
<option value="1" selected="selected"></option>
<option value="2"></option>
<option value="3"></option>
<option value="4"></option>
<option value="1" selected="selected"></option>
<option value="2"></option>
<option value="3"></option>
<option value="4"></option>
<option value="1" selected="selected"></option>
<option value="2"></option>
<option value="3"></option>
<option value="4"></option>
</select>
</div>
</div>
</div>
<div class="func__switch"></div>
</form>
</div>
</div>
<div class="content">
<div class="content__contain _container">
<div class="content__wrap">
<div class="collection__item content__item">
<div class="collection__block content__block">
<div class="content__picture">
<img src="./img/shop-content/one.png" alt="" class="collection__img">
</div>
<div class="collection__title content__title">Women's costume Yves Saint Laurent</div>
<div class="collection__text content__text">Fashion is something we deal with everyday.
Even people
who say t…</div>
<div class="collection__row content__row">
<div class="collection__price">
<span class="collection__valuthe">$</span>1 140
</div>
<a href="" class="collection__btn btn">Shop Now</a>
</div>
</div>
</div>
<div class="collection__item content__item">
<div class="collection__block content__block">
<div class="collection__picture content__picture">
<img src="./img/shop-content/two.png" alt="" class="collection__img">
</div>
<div class="collection__title content__title">Men’s black hat Gucci</div>
<div class="collection__text content__text">FThe fedora hat is reimagined for Pre-Fall
2020 with a maxi embroidered label de...</div>
<div class="collection__row content__row">
<div class="collection__price">
<span class="collection__valuthe">$</span>540
</div>
<a href="" class="collection__btn btn">Shop Now</a>
</div>
</div>
</div>
<div class="collection__item content__item">
<div class="collection__block content__block">
<div class="collection__picture content__picture">
<img src="./img/shop-content/three.png" alt="" class="collection__img">
</div>
<div class="collection__title content__title">Dress Karl Lagerfeld</div>
<div class="collection__text content__text">Another masterpiece from the legendary
designer. He
designed new dress dev…</div>
<div class="collection__row content__row">
<div class="collection__price">
<span class="collection__valuthe">$</span>640
</div>
<a href="" class="collection__btn btn">Shop Now</a>
</div>
</div>
</div>
<div class="collection__item content__item">
<div class="collection__block content__block">
<div class="collection__picture content__picture">
<img src="./img/shop-content/four.png" alt="" class="collection__img">
</div>
<div class="collection__title content__title">Men’s black tie Valentino</div>
<div class="collection__text content__text">Jacquard Valentino tie with Valentino logo
motif.</div>
<div class="collection__row content__row">
<div class="collection__price">
<span class="collection__valuthe">$</span>225
</div>
<a href="" class="collection__btn btn">Shop Now</a>
</div>
</div>
</div>
<div class="collection__item content__item">
<div class="collection__block content__block">
<div class="collection__picture content__picture">
<img src="./img/shop-content/five.png" alt="" class="collection__img">
</div>
<div class="collection__title content__title">Men’s jacket Off- white</div>
<div class="collection__text content__text">Off-White scuffed denim jacket. Faded
effect, baggy cut,
pointed collar, clasp…</div>
<div class="collection__row content__row">
<div class="collection__price">
<span class="collection__valuthe">$</span>215
</div>
<a href="" class="collection__btn btn">Shop Now</a>
</div>
</div>
</div>
<div class="collection__item content__item">
<div class="collection__block content__block">
<div class="collection__picture content__picture">
<img src="./img/shop-content/six.png" alt="" class="collection__img">
</div>
<div class="collection__title content__title">Cotton blouse Dries van noten</div>
<div class="collection__text content__text">FThe fedora hat is reimagined for Pre-Fall
2020 with a maxi embroidered label de...</div>
<div class="collection__row content__row">
<div class="collection__price">
<span class="collection__valuthe">$</span>180
</div>
<a href="" class="collection__btn btn">Shop Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pagination">
<div class="pagination__content _container">
<a href="" class="pagination__arr pagination__arr_prev"></a>
<ul class="pagination__list">
<li><a href="" class="pagination__link">1</a></li>
<li><a href="" class="pagination__link">2</a></li>
<li><a href="" class="pagination__link">3</a></li>
<li><a href="" class="pagination__link pagination__link_active">4</a></li>
<li><a href="" class="pagination__link">5</a></li>
<li><a href="" class="pagination__link">6</a></li>
<li><a href="" class="pagination__link">7</a></li>
<li><a href="" class="pagination__link">8</a></li>
<li><a href="" class="pagination__link">...</a></li>
<li><a href="" class="pagination__link">231</a></li>
</ul>
<ul class="pagination__list pagination__list_m">
<li><a href="" class="pagination__link">1</a></li>
<li><a href="" class="pagination__link">...</a></li>
<li><a href="" class="pagination__link pagination__link_active">4</a></li>
<li><a href="" class="pagination__link">...</a></li>
<li><a href="" class="pagination__link">231</a></li>
</ul>
<a href="" class="pagination__arr pagination__arr_next"></a>
</div>
</div>
</main>
<footer class="footer">
<div class="footer__content">
<div class="footer__middle middle">
<div class="_container">
<div class="middle__row shop-footer__row">
<div class="middle__item-list shop-footer__item-list">
<div class="middle__title">Hot links</div>
<ul class="middle__list">
<li><a href="" class="middle__link">Home</a></li>
<li><a href="./shop.html" class="middle__link">Shop</a></li>
<li><a href="" class="middle__link">Blog</a></li>
<li><a href="" class="middle__link">Contact</a></li>
</ul>
</div>
<div class="middle__item-list shop-footer__item-list">
<div class="middle__title">More info</div>
<ul class="middle__list">
<li><a href="" class="middle__link">How it works</a></li>
<li><a href="" class="middle__link">About us</a></li>
<li><a href="" class="middle__link">Decline rules</a></li>
<li><a href="" class="middle__link">Terms & Conditions</a></li>
</ul>
</div>
<div class="middle__item-list shop-footer__item-list">
<div class="middle__title">Customer care</div>
<ul class="middle__list">
<li><a href="" class="middle__link">FAQ</a></li>
<li><a href="./shop.html" class="middle__link">Terms of use</a></li>
<li><a href="" class="middle__link">Privacy Policy</a></li>
</ul>
</div>
<div class="middle__item-list shop-footer__item-list">
<div class="middle__title">Get newsletter</div>
<ul class="middle__list shop-footer__list">
<li><a href="" class="middle__link">Get updates about style</a></li>
<li>
<form action="#" class="shop-footer__form">
<input type="email" placeholder="Type your email…"
class="shop-footer__input">
<button type="submit" class="form__btn shop-footer__btn"><svg width="24"
height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path class="shop-footer__icon"
d="M21.621 11.603L2.9839 2.07798C2.45756 1.80899 1.86917 2.27793 2.02569 2.84244L4.32682 9.76261C4.39941 10.0245 11.1946 12.0511 11.1946 12.0511C11.1946 12.0511 4.41296 14.0109 4.34616 14.2712L2.22852 21.1432C2.08441 21.705 2.68385 22.1861 3.20393 21.9288L21.6343 12.8075C22.1291 12.5625 22.119 11.8574 21.621 11.603Z"
stroke="white" stroke-width="2" stroke-linejoin="round" />
</svg></button>
</form>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer__bottom bottom">
<div class="_container">
<div class="bottom__row">
<div class="bottom__license">© Clay Shop all rights reserved</div>
<ul class="bottom__social social__list">
<li>
<a href="https://www.instagram.com/" class="social__item">
<svg width="25" height="24" viewBox="0 0 25 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path class="social__svg_f" fill-rule="evenodd" clip-rule="evenodd"
d="M20.8576 8.70406C20.82 7.85391 20.6825 7.26945 20.4856 6.763C20.2824 6.22542 19.9697 5.74412 19.5601 5.34402C19.16 4.93769 18.6754 4.62195 18.144 4.42196C17.6344 4.22502 17.0529 4.08754 16.2027 4.05006C15.346 4.0094 15.074 4 12.9013 4C10.7286 4 10.4566 4.0094 9.60315 4.04688C8.75284 4.08437 8.16827 4.22197 7.66184 4.41878C7.12403 4.62195 6.64265 4.93451 6.24247 5.34402C5.83606 5.74412 5.52038 6.22859 5.32023 6.75994C5.12326 7.26945 4.98575 7.85074 4.94826 8.70088C4.9076 9.55738 4.89819 9.82928 4.89819 12.0016C4.89819 14.1739 4.9076 14.4458 4.94509 15.2991C4.98258 16.1493 5.1202 16.7338 5.31718 17.2402C5.52038 17.7778 5.83606 18.259 6.24247 18.6591C6.64265 19.0655 7.12721 19.3812 7.65867 19.5812C8.16827 19.7782 8.74967 19.9156 9.6001 19.9531C10.4535 19.9907 10.7255 20 12.8983 20C15.071 20 15.3429 19.9907 16.1964 19.9531C17.0468 19.9156 17.6313 19.7782 18.1377 19.5812C19.2132 19.1655 20.0636 18.3154 20.4793 17.2402C20.6762 16.7306 20.8138 16.1493 20.8513 15.2991C20.8888 14.4458 20.8982 14.1739 20.8982 12.0016C20.8982 9.82928 20.895 9.55738 20.8576 8.70406ZM19.4164 15.2366C19.382 16.018 19.2507 16.44 19.1413 16.7213C18.8724 17.4183 18.3191 17.9715 17.6219 18.2404C17.3405 18.3498 16.9155 18.481 16.1369 18.5154C15.2928 18.553 15.0397 18.5622 12.9045 18.5622C10.7692 18.5622 10.5129 18.553 9.67191 18.5154C8.89035 18.481 8.46831 18.3498 8.18695 18.2404C7.84001 18.1122 7.52422 17.909 7.26789 17.6434C7.00216 17.3839 6.79896 17.0713 6.67074 16.7245C6.56131 16.4431 6.43004 16.018 6.39572 15.2398C6.35811 14.3958 6.34883 14.1426 6.34883 12.0078C6.34883 9.87299 6.35811 9.61671 6.39572 8.77597C6.43004 7.99457 6.56131 7.57261 6.67074 7.2913C6.79896 6.94431 7.00216 6.6287 7.27107 6.3723C7.53044 6.10662 7.84307 5.90346 8.19012 5.77538C8.47148 5.66598 8.8967 5.53473 9.67507 5.5003C10.5192 5.46282 10.7724 5.45342 12.9076 5.45342C15.046 5.45342 15.2991 5.46282 16.1401 5.5003C16.9216 5.53473 17.3437 5.66598 17.6251 5.77538C17.972 5.90346 18.2878 6.10662 18.5441 6.3723C18.8099 6.63174 19.0131 6.94431 19.1413 7.2913C19.2507 7.57261 19.382 7.99762 19.4164 8.77597C19.4539 9.61989 19.4633 9.87299 19.4633 12.0078C19.4633 14.1426 19.4539 14.3927 19.4164 15.2366ZM12.8447 8.27744C10.666 8.27744 8.89819 10.0451 8.89819 12.224C8.89819 14.4029 10.666 16.1705 12.8447 16.1705C15.0236 16.1705 16.7912 14.4029 16.7912 12.224C16.7912 10.0451 15.0236 8.27744 12.8447 8.27744ZM12.8447 14.784C11.4312 14.784 10.2847 13.6376 10.2847 12.224C10.2847 10.8104 11.4312 9.66396 12.8447 9.66396C14.2584 9.66396 15.4048 10.8104 15.4048 12.224C15.4048 13.6376 14.2584 14.784 12.8447 14.784ZM16.9473 9.04267C17.4562 9.04267 17.8688 8.63013 17.8688 8.12134C17.8688 7.61242 17.4562 7.2 16.9473 7.2C16.4385 7.2 16.026 7.61242 16.026 8.12134C16.026 8.63013 16.4385 9.04267 16.9473 9.04267Z"
fill="#D1D1D6" />
</svg>
</a>
</li>
<li>
<a href="https://twitter.com/" class="social__item">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path class="social__svg_f"
d="M21 7.65738C20.3306 7.93846 19.6174 8.12476 18.8737 8.21522C19.6387 7.77799 20.2226 7.09092 20.4971 6.26277C19.7839 6.66984 18.9964 6.95738 18.1571 7.11784C17.4799 6.42754 16.5146 6 15.4616 6C13.4186 6 11.7739 7.58738 11.7739 9.53338C11.7739 9.81338 11.7986 10.0826 11.8594 10.3389C8.7915 10.1957 6.07688 8.78815 4.25325 6.644C3.93487 7.17276 3.74812 7.77799 3.74812 8.42953C3.74812 9.65291 4.40625 10.7374 5.38725 11.3652C4.79437 11.3544 4.21275 11.1897 3.72 10.9301C3.72 10.9409 3.72 10.9549 3.72 10.9689C3.72 12.6855 4.99912 14.1114 6.6765 14.4398C6.37613 14.5184 6.04875 14.5561 5.709 14.5561C5.47275 14.5561 5.23425 14.5432 5.01037 14.4958C5.4885 15.8948 6.84526 16.9232 8.4585 16.9566C7.203 17.8968 5.60887 18.4632 3.88312 18.4632C3.5805 18.4632 3.29025 18.4503 3 18.4148C4.63462 19.4238 6.57188 20 8.661 20C15.4515 20 19.164 14.6154 19.164 9.94799C19.164 9.79184 19.1584 9.64107 19.1505 9.49138C19.8829 8.99384 20.4982 8.37245 21 7.65738Z"
fill="#D1D1D6" />
</svg>
</a>
</li>
<li>
<a href="https://www.facebook.com/" class="social__item">
<svg width="30" height="24" viewBox="0 0 30 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path class="social__svg_f" fill-rule="evenodd" clip-rule="evenodd"
d="M16.683 21V11.999H19.5189L19.8947 8.89714H16.683L16.6878 7.34465C16.6878 6.53565 16.7755 6.10217 18.1017 6.10217H19.8746V3H17.0383C13.6315 3 12.4323 4.50471 12.4323 7.03517V8.89749H10.3087V11.9993H12.4323V21H16.683Z"
fill="#D1D1D6" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="js/vendors.min.js"></script>
<script src="js/shop.min.js"></script>
</body>
</html>