-
Notifications
You must be signed in to change notification settings - Fork 0
/
collection-slug.html
505 lines (466 loc) · 35.6 KB
/
collection-slug.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
<!doctype html>
<html lang="en">
<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">
<link rel="icon" href="img/favicon.png"/>
<link rel="stylesheet" href="css/style.css">
<title>Crescents | Yastreb</title>
</head>
<body>
<div id="wrapper" class="collection-slug">
<header id="header" class="header header--absolute header--text-white">
<nav class="menu">
<a class="header__back-ico popup-holder__header-back link--black" data-popup="close" href="index.html">
<i class="icon-back"></i>
</a>
<svg class="menu__cart-mobile-ico cart-ico" viewBox="0 0 19 25" xmlns="http://www.w3.org/2000/svg">
<path d="M6.7373 4.2125C6.7373 2.68681 7.97412 1.45 9.4998 1.45C11.0255 1.45 12.2623 2.68681 12.2623 4.2125V7.5125H6.7373V4.2125Z"/>
<rect x="1.8999" y="7.3625" width="15.2" height="16.275"/>
</svg>
<a href="#" class="opener menu__opener"><span></span></a>
<div class="drop">
<div class="drop-list">
<div class="menu__main">
<ul class="menu-list">
<li class="menu-list--border-bottom"><a href="home.html" class="menu-list--active">Home</a></li>
<li><a href="collections.html">Collections</a></li>
<li><a href="gallery.html">Single objects</a></li>
<li class="menu-list--border-bottom"><a href="media.html">Gallery</a></li>
</ul>
</div>
<div class="menu__secondary">
<ul class="menu-list">
<li class="menu__cart-ico">
<svg class="cart-ico" viewBox="0 0 19 25" xmlns="http://www.w3.org/2000/svg">
<path d="M6.7373 4.2125C6.7373 2.68681 7.97412 1.45 9.4998 1.45C11.0255 1.45 12.2623 2.68681 12.2623 4.2125V7.5125H6.7373V4.2125Z"/>
<rect x="1.8999" y="7.3625" width="15.2" height="16.275"/>
</svg>
</li>
<li><a href="#">Answers</a></li>
<li><a href="#">Lena Yastreb</a></li>
<li><a href="#" data-open-popup="pp_language">Eng <i class="icon-ctrl"></i></a></li>
</ul>
</div>
</div>
</div>
</nav>
<div class="logo logo--with-title">
<strong class="logo__img">
<a href="./">
<svg viewBox="0 0 147 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M129.482 29.4332V0.566793H136.839C139.727 0.566793 141.921 1.16693 143.422 2.36052C144.916 3.54745 145.67 5.28784 145.67 7.55501C145.67 9.20204 145.23 10.5557 144.343 11.6159C143.449 12.6695 142.168 13.3763 140.507 13.7164C142.382 14.2032 143.789 15.07 144.743 16.3103C145.703 17.5439 146.177 19.1309 146.177 21.078C146.177 23.6386 145.356 25.6657 143.709 27.1727C142.068 28.6797 139.827 29.4332 136.992 29.4332H129.482ZM134.992 24.9389C135.072 24.9389 135.178 24.9389 135.332 24.9522C135.485 24.9655 135.592 24.9722 135.652 24.9722C137.199 24.9722 138.38 24.5988 139.214 23.8653C140.047 23.1251 140.467 22.0782 140.467 20.7113C140.467 19.2443 140.054 18.1307 139.227 17.3772C138.4 16.6237 137.179 16.2436 135.572 16.2436H134.992V24.9389ZM134.992 11.9226C135.132 11.9493 135.272 11.9693 135.392 11.9693C135.525 11.976 135.699 11.976 135.912 11.976C137.193 11.976 138.186 11.6626 138.893 11.0425C139.607 10.409 139.961 9.52212 139.961 8.37519C139.961 7.2216 139.587 6.32807 138.847 5.70127C138.106 5.07446 137.059 4.76106 135.678 4.76106C135.612 4.76106 135.492 4.76773 135.332 4.78106C135.178 4.78773 135.065 4.7944 134.985 4.7944V11.9226H134.992ZM109.419 29.4332V0.566793H121.792V5.10113H115.122V12.016H121.792V16.4703H115.122V24.7855H121.792V29.4332H109.419ZM91.2371 12.9229C91.3105 12.9229 91.4172 12.9229 91.564 12.9429C91.7174 12.9562 91.8241 12.9629 91.8975 12.9629C93.3515 12.9629 94.4787 12.6028 95.2791 11.876C96.0795 11.1558 96.4797 10.1423 96.4797 8.84196C96.4797 7.54168 96.0862 6.54812 95.2991 5.88131C94.5054 5.20782 93.3448 4.87442 91.8174 4.87442H91.2371V12.9229ZM85.6478 29.4332V0.566793H92.7445C95.846 0.566793 98.1872 1.24694 99.7746 2.61391C101.362 3.98088 102.149 5.99467 102.149 8.66192C102.149 10.509 101.736 12.056 100.908 13.3096C100.081 14.5699 98.8942 15.4568 97.3668 15.9502L102.689 29.4399H96.7465L91.7841 15.8369H91.2371V29.4399H85.6478V29.4332ZM69.4133 29.4332V5.4012H64.8978V0.566793H79.6583V5.4012H75.1027V29.4332H69.4133ZM44.2546 22.8251L49.3037 21.4981C49.4504 22.705 49.8039 23.6319 50.3575 24.2854C50.9111 24.9522 51.6181 25.2723 52.4652 25.2723C53.2189 25.2723 53.8325 25.0122 54.2994 24.4788C54.7663 23.9453 55.0064 23.2585 55.0064 22.3916C55.0064 21.5781 54.7663 20.8113 54.2861 20.0845C53.8058 19.3576 52.6986 18.2774 50.9711 16.8437C48.5833 14.8566 46.9759 13.1963 46.1355 11.8493C45.2951 10.5023 44.8749 9.05534 44.8749 7.50167C44.8749 5.24116 45.5819 3.4341 46.9892 2.05379C48.3966 0.686819 50.2508 0 52.5386 0C54.733 0 56.5005 0.54012 57.8411 1.61369C59.1684 2.69393 60.0422 4.28095 60.4424 6.38809L55.7735 7.96844C55.6401 6.80151 55.3266 5.92132 54.8463 5.32118C54.3661 4.72105 53.7258 4.42098 52.9388 4.42098C52.1984 4.42098 51.6048 4.66104 51.1512 5.13447C50.691 5.61458 50.4642 6.24805 50.4642 7.0349C50.4642 8.40854 51.7115 10.1089 54.1994 12.1227C54.8063 12.6095 55.2665 12.9829 55.5934 13.2429C57.3876 14.7766 58.6548 16.1969 59.3819 17.4839C60.1155 18.7708 60.4824 20.1978 60.4824 21.7448C60.4824 24.2721 59.742 26.2858 58.268 27.7595C56.7939 29.2398 54.793 29.9867 52.2651 29.9867C50.0507 29.9867 48.2365 29.3599 46.8358 28.0996C45.4352 26.846 44.5814 25.0856 44.2546 22.8251ZM20.5299 29.4332L27.2131 0.566793H33.3694L39.8792 29.4332H33.8763L33.0692 24.7522H27.2131L26.2393 29.4332H20.5299ZM28.0601 20.3645H32.2221L30.8682 11.2625C30.7681 10.529 30.6681 9.60213 30.5747 8.48188C30.4813 7.36164 30.4013 6.11469 30.3412 4.73439H29.9811C29.8543 6.37475 29.7409 7.8084 29.6209 9.03534C29.5142 10.2623 29.4208 11.0425 29.3541 11.3759L28.0601 20.3645ZM6.66987 29.4332V17.6439L0 0.566793H6.21632L8.41738 8.12847C8.76421 9.3154 9.031 10.3756 9.21776 11.3025C9.41119 12.2227 9.55792 13.1696 9.66464 14.1431C9.80471 12.9229 9.97146 11.8026 10.1716 10.7691C10.3716 9.7355 10.6051 8.77528 10.8652 7.90842L13.0863 0.566793H19.1492L12.406 17.8373V29.4332H6.66987Z"/>
</svg>
</a>
</strong>
<h1 class="h1 logo__title">Crescents</h1>
</div>
</header>
<main>
<div class="collection-slug__hero hero" style="background-image: url(img/hero.jpg)"></div>
<div class="clearfix">
<div class="container">
<div class="collection-slug__description">
<p>Fine and experimental jewelry for yourself and not for a special occasion. Handcrafted in Kiev, spotted worldwide. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
<div class="product-list">
<div class="container">
<ul class="product-items">
<li class="product-items__item">
<a href="product.html">
<div class="product-preview product-items__product-preview">
<figure class="product-preview__inner product-text">
<img class="product-preview__img" src="img/product_12.jpg" alt="Product">
<figcaption class="product-preview__horizontal-text product-preview__horizontal-text--text-center">Narrow bracelet "Ether"</figcaption>
</figure>
</div>
</a>
</li>
<li class="product-items__item">
<a href="product.html">
<div class="product-preview product-items__product-preview">
<figure class="product-preview__inner product-text">
<img class="product-preview__img" src="img/product_13.jpg" alt="Product">
<figcaption class="product-preview__horizontal-text product-preview__horizontal-text--text-center">Narrow bracelet "Ether"</figcaption>
</figure>
</div>
</a>
</li>
<li class="product-items__item">
<a href="product.html">
<div class="product-preview product-items__product-preview">
<figure class="product-preview__inner product-text">
<img class="product-preview__img" src="img/product_14.jpg" alt="Product">
<figcaption class="product-preview__horizontal-text product-preview__horizontal-text--text-center">Narrow bracelet "Ether"</figcaption>
</figure>
</div>
</a>
</li>
<li class="product-items__item">
<a href="product.html">
<div class="product-preview product-items__product-preview">
<figure class="product-preview__inner product-text">
<img class="product-preview__img" src="img/product_15.jpg" alt="Product">
<figcaption class="product-preview__horizontal-text product-preview__horizontal-text--text-center">Narrow bracelet "Ether"</figcaption>
</figure>
</div>
</a>
</li>
<li class="product-items__item">
<a href="product.html">
<div class="product-preview product-items__product-preview">
<figure class="product-preview__inner product-text">
<img class="product-preview__img" src="img/product_16.jpg" alt="Product">
<figcaption class="product-preview__horizontal-text product-preview__horizontal-text--text-center">Narrow bracelet "Ether"</figcaption>
</figure>
</div>
</a>
</li>
<li class="product-items__item">
<a href="product.html">
<div class="product-preview product-items__product-preview">
<figure class="product-preview__inner product-text">
<img class="product-preview__img" src="img/product_17.jpg" alt="Product">
<figcaption class="product-preview__horizontal-text product-preview__horizontal-text--text-center">Narrow bracelet "Ether"</figcaption>
</figure>
</div>
</a>
</li>
<li class="product-items__item">
<a href="product.html">
<div class="product-preview product-items__product-preview">
<figure class="product-preview__inner product-text">
<img class="product-preview__img" src="img/product_18.jpg" alt="Product">
<figcaption class="product-preview__horizontal-text product-preview__horizontal-text--text-center">Narrow bracelet "Ether"</figcaption>
</figure>
</div>
</a>
</li>
<li class="product-items__item">
<a href="product.html">
<div class="product-preview product-items__product-preview">
<figure class="product-preview__inner product-text">
<img class="product-preview__img" src="img/product_13.jpg" alt="Product">
<figcaption class="product-preview__horizontal-text product-preview__horizontal-text--text-center">Narrow bracelet "Ether"</figcaption>
</figure>
</div>
</a>
</li>
<li class="product-items__item">
<a href="product.html">
<div class="product-preview product-items__product-preview">
<figure class="product-preview__inner product-text">
<img class="product-preview__img" src="img/product_14.jpg" alt="Product">
<figcaption class="product-preview__horizontal-text product-preview__horizontal-text--text-center">Narrow bracelet "Ether"</figcaption>
</figure>
</div>
</a>
</li>
<li class="product-items__item">
<a href="product.html">
<div class="product-preview product-items__product-preview">
<figure class="product-preview__inner product-text">
<img class="product-preview__img" src="img/product_15.jpg" alt="Product">
<figcaption class="product-preview__horizontal-text product-preview__horizontal-text--text-center">Narrow bracelet "Ether"</figcaption>
</figure>
</div>
</a>
</li>
<li class="product-items__item">
<a href="product.html">
<div class="product-preview product-items__product-preview">
<figure class="product-preview__inner product-text">
<img class="product-preview__img" src="img/product_16.jpg" alt="Product">
<figcaption class="product-preview__horizontal-text product-preview__horizontal-text--text-center">Narrow bracelet "Ether"</figcaption>
</figure>
</div>
</a>
</li>
<li class="product-items__item">
<a href="product.html">
<div class="product-preview product-items__product-preview">
<figure class="product-preview__inner product-text">
<img class="product-preview__img" src="img/product_17.jpg" alt="Product">
<figcaption class="product-preview__horizontal-text product-preview__horizontal-text--text-center">Narrow bracelet "Ether"</figcaption>
</figure>
</div>
</a>
</li>
<li class="product-items__item">
<a href="product.html">
<div class="product-preview product-items__product-preview">
<figure class="product-preview__inner product-text">
<img class="product-preview__img" src="img/product_18.jpg" alt="Product">
<figcaption class="product-preview__horizontal-text product-preview__horizontal-text--text-center">Narrow bracelet "Ether"</figcaption>
</figure>
</div>
</a>
</li>
<li class="product-items__item">
<a href="product.html">
<div class="product-preview product-items__product-preview">
<figure class="product-preview__inner product-text">
<img class="product-preview__img" src="img/product_13.jpg" alt="Product">
<figcaption class="product-preview__horizontal-text product-preview__horizontal-text--text-center">Narrow bracelet "Ether"</figcaption>
</figure>
</div>
</a>
</li>
<li class="product-items__item">
<a href="product.html">
<div class="product-preview product-items__product-preview">
<figure class="product-preview__inner product-text">
<img class="product-preview__img" src="img/product_14.jpg" alt="Product">
<figcaption class="product-preview__horizontal-text product-preview__horizontal-text--text-center">Narrow bracelet "Ether"</figcaption>
</figure>
</div>
</a>
</li>
<li class="product-items__item">
<a href="product.html">
<div class="product-preview product-items__product-preview">
<figure class="product-preview__inner product-text">
<img class="product-preview__img" src="img/product_15.jpg" alt="Product">
<figcaption class="product-preview__horizontal-text product-preview__horizontal-text--text-center">Narrow bracelet "Ether"</figcaption>
</figure>
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="collection-slug__photographer">
<div class="container">
<div class="round-img">
<div class="round-img__bg-img"></div>
<div class="round-img__info">
<p><strong>Natalia Efimova @yefisielle</strong><br>
stylist, photographer, Kiev</p>
</div>
<div class="round-img__text">
<p>Fine and experimental jewelry for yourself and not for a special occasion. Handcrafted in Kiev, spotted worldwide. Lorem ipsum dolor sit amet, consectetur adipiscing</p>
</div>
</div>
<div class="more-link">
<a class="more-link__link more-link__link--explosion" href="collections.html">All collections</a>
</div>
</div>
</div>
</main>
<footer id="footer">
<div class="made">
<img src="img/kiev_logo.svg" alt="Киев">
<div class="made__text">
Handmade in Kiev,<br>
without GMOs and artificial colors
</div>
</div>
<div class="container">
<nav>
<ul class="footer-nav footer-nav-left">
<li><a href="#">Facebook</a></li>
<li><a href="#" class="menu-item-decor">Instagram</a></li>
<li><a href="#">Messanger</a></li>
</ul>
</nav>
<div class="contacts">
<div class="show-map">
<img src="img/marker_map.svg" alt="Маркер на карте">
<span class="show-map__text">Show on the map</span>
</div>
<address>
<a class="link-map" href="https://goo.gl/maps/LA6kUesAxVRnUq699">Kiev, Vozdvizhenka, Kozhemyatskaya 12g,</a>
<br>Osobnyak, 2 floor
<br>work from 13:00 to 19:00,<br>
<a href="tel:
+380689603019">+38 068 960-30-19</a>,
<a href="mailto:[email protected]">[email protected]</a>
</address>
</div>
<nav>
<ul class="footer-nav footer-nav-right">
<li><a href="static-page.html">Warranty and Returns</a></li>
<li><a href="static-page.html">Delivery and payment</a></li>
</ul>
</nav>
<div class="footer-icons">
<div class="footer-icons__logo">
<a href="./">
<svg class="footer__logo" viewBox="0 0 106 22" xmlns="http://www.w3.org/2000/svg">
<path d="M93.8981 21.5844V0.415648H99.2332C101.328 0.415648 102.919 0.855746 104.007 1.73105C105.091 2.60147 105.637 3.87775 105.637 5.54034C105.637 6.74817 105.318 7.74083 104.675 8.51834C104.027 9.29095 103.098 9.80929 101.893 10.0587C103.253 10.4156 104.273 11.0513 104.965 11.9609C105.661 12.8655 106.005 14.0293 106.005 15.4572C106.005 17.335 105.41 18.8215 104.215 19.9266C103.025 21.0318 101.4 21.5844 99.3445 21.5844H93.8981ZM97.8934 18.2885C97.9514 18.2885 98.0288 18.2885 98.1401 18.2983C98.2513 18.3081 98.3287 18.313 98.3723 18.313C99.4944 18.313 100.351 18.0391 100.955 17.5012C101.56 16.9584 101.864 16.1907 101.864 15.1883C101.864 14.1125 101.565 13.2958 100.965 12.7433C100.365 12.1907 99.4799 11.912 98.3142 11.912H97.8934V18.2885ZM97.8934 8.74328C97.995 8.76284 98.0965 8.77751 98.1836 8.77751C98.2804 8.7824 98.4061 8.7824 98.5609 8.7824C99.4896 8.7824 100.21 8.55257 100.723 8.0978C101.241 7.63325 101.497 6.98288 101.497 6.14181C101.497 5.29584 101.226 4.64059 100.689 4.18093C100.152 3.72127 99.3928 3.49144 98.3916 3.49144C98.3432 3.49144 98.2562 3.49633 98.1401 3.50611C98.0288 3.511 97.9466 3.51589 97.8886 3.51589V8.74328H97.8934ZM79.3488 21.5844V0.415648H88.3212V3.74083H83.4844V8.81174H88.3212V12.0782H83.4844V18.176H88.3212V21.5844H79.3488ZM66.1635 9.47677C66.2167 9.47677 66.2941 9.47677 66.4005 9.49144C66.5118 9.50122 66.5892 9.50611 66.6424 9.50611C67.6968 9.50611 68.5143 9.24205 69.0947 8.70905C69.6751 8.18093 69.9653 7.43765 69.9653 6.48411C69.9653 5.53056 69.6799 4.80196 69.1092 4.31296C68.5336 3.81907 67.692 3.57457 66.5844 3.57457H66.1635V9.47677ZM62.1102 21.5844V0.415648H67.2567C69.5058 0.415648 71.2036 0.914425 72.3547 1.91687C73.5059 2.91932 74.0767 4.39609 74.0767 6.35208C74.0767 7.7066 73.7768 8.84107 73.177 9.76039C72.5772 10.6846 71.7163 11.335 70.6086 11.6968L74.4684 21.5892H70.1588L66.5602 11.6137H66.1635V21.5892H62.1102V21.5844ZM50.3373 21.5844V3.96088H47.0627V0.415648H57.7667V3.96088H54.4632V21.5844H50.3373ZM32.0926 16.7384L35.7541 15.7653C35.8605 16.6504 36.1169 17.3301 36.5184 17.8093C36.9198 18.2983 37.4325 18.533 38.0468 18.533C38.5934 18.533 39.0384 18.3423 39.377 17.9511C39.7155 17.5599 39.8897 17.0562 39.8897 16.4205C39.8897 15.824 39.7155 15.2616 39.3673 14.7286C39.019 14.1956 38.2161 13.4034 36.9634 12.3521C35.2318 10.8949 34.0661 9.67726 33.4566 8.68949C32.8472 7.70171 32.5425 6.64059 32.5425 5.50122C32.5425 3.84352 33.0552 2.51834 34.0757 1.50611C35.0963 0.503667 36.441 0 38.1 0C39.6913 0 40.9731 0.396088 41.9453 1.18337C42.9079 1.97555 43.5415 3.13936 43.8317 4.6846L40.4459 5.84352C40.3492 4.98777 40.1218 4.3423 39.7736 3.9022C39.4253 3.4621 38.961 3.24205 38.3902 3.24205C37.8533 3.24205 37.4229 3.41809 37.094 3.76528C36.7602 4.11736 36.5958 4.58191 36.5958 5.15892C36.5958 6.16626 37.5003 7.4132 39.3044 8.88997C39.7446 9.24694 40.0783 9.52078 40.3153 9.71149C41.6164 10.8362 42.5354 11.8777 43.0626 12.8215C43.5947 13.7653 43.8607 14.8117 43.8607 15.9462C43.8607 17.7995 43.3238 19.2763 42.2549 20.357C41.1859 21.4425 39.7349 21.9902 37.9017 21.9902C36.2959 21.9902 34.9802 21.5306 33.9645 20.6064C32.9488 19.687 32.3296 18.3961 32.0926 16.7384ZM14.8879 21.5844L19.7344 0.415648H24.1989L28.9196 21.5844H24.5665L23.9812 18.1516H19.7344L19.0282 21.5844H14.8879ZM20.3487 14.934H23.3669L22.385 8.25917C22.3125 7.72127 22.2399 7.04156 22.1722 6.22005C22.1045 5.39853 22.0465 4.48411 22.0029 3.47188H21.7417C21.6498 4.67482 21.5676 5.72616 21.4805 6.62592C21.4031 7.52567 21.3354 8.0978 21.2871 8.3423L20.3487 14.934ZM4.83687 21.5844V12.9389L0 0.415648H4.50796L6.10413 5.96088C6.35565 6.8313 6.54912 7.6088 6.68455 8.28851C6.82482 8.96332 6.93123 9.6577 7.00862 10.3716C7.1102 9.47677 7.23112 8.65526 7.37623 7.89731C7.52133 7.13936 7.69062 6.43521 7.87926 5.79951L9.48994 0.415648H13.8867L8.99658 13.0807V21.5844H4.83687Z"/>
</svg>
</a>
</div>
<div class="payment-icons">
<svg width="42" height="34" viewBox="0 0 42 34" xmlns="http://www.w3.org/2000/svg">
<path d="M7.59257 33.1974V31.0409C7.59257 30.2144 7.09285 29.6729 6.27257 29.6729C5.83885 29.6729 5.37685 29.8154 5.05628 30.2809C4.80171 29.8819 4.45285 29.6729 3.91542 29.6729C3.50999 29.6539 3.12342 29.8439 2.87828 30.1764V29.7394H2.19942V33.1974H2.87828V31.2214C2.87828 30.6134 3.23657 30.3189 3.73628 30.3189C4.23599 30.3189 4.51885 30.6419 4.51885 31.2214V33.2069H5.19771V31.2214C5.19771 30.6134 5.556 30.3189 6.05571 30.3189C6.55542 30.3189 6.83828 30.6419 6.83828 31.2214V33.2069L7.59257 33.1974ZM18.7371 29.7774H17.4831V28.7324H16.8043V29.7774H16.0971V30.3854H16.8137V32.0099C16.8137 32.7984 17.0966 33.2734 17.9546 33.2734C18.2751 33.2639 18.5957 33.1784 18.8786 33.0169L18.6617 32.4089C18.4731 32.5324 18.2469 32.5894 18.0206 32.5894C17.6623 32.5894 17.4831 32.3709 17.4831 32.0099V30.3569H18.7371V29.7774ZM25.1014 29.6729C24.7243 29.6634 24.3754 29.8534 24.168 30.1764V29.7394H23.4892V33.1974H24.168V31.2594C24.168 30.6799 24.4509 30.3189 24.9223 30.3189C25.0826 30.3284 25.2334 30.3474 25.3843 30.3949L25.6012 29.7489C25.4409 29.7014 25.2712 29.6824 25.1014 29.6729ZM15.4843 30.0339C15.126 29.7774 14.6263 29.6729 14.0889 29.6729C13.2309 29.6729 12.6934 30.0719 12.6934 30.7559C12.6934 31.3354 13.0894 31.6584 13.8343 31.7629L14.1926 31.8009C14.5886 31.8769 14.8337 32.0194 14.8337 32.1999C14.8337 32.4564 14.5509 32.6369 14.0134 32.6369C13.608 32.6464 13.2026 32.5229 12.8726 32.2759L12.5143 32.8174C13.014 33.1784 13.6269 33.2544 13.9851 33.2544C14.9846 33.2544 15.522 32.7889 15.522 32.1334C15.522 31.5254 15.0883 31.2309 14.3434 31.1264L13.9851 31.0884C13.6646 31.0504 13.3817 30.9459 13.3817 30.7274C13.3817 30.4709 13.6646 30.2904 14.0606 30.2904C14.4943 30.2904 14.9186 30.4709 15.1354 30.5754L15.4843 30.0339ZM25.8557 31.4684C25.8557 32.5134 26.5346 33.2734 27.6472 33.2734C28.1469 33.2734 28.5052 33.1689 28.8634 32.8744L28.5052 32.3329C28.2506 32.5419 27.9394 32.6559 27.6094 32.6559C27.006 32.6559 26.5346 32.1904 26.5346 31.5064C26.5346 30.8224 26.9966 30.3569 27.6094 30.3569C27.9394 30.3569 28.2506 30.4709 28.5052 30.6799L28.8634 30.1384C28.5052 29.8534 28.1469 29.7394 27.6472 29.7394C26.5629 29.6729 25.8557 30.4329 25.8557 31.4684ZM21.066 29.6729C20.0666 29.6729 19.3877 30.3949 19.3877 31.4779C19.3877 32.5609 20.1043 33.2829 21.1414 33.2829C21.6412 33.2924 22.1409 33.1309 22.5369 32.8174L22.1786 32.3139C21.8957 32.5419 21.5374 32.6654 21.1791 32.6749C20.7171 32.6749 20.2174 32.3899 20.142 31.7724H22.6783V31.4874C22.6689 30.3949 22.0277 29.6729 21.066 29.6729ZM21.0283 30.3189C21.528 30.3189 21.8863 30.6419 21.924 31.1834H20.0666C20.1703 30.6799 20.4909 30.3189 21.0283 30.3189ZM11.7694 31.4684V29.7394H11.0906V30.1764C10.836 29.8534 10.4871 29.6729 9.978 29.6729C9.01628 29.6729 8.29971 30.4329 8.29971 31.4779C8.29971 32.5229 9.01628 33.2829 9.978 33.2829C10.4777 33.2829 10.836 33.1024 11.0906 32.7794V33.2164H11.7694V31.4684ZM9.01628 31.4684C9.01628 30.8224 9.41228 30.3189 10.0911 30.3189C10.7323 30.3189 11.1283 30.8224 11.1283 31.4684C11.1283 32.1524 10.6946 32.6179 10.0911 32.6179C9.41228 32.6559 9.01628 32.1239 9.01628 31.4684ZM35.4352 29.6729C35.058 29.6634 34.7092 29.8534 34.5017 30.1764V29.7394H33.8229V33.1974H34.5017V31.2594C34.5017 30.6799 34.7846 30.3189 35.256 30.3189C35.4163 30.3284 35.5672 30.3474 35.718 30.3949L35.9349 29.7489C35.7652 29.7014 35.5954 29.6824 35.4352 29.6729ZM32.7857 31.4684V29.7394H32.1069V30.1764C31.8523 29.8534 31.5034 29.6729 30.9943 29.6729C30.0326 29.6729 29.316 30.4329 29.316 31.4779C29.316 32.5229 30.0326 33.2829 30.9943 33.2829C31.494 33.2829 31.8523 33.1024 32.1069 32.7794V33.2164H32.7857V31.4684ZM30.0326 31.4684C30.0326 30.8224 30.4286 30.3189 31.1074 30.3189C31.7486 30.3189 32.1446 30.8224 32.1446 31.4684C32.1446 32.1524 31.7109 32.6179 31.1074 32.6179C30.4286 32.6559 30.0326 32.1239 30.0326 31.4684ZM39.6875 31.4684V28.3714H39.0086V30.1764C38.754 29.8534 38.4052 29.6729 37.896 29.6729C36.9343 29.6729 36.2177 30.4329 36.2177 31.4779C36.2177 32.5229 36.9343 33.2829 37.896 33.2829C38.3957 33.2829 38.754 33.1024 39.0086 32.7794V33.2164H39.6875V31.4684ZM36.9343 31.4684C36.9343 30.8224 37.3303 30.3189 38.0092 30.3189C38.6503 30.3189 39.0463 30.8224 39.0463 31.4684C39.0463 32.1524 38.6126 32.6179 38.0092 32.6179C37.3303 32.6654 36.9343 32.1239 36.9343 31.4684ZM37.5094 4.54541C33.0686 0.0709102 26.0632 -0.50859 20.9529 3.15841C17.0306 0.34641 11.8826 -0.0240899 7.602 2.19891C3.32142 4.42191 0.634277 8.86791 0.634277 13.7224C0.634277 18.5769 3.32142 23.0229 7.602 25.2459C11.8826 27.4689 17.0306 27.0984 20.9529 24.2864C24.8752 27.0984 30.0232 27.4689 34.3037 25.2459C38.5843 23.0229 41.2715 18.5769 41.2715 13.7224C41.2809 10.2739 39.9232 6.97741 37.5094 4.54541ZM20.9529 22.2249C16.2951 18.0639 15.8614 10.8914 19.9911 6.18891C20.2929 5.84691 20.6134 5.52391 20.9529 5.21991C25.6106 9.38091 26.0443 16.5629 21.9052 21.2559C21.6129 21.5979 21.2923 21.9209 20.9529 22.2249ZM13.5043 25.0559C7.29085 25.0559 2.25599 19.9829 2.25599 13.7224C2.25599 7.46191 7.29085 2.38891 13.5043 2.38891C15.6823 2.37941 17.8131 3.02541 19.6329 4.23191C14.4283 9.12441 14.1454 17.3419 19.0011 22.5859C19.1991 22.8044 19.416 23.0134 19.6329 23.2224C17.8131 24.4194 15.6823 25.0654 13.5043 25.0559ZM28.4014 25.0559C26.2234 25.0654 24.0926 24.4194 22.2729 23.2224C27.4774 18.3204 27.7509 10.1029 22.8952 4.85891C22.6972 4.64041 22.4897 4.44091 22.2729 4.23191C24.0926 3.02541 26.2234 2.37941 28.4014 2.38891C34.6149 2.38891 39.6497 7.46191 39.6497 13.7224C39.6592 19.9829 34.6243 25.0559 28.4014 25.0559Z"/>
</svg>
<svg width="66" height="38" viewBox="0 0 66 38" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5">
<path d="M24.2691 27.9964L27.2768 10.2409H32.076L29.0682 27.9964H24.2691ZM46.4168 10.6209C45.4645 10.2694 43.9748 9.87988 42.1174 9.87988C37.3748 9.87988 34.0277 12.2834 33.9994 15.7414C33.9711 18.2969 36.3848 19.7124 38.2045 20.5674C40.0714 21.4414 40.7031 21.9924 40.6937 22.7714C40.6842 23.9589 39.204 24.5004 37.818 24.5004C35.8945 24.5004 34.8762 24.2344 33.3017 23.5694L32.6794 23.2844L32.01 27.2554C33.132 27.7494 35.2062 28.1769 37.356 28.2054C42.4002 28.2054 45.6814 25.8209 45.7191 22.1444C45.738 20.1209 44.4557 18.5914 41.6837 17.3184C40.0054 16.5014 38.9777 15.9504 38.9871 15.1144C38.9871 14.3734 39.8545 13.5849 41.7402 13.5849C43.3148 13.5564 44.4462 13.9079 45.3325 14.2689L45.7662 14.4779L46.4168 10.6209ZM58.7777 10.2409H55.0628C53.9125 10.2409 53.0545 10.5544 52.5454 11.7134L45.4174 27.9774H50.4617C50.4617 27.9774 51.282 25.7924 51.4705 25.3079C52.0174 25.3079 56.9202 25.3174 57.618 25.3174C57.7594 25.9349 58.2025 27.9774 58.2025 27.9774H62.6622L58.7777 10.2409ZM52.8942 21.7074C53.2902 20.6814 54.8082 16.7484 54.8082 16.7484C54.78 16.7959 55.2042 15.7224 55.4494 15.0574L55.77 16.5869C55.77 16.5869 56.694 20.8239 56.8825 21.7169L52.8942 21.7074ZM20.196 10.2409L15.4911 22.3439L14.9914 19.8834C14.1145 17.0524 11.3897 13.9839 8.34424 12.4449L12.6437 27.9679L17.7257 27.9584L25.278 10.2409H20.196Z"/>
<path d="M11.1067 10.241H3.3658L3.2998 10.6115C9.32466 12.084 13.3129 15.6275 14.9629 19.9025L13.2752 11.742C12.9924 10.621 12.1438 10.279 11.1067 10.241Z"/>
</g>
</svg>
</div>
</div>
<span class="copyright">© <a href="#">Yastreb</a> Jewelry, 2020</span>
</div>
</footer>
<div class="popup-holder language" id="pp_language">
<div class="popup-small language__popup popup-holder__content">
<ul class="language__list">
<li><a href="#">Українська</a></li>
<li><a href="#">Русский</a></li>
<li><a href="#">English</a></li>
</ul>
</div>
</div>
<div id="cart" class="cart">
<div class="cart-panel">
<div class="cart-panel__header">
<a class="cart-panel__ico" href="#">
<i class="icon-Close cart-panel__close"></i>
<i class=" icon-back cart-panel__arrow"></i>
</a>
</div>
<ul class="cart-panel__product-list">
<li>
<div class="product-cart">
<img class="product-cart__img" src="img/product_14.jpg" alt="Product in the cart">
<div>
<span class="product-cart__title">Mono Earring "Eternity" blue"</span>
<span class="product-cart__price">2800 UAH</span>
</div>
<a class="product-cart__delete" href="#"><i class="icon-Close"></i></a>
</div>
</li>
<li>
<div class="product-cart">
<img class="product-cart__img" src="img/product_23.jpg" alt="Product in the cart">
<div>
<span class="product-cart__title">Earrings "Mirror</span>
<span class="product-cart__price">On order</span>
</div>
<a class="product-cart__delete" href="#"><i class="icon-Close"></i></a>
</div>
</li>
</ul>
<span class="cart-panel__total-sum">Total, including delivery: 2800 UAH</span>
<div class="cart-panel__form-cart">
<form action="/" class="nice-form">
<fieldset>
<legend>Contact information</legend>
<label>Name
<input type="text" name="name">
</label>
<label>Phone
<input class="input--error" type="text" name="phone">
</label>
<label>E-mail (not necessary)
<input type="email" name="email">
</label>
<label>Comments to the order: sizes, urgency, wishes
<textarea name="message" cols="20" rows="5"></textarea>
</label>
</fieldset>
<fieldset>
<legend>Payment method</legend>
<label>
<input type="radio" name="pay" checked>
<span class="fake-input"></span>
<span class="fake-label">Pay by Visa / Mastercard online</span>
</label>
<label>
<input type="radio" name="pay">
<span class="fake-input"></span>
<span class="fake-label">Pay upon receipt</span>
</label>
<label>
<input type="radio" name="pay">
<span class="fake-input"></span>
<span class="fake-label">Transfer to card</span>
</label>
</fieldset>
<fieldset>
<legend>How i want to receive my order</legend>
<label>
<input type="radio" name="delivery" checked>
<span class="fake-input"></span>
<span class="fake-label">Pick up personally</span>
</label>
<label>
<input type="radio" name="delivery">
<span class="fake-input"></span>
<span class="fake-label">Deliver by "Nova Poshta"</span>
</label>
</fieldset>
<button type="button" class="btn">Delivery and payment</button>
<a href="#">Just send a request</a>
</form>
</div>
<div class="cart-panel__info cart-panel__info--text-error">
<p>We need to know how to contact you, please leave your phone number or e-mail</p>
</div>
<div class="cart-panel__info">
<p> We send my jewelry by New Mail, send it by courier in Kiev or personally in the showroom. After placing your order, we will contact you within 24 hours to clarify the details. </p>
<p> You can pay with Visa \ Mastercard online, upon receipt or transfer to a card </p>
</div>
<div class="cart-panel__info cart-panel__info--text-green">
<span class="cart-panel__info-title">Order with customization</span>
<p>We will contact you to clarify the desired changes, cost and timing</p>
</div>
<div class="cart-panel__info cart-panel__info--thanks">
<span class="cart-panel__info-title">Thanks!</span>
<p>We will contact you as soon as possible, and the order was assigned the code 2342</p>
</div>
<div class="cart-panel__instagram cart-panel-instagram">
<a href="#" class="cart-panel-instagram__ico link--black">
<i class="icon-instagram"></i>
</a>
<div class="cart-panel-instagram__text">
<p>While my guys are processing your order, check out my Instagram for beautiful pictures and new ideas</p>
</div>
<div class="cart-panel-instagram__photos">
<div class="cart-panel-slick-slider">
<div>
<div class="cart-panel-instagram__photo">
<img src="img/cart-inst_1.jpg" alt="cart-img">
</div>
</div>
<div>
<div class="cart-panel-instagram__photo">
<img src="img/cart-inst_2.jpg" alt="cart-img">
</div>
</div>
<div>
<div class="cart-panel-instagram__photo">
<img src="img/cart-inst_3.jpg" alt="cart-img">
</div>
</div>
<div>
<div class="cart-panel-instagram__photo">
<img src="img/cart-inst_4.jpg" alt="cart-img">
</div>
</div>
<div>
<div class="cart-panel-instagram__photo">
<img src="img/cart-inst_5.jpg" alt="cart-img">
</div>
</div>
<div>
<div class="cart-panel-instagram__photo">
<img src="img/cart-inst_4.jpg" alt="cart-img">
</div>
</div>
</div>
</div>
</div>
<span class="cart-panel__text-close link cart-panel__close">Close</span>
</div>
</div>
</div> <!-- end wrapper -->
<script src="js/main.js"></script>
</body>
</html>