-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (100 loc) · 16.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Clothery"/>
<meta property="og:description" content="Магазин одежды"/>
<meta property="vk:image" content="https://d2j6dbq0eux0bg.cloudfront.net/default-store/rimini_romper_160px.jpg"/>
<meta property="ig:image" content="https://d2j6dbq0eux0bg.cloudfront.net/default-store/rimini_romper_160px.jpg"/>
<meta property="og:image" content="https://d2j6dbq0eux0bg.cloudfront.net/default-store/rimini_romper_160px.jpg"/>
<title>Clothery</title>
<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
<script src="https://unpkg.com/vue-router@4"></script>
<script src="https://unpkg.com/[email protected]/lodash.js"></script>
<!-- <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"/>-->
<link rel="stylesheet" href="./styles.css">
<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=Noto+Sans:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<div id="app" v-cloak>
<header class="header">
<router-link to="/" class="header-menu-word brand-logo">
<span id="brand-L">Clot</span>
<span id="brand-R">hery</span>
</router-link>
<nav class="header-nav">
<router-link to="/collections" class="nav-item not-for-mobs collections">Коллекции</router-link>
<router-link to="/about" class="nav-item not-for-mobs about">О нас</router-link>
<router-link to="/contacts" class="nav-item not-for-mobs contacts">Контакты</router-link>
<router-link to="/collections" class="router-svg-box for-mobs collections">
<svg class="nav-icon for-mobs" width="96" height="96" viewBox="0 0 96 96" fill="black" xmlns="http://www.w3.org/2000/svg">
<path d="M95.5435 41.103C95.1045 40.3599 94.3876 39.822 93.5521 39.6071C90.7329 38.883 87.8639 38.2211 84.9911 37.6289V31.2206C84.9911 29.4234 83.5343 27.967 81.7371 27.967H70.5486C68.7515 27.967 67.2947 29.4238 67.2947 31.2206V34.8776C61.9643 34.3132 56.6117 33.9819 51.2554 33.8869V28.5113C57.6583 27.0325 62.4443 21.2852 62.4443 14.4412C62.444 6.47846 55.9652 0 48.0009 0C40.0365 0 33.5577 6.47846 33.5577 14.4412C33.5577 16.2383 35.0145 17.6951 36.8117 17.6951C38.6088 17.6951 40.0656 16.238 40.0656 14.4412C40.0656 10.0673 43.6253 6.50852 48.0005 6.50852C52.3758 6.50852 55.9355 10.0673 55.9355 14.4412C55.9355 18.8148 52.3758 22.3732 48.0005 22.3732C46.2034 22.3732 44.7466 23.83 44.7466 25.6271V33.8869C39.3901 33.9819 34.0374 34.3132 28.7067 34.8776V31.2206C28.7067 29.4234 27.2496 27.967 25.4528 27.967H14.2649C12.4678 27.967 11.011 29.4238 11.011 31.2206V37.6289C8.1378 38.2211 5.26883 38.883 2.44996 39.6071C1.61442 39.822 0.897497 40.3599 0.45823 41.103C0.0196101 41.8461 -0.107095 42.733 0.108175 43.5692L2.89084 54.4022C3.26805 55.8709 4.59038 56.8477 6.04005 56.8471C6.30769 56.8471 6.58017 56.8141 6.85168 56.7443C8.21635 56.3942 9.60655 56.0581 11.011 55.7374V92.7461C11.011 94.5429 12.4678 96 14.2649 96H81.7368C83.534 96 84.9907 94.5429 84.9907 92.7461V55.7371C86.3952 56.0577 87.7854 56.3939 89.1494 56.744C89.4212 56.8138 89.6934 56.8467 89.9613 56.8467C91.411 56.8467 92.7334 55.8709 93.1106 54.4019L95.8935 43.5689C96.1091 42.733 95.9824 41.8461 95.5435 41.103ZM65.9756 41.2846C64.5013 43.5689 61.9355 45.0855 59.0197 45.0855H36.9807C34.0649 45.0855 31.4994 43.5692 30.0249 41.2846C41.9723 40.0628 54.0294 40.0628 65.9756 41.2846ZM8.39283 49.6627L7.22889 45.1307C8.48463 44.833 9.74619 44.5486 11.011 44.278V49.066C10.1331 49.2593 9.26005 49.4581 8.39283 49.6627ZM78.4829 89.4918H17.5188V34.4745H22.1989V36.8134C22.1989 44.9633 28.8302 51.5933 36.9811 51.5933H59.02C67.1712 51.5933 73.8022 44.9633 73.8022 36.8134V34.4745H78.4826V89.4918H78.4829ZM87.6086 49.6627C86.7417 49.4578 85.8686 49.2593 84.9907 49.0663V44.278C86.2555 44.5486 87.5171 44.833 88.7728 45.1307L87.6086 49.6627Z"/>
</svg>
</router-link>
<router-link to="/about" class="router-svg-box for-mobs about">
<svg class="nav-icon for-mobs" width="96" height="96" viewBox="0 0 96 96" fill="black"
xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1:22)">
<path d="M48 96C35.7747 95.9918 24.0131 91.3191 15.1153 82.9353C6.21747 74.5516 0.853909 63.0886 0.119029 50.8853C-0.61585 38.6821 3.33334 26.6583 11.1608 17.2674C18.9882 7.87639 30.104 1.82602 42.24 0.350771C49.6211 -0.563507 57.1138 0.264794 64.1169 2.76923C64.5739 2.93288 64.9942 3.18494 65.3538 3.51101C65.7134 3.83709 66.0052 4.2308 66.2127 4.66966C66.4201 5.10853 66.5391 5.58395 66.5628 6.06879C66.5865 6.55363 66.5144 7.03839 66.3508 7.49539C66.1871 7.95239 65.9351 8.37268 65.609 8.73227C65.2829 9.09185 64.8892 9.3837 64.4504 9.59113C64.0115 9.79856 63.5361 9.91752 63.0512 9.94122C62.5664 9.96491 62.0816 9.89288 61.6246 9.72923C52.5526 6.50139 42.6289 6.6017 33.624 10.0123C24.6191 13.4228 17.1189 19.9218 12.4614 28.3496C7.80394 36.7774 6.29225 46.5858 8.19604 56.0248C10.0998 65.4639 15.2953 73.9195 22.8554 79.8831C29.1824 84.844 36.8394 87.8156 44.8565 88.4213C52.8736 89.027 60.8902 87.2397 67.8907 83.2857C74.8913 79.3318 80.5608 73.389 84.1812 66.2103C87.8015 59.0315 89.2098 50.9398 88.2277 42.96C88.1695 42.4751 88.2074 41.9835 88.3392 41.5133C88.471 41.0431 88.6941 40.6034 88.9959 40.2194C89.2976 39.8354 89.672 39.5145 90.0977 39.2752C90.5234 39.0359 90.9921 38.8828 91.4769 38.8246C91.9618 38.7664 92.4534 38.8043 92.9237 38.9361C93.3939 39.0679 93.8336 39.291 94.2176 39.5928C94.6016 39.8945 94.9224 40.2689 95.1617 40.6946C95.401 41.1203 95.5541 41.589 95.6123 42.0738C96.4521 48.8238 95.8477 55.6752 93.8391 62.1739C91.8305 68.6727 88.4637 74.6703 83.9617 79.7692C79.4597 84.8682 73.9254 88.9522 67.7256 91.7504C61.5258 94.5486 54.802 95.9971 48 96V96Z"/>
<path d="M48 80.9723C47.0207 80.9723 46.0816 80.5833 45.3891 79.8909C44.6967 79.1984 44.3077 78.2593 44.3077 77.28V41.8338C44.3077 40.8546 44.6967 39.9154 45.3891 39.223C46.0816 38.5306 47.0207 38.1415 48 38.1415C48.9793 38.1415 49.9184 38.5306 50.6109 39.223C51.3033 39.9154 51.6923 40.8546 51.6923 41.8338V77.28C51.6923 78.2593 51.3033 79.1984 50.6109 79.8909C49.9184 80.5833 48.9793 80.9723 48 80.9723Z"/>
<path d="M48 33.7477C50.6204 33.7477 52.7446 31.6234 52.7446 29.0031C52.7446 26.3827 50.6204 24.2585 48 24.2585C45.3796 24.2585 43.2554 26.3827 43.2554 29.0031C43.2554 31.6234 45.3796 33.7477 48 33.7477Z"/>
</g>
<defs>
<clipPath id="clip0_1:22">
<rect width="96" height="96" fill="white"/>
</clipPath>
</defs>
</svg>
</router-link>
<router-link to="/contacts" class="router-svg-box for-mobs contacts">
<svg class="nav-icon for-mobs" width="96" height="96" viewBox="0 0 96 96"
fill="black" xmlns="http://www.w3.org/2000/svg">
<path d="M96 2.74706C96 2.72734 96 2.70762 96 2.66818C96 2.60902 95.9803 2.56958 95.9803 2.51043C95.9803 2.47099 95.9803 2.43155 95.9606 2.39211C95.9606 2.35267 95.9409 2.31323 95.9409 2.29351C95.9212 2.25407 95.9212 2.19492 95.9015 2.15548C95.9015 2.13576 95.8817 2.11604 95.8817 2.0766C95.862 2.01744 95.8423 1.95828 95.8226 1.89913C95.8226 1.87941 95.8029 1.87941 95.8029 1.85969C95.7832 1.80053 95.7438 1.72165 95.7044 1.66249C95.7044 1.64277 95.6847 1.62305 95.6847 1.62305C95.6452 1.5639 95.6255 1.50474 95.5861 1.44558C95.4482 1.24839 95.2905 1.07091 95.1131 0.913157C94.3839 0.084943 93.1817 -0.250286 92.0977 0.203259L1.65551 37.5912C1.6358 37.6109 1.59639 37.6109 1.57668 37.6306C1.51755 37.6504 1.47814 37.6701 1.41901 37.7095C1.37959 37.7292 1.34018 37.749 1.30076 37.7687C1.26134 37.7884 1.22193 37.8081 1.18251 37.8476C1.14309 37.8673 1.10367 37.9067 1.06426 37.9264C1.02484 37.9461 1.00513 37.9659 0.965715 38.0053C0.926299 38.025 0.90659 38.0645 0.867173 38.1039C0.827756 38.1236 0.808048 38.1631 0.768631 38.1828C0.729214 38.2222 0.709505 38.2419 0.670088 38.2814C0.65038 38.3208 0.610963 38.3405 0.591254 38.38C0.571546 38.4194 0.532129 38.4589 0.51242 38.4786C0.492712 38.518 0.453295 38.5377 0.433587 38.5772C0.413878 38.6166 0.374461 38.656 0.354753 38.6955C0.335044 38.7349 0.315336 38.7546 0.295627 38.7941C0.25621 38.8532 0.236502 38.9124 0.216793 38.9716C0.216793 38.9913 0.197085 39.011 0.177376 39.0307C0.137959 39.1096 0.118251 39.1885 0.0985424 39.2673C0.0985424 39.2673 0.0985424 39.2673 0.0985424 39.2871C0.0788339 39.3659 0.0591254 39.4448 0.039417 39.5434C0.039417 39.5829 0.0197085 39.6223 0.0197085 39.6617C0.0197085 39.7012 0 39.7603 0 39.7998C0 39.8392 0 39.8786 0 39.9181C0 39.9575 0 40.0167 0 40.0561C0 40.0956 0 40.135 0 40.1744C0 40.2139 0 40.273 0 40.3125C0 40.3519 0.0197085 40.3914 0.0197085 40.4111C0.0197085 40.4702 0.039417 40.5097 0.039417 40.5688C0.0591254 40.628 0.0591254 40.6871 0.0788339 40.7463C0.0985424 40.7857 0.0985424 40.8252 0.118251 40.8646C0.137959 40.9238 0.157668 41.0027 0.197085 41.0618C0.216793 41.1407 0.25621 41.1998 0.295627 41.259C0.295627 41.2787 0.315336 41.2984 0.315336 41.2984C0.335044 41.3576 0.374461 41.397 0.413878 41.4562C0.433587 41.4759 0.433587 41.4956 0.453295 41.5154C0.492712 41.5745 0.51242 41.614 0.551837 41.6534C0.571546 41.6731 0.571546 41.6928 0.591254 41.6928C0.65038 41.752 0.689797 41.8111 0.748922 41.8703C0.808048 41.9295 0.867173 41.9689 0.926298 42.0281C0.946007 42.0478 0.965715 42.0675 0.985424 42.0675C1.02484 42.1069 1.08397 42.1464 1.12338 42.1661C1.14309 42.1858 1.1628 42.1858 1.18251 42.2055C1.24163 42.245 1.32047 42.2844 1.37959 42.3239C1.3993 42.3239 1.3993 42.3436 1.41901 42.3436C1.47814 42.383 1.53726 42.4027 1.6161 42.4422C1.6358 42.4422 1.6358 42.4619 1.65551 42.4619L38.1162 57.9219L53.5676 94.4027C53.5874 94.4816 53.6268 94.5408 53.6662 94.5999C53.6662 94.6196 53.6859 94.6394 53.6859 94.6394C53.7253 94.6985 53.745 94.738 53.7844 94.7971C53.8041 94.8168 53.8041 94.8366 53.8239 94.8563C53.8633 94.9154 53.9027 94.9549 53.9224 94.9943C53.9421 95.014 53.9421 95.0338 53.9618 95.0338C54.0209 95.0929 54.0604 95.1521 54.1195 95.2112L54.1392 95.2309C54.1983 95.2704 54.2377 95.3295 54.2969 95.369C54.3166 95.3887 54.3363 95.4084 54.356 95.4084C54.3954 95.4479 54.4545 95.4873 54.4939 95.507C54.5137 95.5267 54.5334 95.5267 54.5531 95.5465C54.6122 95.5859 54.691 95.6253 54.7502 95.6648C54.7699 95.6648 54.7896 95.6845 54.7896 95.6845C54.8487 95.7239 54.9078 95.7437 54.9669 95.7634C54.9867 95.7634 54.9867 95.7831 55.0064 95.7831C55.0064 95.7831 55.0261 95.7831 55.0261 95.8028C55.0852 95.8225 55.164 95.862 55.2232 95.8817H55.2429C55.3217 95.9014 55.3808 95.9211 55.4597 95.9408C55.4794 95.9408 55.5188 95.9408 55.5385 95.9606C55.5976 95.9606 55.637 95.9803 55.6962 95.9803C55.7159 95.9803 55.7553 95.9803 55.775 95.9803C55.8538 95.9803 55.913 96 55.9918 96C56.0706 96 56.1495 96 56.2086 95.9803C56.2283 95.9803 56.2677 95.9803 56.2874 95.9803C56.3465 95.9803 56.4057 95.9606 56.4451 95.9606C56.4648 95.9606 56.5042 95.9606 56.5239 95.9408C56.6027 95.9211 56.6816 95.9014 56.7407 95.8817C56.7604 95.8817 56.7604 95.8817 56.7801 95.862C56.8393 95.8422 56.9181 95.8225 56.9772 95.7831C56.9969 95.7831 56.9969 95.7831 57.0166 95.7634C57.0363 95.7634 57.0363 95.7436 57.056 95.7436C57.1152 95.7239 57.1743 95.6845 57.2334 95.6451C57.2531 95.6451 57.2531 95.6253 57.2728 95.6253C57.332 95.5859 57.4108 95.5465 57.4699 95.507C57.4896 95.4873 57.5093 95.4873 57.529 95.4676C57.5685 95.4281 57.6276 95.4084 57.667 95.369C57.6867 95.3493 57.7064 95.3295 57.7261 95.3295C57.7853 95.2704 57.8444 95.2309 57.8838 95.1718C57.9429 95.1126 57.9823 95.0535 58.0415 94.9943C58.0612 94.9746 58.0612 94.9549 58.0809 94.9352C58.1203 94.8957 58.1597 94.8366 58.1794 94.7971C58.1991 94.7774 58.1991 94.7577 58.2188 94.738C58.2583 94.6788 58.278 94.6394 58.3174 94.5802C58.3174 94.5605 58.3371 94.5408 58.3371 94.5408C58.3765 94.4816 58.3962 94.4027 58.4356 94.3436L95.8029 3.94994C95.862 3.79219 95.9212 3.61471 95.9606 3.43724C95.9803 3.37808 95.9803 3.2992 95.9803 3.24004C95.9803 3.22032 95.9803 3.2006 95.9803 3.18089C95.9803 3.10201 95.9803 3.04285 96 2.96397C96 2.94425 96 2.92453 96 2.92453C96 2.86538 96 2.80622 96 2.74706ZM9.57832 40.0758L82.6179 9.90519L39.6929 52.8343L9.57832 40.0758ZM55.9721 86.4953L43.3587 56.6993L85.791 14.2632L55.9721 86.4953Z"/>
</svg>
</router-link>
<div class="header-nav-cart cart">
<router-link to="/cart" class="router-svg-box cart">
<svg class="nav-icon cart-icon" width="72" height="96" viewBox="0 0 72 96" fill="black"
xmlns="http://www.w3.org/2000/svg">
<path d="M56 24V20C56 8.954 47.046 0 36 0C24.954 0 16 8.954 16 20V24H0V84C0 90.63 5.37 96 12 96H60C66.63 96 72 90.63 72 84V24H56ZM24 20C24 13.373 29.373 8 36 8C42.627 8 48 13.373 48 20V24H24V20ZM64 84C64 86.21 62.21 88 60 88H12C9.79 88 8 86.21 8 84V32H64V84Z"/>
</svg>
<p class="cart-counter" v-if="cart.totalItems() > 0 && cart.totalItems() < 100">{{cart.totalItems()}}</p>
<p class="cart-counter-smaller" v-if="cart.totalItems() >= 100">{{cart.totalItems()}}</p>
</router-link>
</div>
</nav>
</header>
<!-- <transition name="router-fade">
<router-view :items="items" :cart="cart"></router-view> <!–здесь отображается компонент, соответствующий УРЛу–>
</transition>-->
<router-view v-slot="{ Component }" :items="items" :cart="cart">
<transition name="router-fade">
<component :is="Component" />
</transition>
</router-view>
<footer class="footer">
<ul>
<li>© 2021 Clothery</li>
<li class="footer-line-with-icon phone" href="tel:+79178776955">
<svg class="footer-icon" width="24" height="31" viewBox="0 0 24 31" xmlns="http://www.w3.org/2000/svg">
<path d="M3.98246 0.803078L6.06808 0.174417C8.03192 -0.417535 10.1301 0.539115 10.9711 2.40989L12.2695 5.2979C12.9863 6.89248 12.6085 8.76648 11.3299 9.95881L9.06203 12.0736C9.034 12.0998 9.01099 12.1308 8.99414 12.1653C8.75694 12.6501 9.11639 13.9455 10.2466 15.9031C11.5204 18.1094 12.505 18.9825 12.9598 18.847L15.9369 17.9368C17.6083 17.4258 19.4196 18.0352 20.4423 19.4525L22.2862 22.008C23.4832 23.667 23.2679 25.9557 21.7826 27.3624L20.1968 28.8642C19.0767 29.925 17.5082 30.3703 15.9978 30.0562C11.5785 29.1375 7.61908 25.5787 4.08629 19.4597C0.550015 13.3347 -0.550974 8.12205 0.869352 3.83315C1.35175 2.37646 2.51327 1.24593 3.98246 0.803078ZM4.52639 2.60762C3.64488 2.87333 2.94797 3.55165 2.65853 4.42566C1.43471 8.12117 2.42603 12.8146 5.71852 18.5174C9.00786 24.2147 12.5732 27.4193 16.3814 28.211C17.2877 28.3994 18.2287 28.1322 18.9008 27.4957L20.4866 25.9939C21.2864 25.2365 21.4023 24.0041 20.7578 23.1108L18.9139 20.5553C18.3632 19.7921 17.3879 19.464 16.4879 19.7392L13.5045 20.6513C11.8532 21.1435 10.3013 19.7673 8.61435 16.8454C7.18625 14.3719 6.69049 12.5852 7.30115 11.337C7.41916 11.0958 7.58035 10.8782 7.7767 10.6952L10.0445 8.5804C10.733 7.93838 10.9364 6.9293 10.5504 6.07068L9.25213 3.18267C8.79928 2.17533 7.66947 1.66021 6.61202 1.97895L4.52639 2.60762Z" />
</svg>
+7-495-190-48-33
</li>
<li>Мы принимаем звонки c 7:00 до 22:00 (Мск)</li>
<li>Звонок по России бесплатный</li>
<li class="footer-line-with-icon mail">
<svg class="footer-icon" width="44" height="30" viewBox="0 0 44 30" xmlns="http://www.w3.org/2000/svg">
<path d="M43.0638 0H0.936122C0.929747 0 0.923461 0.000628177 0.917175 0.000717973L0.917265 0.000987898C0.40911 0.0111348 0 0.425093 0 0.936212V29.0213C0 29.5387 0.419257 29.9575 0.936122 29.9575H43.0638C43.5808 29.9575 44 29.5387 44 29.0213V0.936212C44 0.418718 43.5808 0 43.0638 0ZM40.8039 1.87242L28.3599 14.3163C28.3597 14.3165 28.3595 14.3166 28.3593 14.3168L22 20.6762L15.6407 14.3168C15.6403 14.3164 15.6399 14.3162 15.6395 14.3157L3.1962 1.87242H40.8039ZM1.87233 3.19611L13.6549 14.9787L1.87233 26.7613V3.19611ZM3.1962 28.0851L14.9788 16.3024L21.3382 22.6619C21.6641 22.9878 22.1736 23.1503 22.6621 22.6619L29.0214 16.3025L40.804 28.0851H3.1962ZM42.1277 26.7612L30.3452 14.9787L42.1277 3.1962V26.7612Z"/>
</svg>
</li>
</ul>
</footer>
</div>
<script src="script.js" type="module"></script>
</body>
</html>