You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1018 lines
73 KiB
1018 lines
73 KiB
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>SEO title</title>
|
|
<meta name="description" content="SEO Description">
|
|
<link rel="shortcut icon" href="assets/img/favicon.ico?v=1.0">
|
|
|
|
<!-- Базовые стили -->
|
|
<link rel="stylesheet" href="assets/css/gp-style-core.css?v=1.0">
|
|
<link rel="stylesheet" href="assets/css/gp-style-desktop.css?v=1.0">
|
|
<!-- Адаптив -->
|
|
<link rel="stylesheet" media="screen and (min-width: 1400px)" href="assets/css/gp-style-ultra.css?v=1.0">
|
|
<link rel="stylesheet" media="screen and (max-width: 1200px)" href="assets/css/gp-style-tablet.css">
|
|
<link rel="stylesheet" media="screen and (max-width: 720px)" href="assets/css/gp-style-mobile.css?v=1.0">
|
|
|
|
|
|
<!-- Яндекс.Вебмастер + Google Search Console -->
|
|
<meta name="yandex-verification" content="XXXXXXXXXXXXXXXXX" />
|
|
<meta name="google-site-verification" content="XXXXXXXXXXXXXXXXX" />
|
|
<!-- /Яндекс.Вебмастер + Google Search Console -->
|
|
|
|
<!-- Yandex.Metrika counter -->
|
|
<script type="text/javascript">
|
|
(function (m, e, t, r, i, k, a) {
|
|
m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
|
|
m[i].l = 1 * new Date();
|
|
for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
|
|
k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
|
|
})
|
|
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
|
|
|
|
ym(XXXXXX, "init", { // XXXXXX - счетчик
|
|
clickmap: true,
|
|
trackLinks: true,
|
|
accurateTrackBounce: true,
|
|
webvisor: true,
|
|
ecommerce: "dataLayer"
|
|
});
|
|
</script>
|
|
<noscript>
|
|
<div><img src="https://mc.yandex.ru/watch/85828806" style="position:absolute; left:-9999px;" alt="" /></div>
|
|
</noscript>
|
|
<!-- /Yandex.Metrika counter -->
|
|
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<header class="header">
|
|
<div class="header__content">
|
|
<button class="header__open-menu" id="phone-menu">
|
|
</button>
|
|
|
|
<a href="index.html" class="header__logo">
|
|
<svg class="header__logo-black" xmlns="http://www.w3.org/2000/svg" width="181" height="40" viewBox="0 0 181 40" fill="none">
|
|
<path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="#121212"/>
|
|
<path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21.14V22.84ZM165.992 15.7H156.192V14.02L165.992 14V15.7ZM165.992 30H156.192V28.32L165.992 28.3V30ZM174.628 14V30H172.928V14H174.628ZM179.568 15.7H167.988V14H179.568V15.7Z" fill="#121212"/>
|
|
</svg>
|
|
|
|
<svg class="header__logo-white" width="181" height="40" viewBox="0 0 181 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="white"/>
|
|
<path d="M73.68 26.12C73.1067 27.36 72.2733 28.32 71.18 29C70.0867 29.6667 68.7533 30 67.18 30C65.6467 30 64.34 29.6533 63.26 28.96C62.1933 28.2667 61.38 27.3133 60.82 26.1C60.2733 24.8733 60 23.48 60 21.92C60 20.36 60.2733 18.9867 60.82 17.8C61.3667 16.6133 62.18 15.6867 63.26 15.02C64.34 14.34 65.6467 14 67.18 14C68.78 14 70.1267 14.34 71.22 15.02C72.3133 15.6867 73.1533 16.6667 73.74 17.96L72.24 19.02C71.9333 18.2867 71.54 17.68 71.06 17.2C70.5933 16.7067 70.0333 16.34 69.38 16.1C68.7267 15.8467 67.9933 15.72 67.18 15.72C66.1 15.72 65.1467 15.9733 64.32 16.48C63.5067 16.9867 62.8733 17.7067 62.42 18.64C61.9667 19.5733 61.74 20.6667 61.74 21.92C61.74 23.2267 61.9667 24.36 62.42 25.32C62.8733 26.2667 63.5067 27 64.32 27.52C65.1333 28.0267 66.0867 28.28 67.18 28.28C67.9933 28.28 68.72 28.16 69.36 27.92C70.0133 27.68 70.5733 27.32 71.04 26.84C71.5067 26.36 71.8933 25.7667 72.2 25.06L73.68 26.12ZM75.7422 21.92C75.7422 20.36 76.0155 18.9867 76.5622 17.8C77.1222 16.6133 77.9422 15.6867 79.0222 15.02C80.1155 14.34 81.4289 14 82.9622 14C84.4955 14 85.8022 14.34 86.8822 15.02C87.9622 15.6867 88.7755 16.6133 89.3222 17.8C89.8822 18.9867 90.1622 20.36 90.1622 21.92C90.1622 23.48 89.8822 24.8733 89.3222 26.1C88.7755 27.3133 87.9555 28.2667 86.8622 28.96C85.7822 29.6533 84.4822 30 82.9622 30C81.4289 30 80.1155 29.6533 79.0222 28.96C77.9422 28.2667 77.1222 27.3133 76.5622 26.1C76.0155 24.8733 75.7422 23.48 75.7422 21.92ZM77.5022 21.92C77.5022 23.1467 77.7155 24.24 78.1422 25.2C78.5689 26.1467 79.1889 26.8933 80.0022 27.44C80.8289 27.9733 81.8155 28.24 82.9622 28.24C84.1089 28.24 85.0889 27.9667 85.9022 27.42C86.7155 26.8733 87.3355 26.1267 87.7622 25.18C88.1889 24.2333 88.4022 23.1467 88.4022 21.92C88.4022 20.7067 88.1889 19.64 87.7622 18.72C87.3355 17.8 86.7155 17.08 85.9022 16.56C85.0889 16.0267 84.1089 15.76 82.9622 15.76C81.8155 15.76 80.8289 16.0267 80.0022 16.56C79.1889 17.08 78.5689 17.8 78.1422 18.72C77.7155 19.64 77.5022 20.7067 77.5022 21.92ZM93.668 24.94C94.2013 26.1267 94.8413 26.98 95.588 27.5C96.348 28.02 97.2746 28.28 98.368 28.28C99.5413 28.28 100.455 28.0733 101.108 27.66C101.775 27.2467 102.108 26.5933 102.108 25.7C102.108 24.8867 101.781 24.2133 101.128 23.68C100.475 23.1467 99.5213 22.7533 98.268 22.5L97.268 22.28C95.668 21.96 94.4546 21.4533 93.628 20.76C92.8146 20.0667 92.408 19.1 92.408 17.86C92.408 17.0733 92.6413 16.3867 93.108 15.8C93.588 15.2133 94.2146 14.7667 94.988 14.46C95.7613 14.1533 96.608 14 97.528 14C99.048 14 100.255 14.34 101.148 15.02C102.041 15.7 102.788 16.7267 103.388 18.1L101.988 18.96C101.481 17.8267 100.861 17 100.128 16.48C99.408 15.96 98.528 15.7 97.488 15.7C96.4613 15.7 95.6413 15.8933 95.028 16.28C94.4146 16.6667 94.108 17.2333 94.108 17.98C94.108 18.6733 94.3946 19.2267 94.968 19.64C95.5413 20.0533 96.4013 20.3933 97.548 20.66L98.508 20.88C99.8013 21.1733 100.835 21.5467 101.608 22C102.395 22.44 102.961 22.9667 103.308 23.58C103.655 24.1933 103.821 24.9267 103.808 25.78C103.795 27.1667 103.288 28.22 102.288 28.94C101.288 29.6467 99.968 30 98.328 30C96.7413 30 95.468 29.6533 94.508 28.96C93.5613 28.2533 92.7813 27.22 92.168 25.86L93.668 24.94ZM107.561 14V30H105.801V14H107.561ZM107.621 14L114.641 30H112.821L105.881 14H107.621ZM121.381 14L114.641 30H112.821L119.641 14H121.381ZM121.461 14V30H119.701V14H121.461ZM123.457 21.92C123.457 20.36 123.73 18.9867 124.277 17.8C124.837 16.6133 125.657 15.6867 126.737 15.02C127.83 14.34 129.144 14 130.677 14C132.21 14 133.517 14.34 134.597 15.02C135.677 15.6867 136.49 16.6133 137.037 17.8C137.597 18.9867 137.877 20.36 137.877 21.92C137.877 23.48 137.597 24.8733 137.037 26.1C136.49 27.3133 135.67 28.2667 134.577 28.96C133.497 29.6533 132.197 30 130.677 30C129.144 30 127.83 29.6533 126.737 28.96C125.657 28.2667 124.837 27.3133 124.277 26.1C123.73 24.8733 123.457 23.48 123.457 21.92ZM125.217 21.92C125.217 23.1467 125.43 24.24 125.857 25.2C126.284 26.1467 126.904 26.8933 127.717 27.44C128.544 27.9733 129.53 28.24 130.677 28.24C131.824 28.24 132.804 27.9667 133.617 27.42C134.43 26.8733 135.05 26.1267 135.477 25.18C135.904 24.2333 136.117 23.1467 136.117 21.92C136.117 20.7067 135.904 19.64 135.477 18.72C135.05 17.8 134.43 17.08 133.617 16.56C132.804 16.0267 131.824 15.76 130.677 15.76C129.53 15.76 128.544 16.0267 127.717 16.56C126.904 17.08 126.284 17.8 125.857 18.72C125.43 19.64 125.217 20.7067 125.217 21.92ZM141.603 22.32H145.843C146.803 22.32 147.636 22.22 148.343 22.02C149.049 21.8067 149.609 21.46 150.023 20.98C150.449 20.5 150.663 19.86 150.663 19.06C150.663 18.3 150.449 17.6667 150.023 17.16C149.609 16.6533 149.036 16.28 148.303 16.04C147.583 15.8 146.763 15.68 145.843 15.68H141.603V22.32ZM141.603 24V29.98V30H139.883V14H145.843C147.763 14 149.349 14.3867 150.603 15.16C151.856 15.92 152.483 17.2333 152.483 19.1C152.483 20.2733 152.169 21.2267 151.543 21.96C150.916 22.68 150.103 23.2 149.103 23.52C148.116 23.84 147.029 24 145.843 24H141.603ZM156.192 14V30H154.492V14H156.192ZM164.692 22.84H156.192V21.16L164.692 21.14V22.84ZM165.992 15.7H156.192V14.02L165.992 14V15.7ZM165.992 30H156.192V28.32L165.992 28.3V30ZM174.628 14V30H172.928V14H174.628ZM179.568 15.7H167.988V14H179.568V15.7Z" fill="white"/>
|
|
</svg>
|
|
</a>
|
|
|
|
<ul class="main-menu">
|
|
<li class="main-menu__item">
|
|
<a href="#" class="main-menu__link">ГЛАВНАЯ</a>
|
|
</li>
|
|
<li class="main-menu__item">
|
|
<a href="#" class="main-menu__link">О COSMOPET</a>
|
|
</li>
|
|
<li class="main-menu__item">
|
|
<a href="#" class="main-menu__link">ПРОИЗВОДСТВО</a>
|
|
</li class="main-menu__item">
|
|
<li class="main-menu__item">
|
|
<a href="#" class="main-menu__link">БЛОГ</a>
|
|
</li>
|
|
<li class="main-menu__item">
|
|
<button class="main-menu__button" id="pc-menu">
|
|
ПРОДУКЦИЯ
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="mini-profile">
|
|
<div class="mini-profile__item">
|
|
<div class="lang">
|
|
<button class="lang__open">
|
|
<p>RU</p>
|
|
<div class="lang-open__arrow">
|
|
<svg class="lang-open__black" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#333333"/>
|
|
</svg>
|
|
<svg class="lang-open__white" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#fff"/>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
<div class="lang__content">
|
|
<ul class="lang__list">
|
|
<li class="lang__item active">
|
|
<a href="#" class="lang__link">
|
|
RU
|
|
</a>
|
|
</li>
|
|
<li class="lang__item">
|
|
<a href="#" class="lang__link">
|
|
EN
|
|
</a>
|
|
</li>
|
|
<li class="lang__item">
|
|
<a href="#" class="lang__link">
|
|
AR
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="mini-profile__item">
|
|
<a href="" class="mini-profile__button">
|
|
<img src="assets/img/svg/mini-profile/profile.svg" alt="" class="mini-profile__icon black">
|
|
<img src="assets/img/svg/mini-profile/profile-w.svg" alt="" class="mini-profile__icon white">
|
|
</a>
|
|
</div>
|
|
<div class="mini-profile__item">
|
|
<button class="mini-profile__button basket-open">
|
|
<img src="assets/img/svg/mini-profile/basket.svg" alt="" class="mini-profile__icon black">
|
|
<img src="assets/img/svg/mini-profile/basket-w.svg" alt="" class="mini-profile__icon white">
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="header__menu-block">
|
|
<div class="header__pc-menu">
|
|
<div class="header-pc-menu__content">
|
|
<div class="header-pc-menu__item">
|
|
<a href="#" class="header-pc-menu__title">Кошкам</a>
|
|
<ul class="header-pc-menu__list">
|
|
<li class="header-pc-menu__list-li">
|
|
<a href="">Лакомства</a>
|
|
</li>
|
|
<li class="header-pc-menu__list-li">
|
|
<a href="">Корм</a>
|
|
</li>
|
|
<li class="header-pc-menu__list-li">
|
|
<a href="">Аксессуары</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="header-pc-menu__item">
|
|
<a href="#" class="header-pc-menu__title">Собакам</a>
|
|
<ul class="header-pc-menu__list">
|
|
<li class="header-pc-menu__list-li">
|
|
<a href="">Лакомства</a>
|
|
</li>
|
|
<li class="header-pc-menu__list-li">
|
|
<a href="">Корм</a>
|
|
</li>
|
|
<li class="header-pc-menu__list-li">
|
|
<a href="">Аксессуары</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="header__phone-menu">
|
|
<div class="header-phone-menu__item">
|
|
<a href="#" class="header-phone-menu__title header-phone-menu__title--gradient" >
|
|
ГЛАВНАЯ
|
|
</a>
|
|
</div>
|
|
<div class="header-phone-menu__item">
|
|
<a href="#" class="header-phone-menu__title">
|
|
ПРОДУКЦИЯ
|
|
</a>
|
|
<a href="#" class="header-phone-menu__category">Кошкам</a>
|
|
<ul class="header-phone-menu__list">
|
|
<li class="header-phone-menu__list-item">
|
|
<a href="#">Корм</a>
|
|
</li>
|
|
<li class="header-phone-menu__list-item">
|
|
<a href="#">Лакомства</a>
|
|
</li>
|
|
<li class="header-phone-menu__list-item">
|
|
<a href="#">Корм</a>
|
|
</li>
|
|
</ul>
|
|
<a href="#" class="header-phone-menu__category">Собакам</a>
|
|
<ul class="header-phone-menu__list">
|
|
<li class="header-phone-menu__list-item">
|
|
<a href="#">Корм</a>
|
|
</li>
|
|
<li class="header-phone-menu__list-item">
|
|
<a href="#">Лакомства</a>
|
|
</li>
|
|
<li class="header-phone-menu__list-item">
|
|
<a href="#">Корм</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="header-phone-menu__item">
|
|
<a href="#" class="header-phone-menu__title">
|
|
О COSMOPET
|
|
</a>
|
|
</div>
|
|
<div class="header-phone-menu__item">
|
|
<a href="#" class="header-phone-menu__title">
|
|
ПРОИЗВОДСТВО
|
|
</a>
|
|
</div>
|
|
<div class="header-phone-menu__item">
|
|
<a href="#" class="header-phone-menu__title">
|
|
БЛОГ
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="wrapper">
|
|
<div class="breadcrumbs">
|
|
<a href="#" class="breadcrumbs__item">
|
|
главня
|
|
</a>
|
|
<a href="#" class="breadcrumbs__item">
|
|
продукция
|
|
</a>
|
|
</div>
|
|
|
|
<div class="product">
|
|
<div class="product__header">
|
|
<p class="product__title">Продукция</p>
|
|
|
|
<button class="button button--gradient button--high button--icon button--filter">
|
|
Фильтры
|
|
</button>
|
|
</div>
|
|
|
|
<div class="product__tag">
|
|
<button class="product-tag__item">
|
|
<div class="product-tag-item__content">
|
|
<p class="product-tag-item__text">Для собак</p>
|
|
<div class="product-tag-item__button">
|
|
</div>
|
|
</div>
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<div class="product__main">
|
|
<div class="product__item">
|
|
<div class="product-item__label">
|
|
<a href="#" class="product-item-label__tag product-item-label__tag--new">
|
|
Новинка
|
|
</a>
|
|
</div>
|
|
<a href="#" class="product-item__product-card">
|
|
<img src="assets/img/product/image.png" alt="" class="product-item__images">
|
|
</a>
|
|
<div class="product-item__content-card">
|
|
<div class="compound">
|
|
<a href="#" class="compound__item">Индейка </a>
|
|
<a href="#" class="compound__item">Индейка </a>
|
|
</div>
|
|
<a href="#" class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</a>
|
|
<div class="product-item__price">
|
|
<p>1 304</p>
|
|
</div>
|
|
<div class="product-item__bye">
|
|
<button class="button button--white button--100-perc open-overlay">
|
|
Купить
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="product-item__overlay">
|
|
<div class="product-item-overlay__header">
|
|
<a href="#" class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</a>
|
|
<ul class="product-item-overlay__tags">
|
|
<li>Seperpremium</li>
|
|
<li>Для крупных и средних пород </li>
|
|
<li>Полнорационный</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<form class="product-item__form" method="post" action="/send-telegram.php">
|
|
<div class="product-item-overlay__input-block">
|
|
<div class="product-item-overlay__field">
|
|
<p class="product-item-overlay-field__title">Объем</p>
|
|
|
|
<div class="select">
|
|
<input type="text" class="select__state" value="2 кг" readonly>
|
|
<div class="state__block">
|
|
<ul class="state__content">
|
|
<li>
|
|
<button class="state__button active">
|
|
2 кг
|
|
</button>
|
|
</li>
|
|
<li>
|
|
<button class="state__button">
|
|
3 кг
|
|
</button>
|
|
</li>
|
|
<li>
|
|
<button class="state__button">
|
|
4 кг
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-item-overlay__field">
|
|
<p class="product-item-overlay-field__title">Количество</p>
|
|
|
|
<div class="counter">
|
|
<button class="counter__button minus">
|
|
<img src="assets/img/svg/main/minus.svg" alt="">
|
|
</button>
|
|
<input type="text" class="counter__input" value="1">
|
|
<button class="counter__button plus">
|
|
<img src="assets/img/svg/main/plus.svg" alt="">
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="product-item-overlay__price">
|
|
1280
|
|
</p>
|
|
<div class="product-item-overlay__block-button">
|
|
<div class="product-item-overlay__button">
|
|
<input class="button button--gradient button--base button--100-perc" type="submit" value="Добавить в корзину">
|
|
</div>
|
|
<div class="product-item-overlay__button">
|
|
<button class="to-know button--100-perc">
|
|
<p>Подробнее</p>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="product__item">
|
|
<div class="product-item__label">
|
|
<a href="#" class="product-item-label__tag product-item-label__tag--sale">
|
|
Распродажа %
|
|
</a>
|
|
</div>
|
|
<a href="#" class="product-item__product-card">
|
|
<img src="assets/img/product/image.png" alt="" class="product-item__images">
|
|
</a>
|
|
<div class="product-item__content-card">
|
|
<div class="compound">
|
|
<a href="#" class="compound__item">Индейка </a>
|
|
<a href="#" class="compound__item">Индейка </a>
|
|
</div>
|
|
<a href="#" class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</a>
|
|
<div class="product-item__price">
|
|
<p>1 304</p>
|
|
</div>
|
|
<div class="product-item__bye">
|
|
<button class="button button--white button--100-perc open-overlay ">
|
|
Купить
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="product-item__overlay">
|
|
<div class="product-item-overlay__header">
|
|
<a href="#" class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</a>
|
|
<ul class="product-item-overlay__tags">
|
|
<li>Seperpremium</li>
|
|
<li>Для крупных и средних пород </li>
|
|
<li>Полнорационный</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<form class="product-item__form" method="post" action="/send-telegram.php">
|
|
<div class="product-item-overlay__input-block">
|
|
<div class="product-item-overlay__field">
|
|
<p class="product-item-overlay-field__title">Объем</p>
|
|
|
|
<div class="select">
|
|
<input type="text" class="select__state" value="2 кг" readonly>
|
|
<div class="state__block">
|
|
<ul class="state__content">
|
|
<li>
|
|
<button class="state__button active">
|
|
2 кг
|
|
</button>
|
|
</li>
|
|
<li>
|
|
<button class="state__button">
|
|
3 кг
|
|
</button>
|
|
</li>
|
|
<li>
|
|
<button class="state__button">
|
|
4 кг
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-item-overlay__field">
|
|
<p class="product-item-overlay-field__title">Количество</p>
|
|
|
|
<div class="counter">
|
|
<button class="counter__button minus">
|
|
<img src="assets/img/svg/main/minus.svg" alt="">
|
|
</button>
|
|
<input type="text" class="counter__input" value="1">
|
|
<button class="counter__button plus">
|
|
<img src="assets/img/svg/main/plus.svg" alt="">
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="product-item-overlay__price">
|
|
1280
|
|
</p>
|
|
<div class="product-item-overlay__block-button">
|
|
<div class="product-item-overlay__button">
|
|
<input class="button button--gradient button--base button--100-perc" type="submit" value="Добавить в корзину">
|
|
</div>
|
|
<div class="product-item-overlay__button">
|
|
<button class="to-know button--100-perc">
|
|
<p>Подробнее</p>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="product__item hiding">
|
|
<div class="product-item__label">
|
|
<a href="#" class="product-item-label__tag product-item-label__tag--sale">
|
|
Распродажа %
|
|
</a>
|
|
<a href="#" class="product-item-label__tag product-item-label__tag--new">
|
|
Новинка
|
|
</a>
|
|
</div>
|
|
<a href="#" class="product-item__product-card">
|
|
<img src="assets/img/product/image.png" alt="" class="product-item__images">
|
|
</a>
|
|
<div class="product-item__content-card">
|
|
<div class="compound">
|
|
<a href="#" class="compound__item">Индейка </a>
|
|
<a href="#" class="compound__item">Индейка </a>
|
|
</div>
|
|
<a href="#" class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</a>
|
|
<div class="product-item__price">
|
|
<p>1 304</p>
|
|
</div>
|
|
<div class="product-item__bye">
|
|
<button class="to-know button--100-perc open-to-know">
|
|
<p>Узнать о поступлении</p>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product__item">
|
|
<div class="product-item__label">
|
|
<a href="#" class="product-item-label__tag product-item-label__tag--new">
|
|
Новинка
|
|
</a>
|
|
</div>
|
|
<a href="#" class="product-item__product-card">
|
|
<img src="assets/img/product/image.png" alt="" class="product-item__images">
|
|
</a>
|
|
<div class="product-item__content-card">
|
|
<div class="compound">
|
|
<a href="#" class="compound__item">Индейка </a>
|
|
<a href="#" class="compound__item">Индейка </a>
|
|
</div>
|
|
<a href="#" class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</a>
|
|
<div class="product-item__price">
|
|
<p>1 304</p>
|
|
</div>
|
|
<div class="product-item__bye">
|
|
<button class="button button--white button--100-perc open-overlay">
|
|
Купить
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product__item">
|
|
<div class="product-item__label">
|
|
<a href="#" class="product-item-label__tag product-item-label__tag--sale">
|
|
Распродажа %
|
|
</a>
|
|
</div>
|
|
<a href="#" class="product-item__product-card">
|
|
<img src="assets/img/product/image.png" alt="" class="product-item__images">
|
|
</a>
|
|
<div class="product-item__content-card">
|
|
<div class="compound">
|
|
<a href="#" class="compound__item">Индейка </a>
|
|
<a href="#" class="compound__item">Индейка </a>
|
|
</div>
|
|
<a href="#" class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</a>
|
|
<div class="product-item__price">
|
|
<p>1 304</p>
|
|
</div>
|
|
<div class="product-item__bye">
|
|
<button class="button button--white button--100-perc open-overlay">
|
|
Купить
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product__item hiding">
|
|
<div class="product-item__label">
|
|
<a href="#" class="product-item-label__tag product-item-label__tag--sale">
|
|
Распродажа %
|
|
</a>
|
|
<a href="#" class="product-item-label__tag product-item-label__tag--new">
|
|
Новинка
|
|
</a>
|
|
</div>
|
|
<a href="#" class="product-item__product-card">
|
|
<img src="assets/img/product/image.png" alt="" class="product-item__images">
|
|
</a>
|
|
<div class="product-item__content-card">
|
|
<div class="compound">
|
|
<a href="#" class="compound__item">Индейка </a>
|
|
<a href="#" class="compound__item">Индейка </a>
|
|
</div>
|
|
<a href="#" class="product-item__title">Сухой корм, для средних и крупных пород, 2 кг.</a>
|
|
<div class="product-item__price">
|
|
<p>1 304</p>
|
|
</div>
|
|
<div class="product-item__bye">
|
|
<button class="to-know button--100-perc open-to-know">
|
|
<p>Узнать о поступлении</p>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="product__footer product__footer--error">
|
|
<button class="button button--white">
|
|
Загрузить еще
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<div class="modal">
|
|
<aside class="modal__aside">
|
|
<div class="modal__item modal__filter">
|
|
<button class="modal__close">
|
|
<img src="assets/img/svg/main/black-x.svg" alt="">
|
|
</button>
|
|
|
|
<div class="modal__header">
|
|
<p class="modal__title">Фильтры</p>
|
|
<div class="modal__content">
|
|
<div class="toggle">
|
|
<p class="toggle__title">
|
|
ДЛЯ КОГО
|
|
</p>
|
|
<div class="toggle__block-content">
|
|
<div class="toggle__content">
|
|
<div class="toggle-content__item">
|
|
<div class="toggle-content__element toggle-content__element--width-perc-50">
|
|
<div class="radio">
|
|
<input type="radio" name="animal" id="cat" class="radio__input">
|
|
|
|
<label for="cat" class="radio__label">Для кошек</label>
|
|
</div>
|
|
</div>
|
|
<div class="toggle-content__element toggle-content__element--width-perc-50">
|
|
<div class="radio">
|
|
<input type="radio" name="animal" id="dog" class="radio__input">
|
|
|
|
<label for="dog" class="radio__label">Для собак</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="toggle">
|
|
<p class="toggle__title">
|
|
ДОПОЛНИТЕЛЬНО
|
|
</p>
|
|
<div class="toggle__block-content">
|
|
<div class="toggle__content">
|
|
<div class="toggle-content__item">
|
|
<div class="toggle-content__element toggle-content__element--width-perc-100">
|
|
<div class="checkbox active">
|
|
<div class="checkbox__state"></div>
|
|
<input type="checkbox" name="" id="" class="checkbox__input">
|
|
<label for="" class="checkbox__label">Корм</label>
|
|
</div>
|
|
</div>
|
|
<div class="toggle-content__element toggle-content__element--width-perc-100">
|
|
<div class="checkbox">
|
|
<div class="checkbox__state"></div>
|
|
<input type="checkbox" name="" id="" class="checkbox__input">
|
|
<label for="" class="checkbox__label">Лакомстава</label>
|
|
</div>
|
|
</div>
|
|
<div class="toggle-content__element toggle-content__element--width-perc-100">
|
|
<div class="checkbox">
|
|
<div class="checkbox__state"></div>
|
|
<input type="checkbox" name="" id="" class="checkbox__input">
|
|
<label for="" class="checkbox__label">Аксессуары</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="toggle">
|
|
<p class="toggle__title">
|
|
ТИП ПРОДУКЦИИ
|
|
</p>
|
|
<div class="toggle__block-content">
|
|
<div class="toggle__content">
|
|
<div class="toggle-content__item">
|
|
<div class="toggle-content__element toggle-content__element--width-perc-100">
|
|
<div class="checkbox active">
|
|
<div class="checkbox__state"></div>
|
|
<input type="checkbox" name="" id="" class="checkbox__input">
|
|
<label for="" class="checkbox__label">Корм</label>
|
|
</div>
|
|
</div>
|
|
<div class="toggle-content__element toggle-content__element--width-perc-100">
|
|
<div class="checkbox">
|
|
<div class="checkbox__state"></div>
|
|
<input type="checkbox" name="" id="" class="checkbox__input">
|
|
<label for="" class="checkbox__label">Лакомстава</label>
|
|
</div>
|
|
</div>
|
|
<div class="toggle-content__element toggle-content__element--width-perc-100">
|
|
<div class="checkbox">
|
|
<div class="checkbox__state"></div>
|
|
<input type="checkbox" name="" id="" class="checkbox__input">
|
|
<label for="" class="checkbox__label">Аксессуары</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="toggle">
|
|
<p class="toggle__title">
|
|
ВКУС
|
|
</p>
|
|
<div class="toggle__block-content">
|
|
<div class="toggle__content">
|
|
<div class="toggle-content__item">
|
|
<div class="toggle-content__element toggle-content__element--width-perc-50">
|
|
<div class="checkbox active">
|
|
<div class="checkbox__state"></div>
|
|
<input type="checkbox" name="" id="" class="checkbox__input">
|
|
<label for="" class="checkbox__label">Индейка</label>
|
|
</div>
|
|
</div>
|
|
<div class="toggle-content__element toggle-content__element--width-perc-50">
|
|
<div class="checkbox">
|
|
<div class="checkbox__state"></div>
|
|
<input type="checkbox" name="" id="" class="checkbox__input">
|
|
<label for="" class="checkbox__label">Говядина</label>
|
|
</div>
|
|
</div>
|
|
<div class="toggle-content__element toggle-content__element--width-perc-50">
|
|
<div class="checkbox">
|
|
<div class="checkbox__state"></div>
|
|
<input type="checkbox" name="" id="" class="checkbox__input">
|
|
<label for="" class="checkbox__label">Рыба</label>
|
|
</div>
|
|
</div>
|
|
<div class="toggle-content__element toggle-content__element--width-perc-50">
|
|
<div class="checkbox">
|
|
<div class="checkbox__state"></div>
|
|
<input type="checkbox" name="" id="" class="checkbox__input">
|
|
<label for="" class="checkbox__label">Бараника</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal__block-button">
|
|
<div class="modal__button">
|
|
<button class="button button--gradient button--high button--100-perc">
|
|
Применить
|
|
</button>
|
|
</div>
|
|
<div class="modal__button">
|
|
<button class="to-know button--100-perc to-know--background-none">
|
|
<p>Сбросить фильтры</p>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal__item modal__basket">
|
|
<button class="modal__close">
|
|
<img src="assets/img/svg/main/black-x.svg" alt="">
|
|
</button>
|
|
<div class="modal__header">
|
|
<p class="modal__title">Корзина</p>
|
|
<div class="modal__content">
|
|
<div class="modal-basket__item modal-basket__item--return">
|
|
<p class="modal-basket-item__title">
|
|
Удаление товра из корзины: 5с
|
|
</p>
|
|
|
|
<button class="modal-basket-item__return">
|
|
Восстановить
|
|
</button>
|
|
</div>
|
|
<div class="modal-basket__item">
|
|
<div class="modal-basket-item__block-image">
|
|
<img src="assets/img/product/image.png" alt="" class="modal-basket-item__image">
|
|
</div>
|
|
|
|
<div class="modal-basket-item__content">
|
|
<p class="modal-basket-item__title">Сухой корм, для крупны и средних пород</p>
|
|
<p class="modal-basket-item__sub-title">Индейка, 2 кг</p>
|
|
<div class="modal-basket-item__control">
|
|
<div class="counter counter--small">
|
|
<button class="counter__button minus">
|
|
<img src="assets/img/svg/main/minus.svg" alt="">
|
|
</button>
|
|
<input type="text" class="counter__input" value="1">
|
|
<button class="counter__button plus">
|
|
<img src="assets/img/svg/main/plus.svg" alt="">
|
|
</button>
|
|
</div>
|
|
|
|
<p class="modal-basket-item__price">1280</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-basket__item">
|
|
<div class="modal-basket-item__block-image">
|
|
<img src="assets/img/product/image.png" alt="" class="modal-basket-item__image">
|
|
</div>
|
|
|
|
<div class="modal-basket-item__content">
|
|
<p class="modal-basket-item__title">Сухой корм, для крупны и средних пород</p>
|
|
<p class="modal-basket-item__sub-title">Индейка, 2 кг</p>
|
|
<div class="modal-basket-item__control">
|
|
<div class="counter counter--small">
|
|
<button class="counter__button minus">
|
|
<img src="assets/img/svg/main/minus.svg" alt="">
|
|
</button>
|
|
<input type="text" class="counter__input" value="1">
|
|
<button class="counter__button plus">
|
|
<img src="assets/img/svg/main/plus.svg" alt="">
|
|
</button>
|
|
</div>
|
|
|
|
<p class="modal-basket-item__price">1280</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-basket__item">
|
|
<div class="modal-basket-item__block-image">
|
|
<img src="assets/img/product/image.png" alt="" class="modal-basket-item__image">
|
|
</div>
|
|
|
|
<div class="modal-basket-item__content">
|
|
<p class="modal-basket-item__title">Сухой корм, для крупны и средних пород</p>
|
|
<p class="modal-basket-item__sub-title">Индейка, 2 кг</p>
|
|
<div class="modal-basket-item__control">
|
|
<div class="counter counter--small">
|
|
<button class="counter__button minus">
|
|
<img src="assets/img/svg/main/minus.svg" alt="">
|
|
</button>
|
|
<input type="text" class="counter__input" value="1">
|
|
<button class="counter__button plus">
|
|
<img src="assets/img/svg/main/plus.svg" alt="">
|
|
</button>
|
|
</div>
|
|
|
|
<p class="modal-basket-item__price">1280</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-basket__item">
|
|
<div class="modal-basket-item__block-image">
|
|
<img src="assets/img/product/image.png" alt="" class="modal-basket-item__image">
|
|
</div>
|
|
|
|
<div class="modal-basket-item__content">
|
|
<p class="modal-basket-item__title">Сухой корм, для крупны и средних пород</p>
|
|
<p class="modal-basket-item__sub-title">Индейка, 2 кг</p>
|
|
<div class="modal-basket-item__control">
|
|
<div class="counter counter--small">
|
|
<button class="counter__button minus">
|
|
<img src="assets/img/svg/main/minus.svg" alt="">
|
|
</button>
|
|
<input type="text" class="counter__input" value="1">
|
|
<button class="counter__button plus">
|
|
<img src="assets/img/svg/main/plus.svg" alt="">
|
|
</button>
|
|
</div>
|
|
|
|
<p class="modal-basket-item__price">1280</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-basket__item">
|
|
<div class="modal-basket-item__block-image">
|
|
<img src="assets/img/product/image.png" alt="" class="modal-basket-item__image">
|
|
</div>
|
|
|
|
<div class="modal-basket-item__content">
|
|
<p class="modal-basket-item__title">Сухой корм, для крупны и средних пород</p>
|
|
<p class="modal-basket-item__sub-title">Индейка, 2 кг</p>
|
|
<div class="modal-basket-item__control">
|
|
<div class="counter counter--small">
|
|
<button class="counter__button minus">
|
|
<img src="assets/img/svg/main/minus.svg" alt="">
|
|
</button>
|
|
<input type="text" class="counter__input" value="1">
|
|
<button class="counter__button plus">
|
|
<img src="assets/img/svg/main/plus.svg" alt="">
|
|
</button>
|
|
</div>
|
|
|
|
<p class="modal-basket-item__price">1280</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal__footer">
|
|
<div class="modal__block-price">
|
|
<p class="modal-block-price__title">Общая стоимость</p>
|
|
<p class="modal-block-price__price">
|
|
8960
|
|
</p>
|
|
</div>
|
|
<div class="modal__block-button">
|
|
<div class="modal__button">
|
|
<button class="button button--gradient button--high button--100-perc">
|
|
Перейти к оформлению
|
|
</button>
|
|
</div>
|
|
<div class="modal__button">
|
|
<button class="to-know button--100-perc to-know--background-none">
|
|
<p>Продолжить покупку</p>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal__item modal__to-know modal__item--no-title">
|
|
<button class="modal__close">
|
|
<img src="assets/img/svg/main/black-x.svg" alt="">
|
|
</button>
|
|
<div class="modal__header">
|
|
<p class="modal__small-title">Узнать о поступлении</p>
|
|
<p class="modal__text">
|
|
Оставьте свой e-mail, и мы оповестим вас, когда продукт появится
|
|
</p>
|
|
|
|
<form action="" class="modal__form-sub">
|
|
<div class="label">
|
|
<label for="mail" class="label__title">
|
|
mail
|
|
</label>
|
|
|
|
<div class="label__question">
|
|
text <br>
|
|
re
|
|
</div>
|
|
</div>
|
|
<input type="text" class="form__input" id="mail" placeholder="Email">
|
|
<div class="checkbox checkbox--small">
|
|
<div class="checkbox__state"></div>
|
|
<input type="checkbox" name="" id="" class="checkbox__input">
|
|
<label for="" class="checkbox__label">
|
|
Я ознакомился с <a href="#">политикой обработки персональных данных</a> и <a href="#">пользовательским соглашением</a>
|
|
</label>
|
|
</div>
|
|
|
|
<input type="submit" value="Оставить почту" class="button button--white button--red-48-px button--100-perc active modal-form-sub__submit">
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="modal__item modal__to-know-submit modal__item--no-title">
|
|
<button class="modal__close">
|
|
<img src="assets/img/svg/main/black-x.svg" alt="">
|
|
</button>
|
|
<div class="modal__header">
|
|
<p class="modal__small-title">Подписка на товар оформлена</p>
|
|
<p class="modal__text">
|
|
На ваш e-mail ivan.ivanov@gmail.com придет письмо, как только продукт появится в наличии.
|
|
</p>
|
|
<button class="button button--white button--red-48-px button--100-perc active modal-form-sub__submit">
|
|
Продолжить покупки
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
|
|
<footer class="footer">
|
|
<div class="footer__wrapper wrapper">
|
|
<div class="footer__content">
|
|
<img src="assets/img/svg/logo/logo-gradient.svg" alt="" class="footer__logo">
|
|
|
|
<address class="footer__address">
|
|
123182 г. Москва, <br>
|
|
4-й Красногорский пр., <br>
|
|
д. 2/4, стр. 1, этаж/ком. 3/1
|
|
</address>
|
|
|
|
<div class="footer__list">
|
|
<div class="footer-list__item">
|
|
<p class="footer-list__title">Отзывы и предложения</p>
|
|
<a href="mailto:pro@cosmopet.shop" class="footer-list__link">
|
|
pro@cosmopet.shop
|
|
</a>
|
|
</div>
|
|
<div class="footer-list__item">
|
|
<p class="footer-list__title">Связь с ветеринаром</p>
|
|
<a href="mailto:vetvopros@cosmopet.shop" class="footer-list__link">
|
|
vetvopros@cosmopet.shop
|
|
</a>
|
|
</div>
|
|
<div class="footer-list__item">
|
|
<p class="footer-list__title">Заявки для оптовых покупателей</p>
|
|
<a href="mailto:pro@cosmopet.shop" class="footer-list__link">
|
|
pro@cosmopet.shop
|
|
</a>
|
|
</div>
|
|
<div class="footer-list__item">
|
|
<a href="#" class="button button--black button--100-perc button--link">
|
|
Чат бот с ветеринаром
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer__about">
|
|
<div class="social-media">
|
|
<a href="#" class="social-media__item">
|
|
<img src="assets/img/svg/social-media/vk.svg" alt="" class="social-media__icon">
|
|
</a>
|
|
<a href="#" class="social-media__item">
|
|
<img src="assets/img/svg/social-media/tg.svg" alt="" class="social-media__icon">
|
|
</a>
|
|
<a href="#" class="social-media__item">
|
|
<img src="assets/img/svg/social-media/ya.svg" alt="" class="social-media__icon">
|
|
</a>
|
|
</div>
|
|
|
|
<a href="#" class="footer-about__text">Соглашение о конфиденциальности</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer__form">
|
|
<form class="form" method="post" action="/send-telegram.php">
|
|
<p class="form__title">
|
|
Форма обратной связи
|
|
</p>
|
|
<div class="form__item">
|
|
<input class="form__input" type="text" name="name" placeholder="Ваше имя" required>
|
|
</div>
|
|
<div class="form__item">
|
|
<input class="form__input" type="text" name="name" placeholder="Эл.почта" required>
|
|
</div>
|
|
<div class="form__item">
|
|
<textarea class="form__input form__input--textarea" name="" id="" placeholder="Текст обращения"></textarea>
|
|
</div>
|
|
<div class="form__item">
|
|
<input class="form__button" type="submit" value="Отправить">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="footer__social-media">
|
|
<div class="social-media">
|
|
<a href="#" class="social-media__item">
|
|
<img src="assets/img/svg/social-media/vk.svg" alt="" class="social-media__icon">
|
|
</a>
|
|
<a href="#" class="social-media__item">
|
|
<img src="assets/img/svg/social-media/tg.svg" alt="" class="social-media__icon">
|
|
</a>
|
|
<a href="#" class="social-media__item">
|
|
<img src="assets/img/svg/social-media/ya.svg" alt="" class="social-media__icon">
|
|
</a>
|
|
</div>
|
|
|
|
<a href="#" class="footer-about__text">Соглашение о конфиденциальности</a>
|
|
</div>
|
|
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
<script src="assets/js/gp-main.js"></script>
|
|
</body>
|
|
</html> |