сделал левую часть в регистрации (для пк)
This commit is contained in:
Kirill Pet committed
1 parent
468bcd8f9e
commit
2e065c9e45
10 files changed
+682
No files matched your search
@@ -101,6 +101,7 @@
|
||||
--text-dark: #2b2b3b;
|
||||
--text-grey: #999;
|
||||
--text-red: #fa0505;
|
||||
--text-green: #2ED15D;
|
||||
--text-0: #000;
|
||||
--text-3: #333;
|
||||
--text-6: #666;
|
||||
@@ -109,6 +110,9 @@
|
||||
--background-white: #fff;
|
||||
--background-black: #121212;
|
||||
--background-grey: #f2f2f2;
|
||||
--background-green: #2ED15D;
|
||||
--background-9: #999;
|
||||
|
||||
|
||||
/* gradient */
|
||||
--gradient-blue: radial-gradient(346.57% 244.17% at 149.73% -58.39%, rgb(15, 88, 129) 0%, rgb(30, 164, 156) 51.21689438819885%, rgb(118, 206, 117) 80.70731163024902%, rgb(236, 243, 159) 91.14583134651184%);
|
||||
|
||||
@@ -1260,6 +1260,240 @@ main{
|
||||
|
||||
/* gallery */
|
||||
|
||||
|
||||
/* registration */
|
||||
.registration{
|
||||
padding: 24px;
|
||||
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.registration__orders{
|
||||
width: calc((100% - 48px) / 3);
|
||||
}
|
||||
.registration__profile{
|
||||
width: calc(((100% - 48px) / 3) * 2);
|
||||
}
|
||||
|
||||
.registration-card{
|
||||
margin-top: 32px;
|
||||
|
||||
padding: 1px;
|
||||
|
||||
border-radius: 20px;
|
||||
}
|
||||
.registration-card:first-child{
|
||||
margin-top: 0;
|
||||
}
|
||||
.registration-card--green{
|
||||
background: var(--background-green);
|
||||
}
|
||||
.registration-card--red-blue{
|
||||
background: var(--gradient-red);
|
||||
}
|
||||
.registration-card__content{
|
||||
padding: 23px;
|
||||
|
||||
border-radius: 19px;
|
||||
|
||||
background-color: var(--background-white);
|
||||
}
|
||||
.registration-card__element{
|
||||
margin-top: 24px;
|
||||
|
||||
position: relative;
|
||||
}
|
||||
.registration-card__element--margin-top-32{
|
||||
margin-top: 32px;
|
||||
}
|
||||
.registration-card__element:first-child,
|
||||
.registration-card__element--margin-top-32:first-child{
|
||||
margin-top: 0
|
||||
}
|
||||
.registration-card__element-change{
|
||||
position: absolute;
|
||||
top: 14px;
|
||||
right: 0;
|
||||
|
||||
width: 24px;
|
||||
aspect-ratio: 1;
|
||||
|
||||
background-image: url(../img/svg/main/change-dot.svg);
|
||||
border: none;
|
||||
background-color: var(--background-white);
|
||||
|
||||
transition: opacity .2s ease-out;
|
||||
}
|
||||
.registration-card__element-change:hover{
|
||||
opacity: .8;
|
||||
}
|
||||
.registration-card__text{
|
||||
font-family: var(--font-family);
|
||||
font-weight: 500;
|
||||
font-size: 20px;
|
||||
line-height: 120%;
|
||||
|
||||
color: var(--text-black);
|
||||
}
|
||||
.registration-card__text--grey{
|
||||
color: var(--text-grey);
|
||||
}
|
||||
.registration-card__label{
|
||||
font-family: var(--font-family);
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
line-height: 125%;
|
||||
|
||||
color: var(--text-3);
|
||||
}
|
||||
.registration-card__status{
|
||||
padding-left: 20px;
|
||||
|
||||
font-family: var(--font-family);
|
||||
font-weight: 500;
|
||||
font-size: 12px;
|
||||
line-height: 133%;
|
||||
|
||||
position: relative;
|
||||
}
|
||||
.registration-card__status--chek{
|
||||
color: var(--text-green);
|
||||
}
|
||||
.registration-card__status--chek::before{
|
||||
content: '';
|
||||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
|
||||
background-image: url(../img/svg/main/status-chek.svg);
|
||||
object-fit: contain;
|
||||
}
|
||||
.registration-card__status--cancelled{
|
||||
color: var(--text-red);
|
||||
}
|
||||
.registration-card__status--cancelled::before{
|
||||
content: '';
|
||||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
|
||||
background-image: url(../img/svg/main/status-cancelled.svg);
|
||||
object-fit: contain;
|
||||
}
|
||||
.registration-card__block-accounts{
|
||||
display: flex;
|
||||
}
|
||||
.registration-card__account{
|
||||
margin-left: 16px;
|
||||
|
||||
width: 40px;
|
||||
aspect-ratio: 1;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
background: var(--background-9);
|
||||
border-radius: 50%;
|
||||
}
|
||||
.registration-card__account:first-child{
|
||||
margin-left: 0;
|
||||
}
|
||||
.registration-card__block-buttons{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.registration-card__button{
|
||||
padding: 8px 8px 6px 0;
|
||||
|
||||
font-family: var(--font-family);
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
line-height: 120%;
|
||||
color: var(--text-black);
|
||||
|
||||
background: none;
|
||||
border: none;
|
||||
|
||||
position: relative;
|
||||
}
|
||||
.registration-card__button::before{
|
||||
content: '';
|
||||
|
||||
position: absolute;
|
||||
bottom: 6px;
|
||||
|
||||
width: calc(100% - 8px);
|
||||
height: 1px;
|
||||
|
||||
background: var(--text-black);
|
||||
|
||||
transition: opacity .2s ease-out;
|
||||
}
|
||||
.registration-card__button:hover{
|
||||
opacity: .8;
|
||||
}
|
||||
.registration-card__text, .registration-card__label, .registration-card__status, .registration-card__block-accounts, .registration-card__block-buttons{
|
||||
margin-top: 8px;
|
||||
}
|
||||
.registration-card__text:first-child, .registration-card__label:first-child, .registration-card__status:first-child, .registration-card__block-accounts:first-child, .registration-card__block-buttons:first-child{
|
||||
margin-top: 0px;
|
||||
}
|
||||
.registration-card__block-add-pets{
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
.registration-card-add-pets__circle{
|
||||
width: 48px;
|
||||
aspect-ratio: 1;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
border: 1px solid var(--text-6);
|
||||
border-radius: 50%;
|
||||
}
|
||||
.registration-card-add-pets__text{
|
||||
margin-left: 16px;
|
||||
|
||||
font-family: var(--font-family);
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
line-height: 120%;
|
||||
|
||||
color: var(--text-6);
|
||||
|
||||
position: relative;
|
||||
}
|
||||
.registration-card-add-pets__text::after{
|
||||
content: '';
|
||||
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -4px;
|
||||
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
|
||||
background: var(--text-6);
|
||||
}
|
||||
/* registration */
|
||||
|
||||
@media only screen and (max-width: 1600px) {
|
||||
|
||||
.wrapper{
|
||||
|
||||
@@ -0,0 +1,3 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2929 5.70711C11.1054 5.51957 11 5.26522 11 5C11 4.73478 11.1054 4.48043 11.2929 4.29289C11.4804 4.10536 11.7348 4 12 4C12.2652 4 12.5196 4.10536 12.7071 4.29289C12.8946 4.48043 13 4.73478 13 5C13 5.26522 12.8946 5.51957 12.7071 5.70711C12.5196 5.89464 12.2652 6 12 6C11.7348 6 11.4804 5.89464 11.2929 5.70711ZM11 12C11 12.2652 11.1054 12.5196 11.2929 12.7071C11.4804 12.8946 11.7348 13 12 13C12.2652 13 12.5196 12.8946 12.7071 12.7071C12.8946 12.5196 13 12.2652 13 12C13 11.7348 12.8946 11.4804 12.7071 11.2929C12.5196 11.1054 12.2652 11 12 11C11.7348 11 11.4804 11.1054 11.2929 11.2929C11.1054 11.4804 11 11.7348 11 12ZM11 19C11 19.2652 11.1054 19.5196 11.2929 19.7071C11.4804 19.8946 11.7348 20 12 20C12.2652 20 12.5196 19.8946 12.7071 19.7071C12.8946 19.5196 13 19.2652 13 19C13 18.7348 12.8946 18.4804 12.7071 18.2929C12.5196 18.1054 12.2652 18 12 18C11.7348 18 11.4804 18.1054 11.2929 18.2929C11.1054 18.4804 11 18.7348 11 19Z" fill="#121212"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1,6 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.7875 10.2271C19.7875 9.51801 19.7239 8.83619 19.6057 8.18164H10.1875V12.0498H15.5693C15.3375 13.2998 14.633 14.3589 13.5739 15.068V17.5771H16.8057C18.6966 15.8362 19.7875 13.2726 19.7875 10.2271Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1864 20.0004C12.8864 20.0004 15.15 19.105 16.8046 17.5777L13.5728 15.0686C12.6773 15.6686 11.5318 16.0231 10.1864 16.0231C7.58183 16.0231 5.37728 14.264 4.59092 11.9004H1.25V14.4913C2.89546 17.7595 6.27728 20.0004 10.1864 20.0004Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.59205 11.8997C4.39205 11.2997 4.27842 10.6588 4.27842 9.99971C4.27842 9.34062 4.39205 8.6997 4.59205 8.0997V5.50879H1.25114C0.573864 6.85879 0.1875 8.38607 0.1875 9.99971C0.1875 11.6133 0.573864 13.1406 1.25114 14.4906L4.59205 11.8997Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1864 3.97728C11.6546 3.97728 12.9728 4.48183 14.0091 5.47274L16.8773 2.60455C15.1455 0.990911 12.8818 0 10.1864 0C6.27728 0 2.89546 2.24091 1.25 5.5091L4.59092 8.10002C5.37728 5.73638 7.58183 3.97728 10.1864 3.97728Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1,11 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_178_5112)">
|
||||
<path d="M12 5V19" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M5 12H19" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_178_5112">
|
||||
<rect width="24" height="24" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 455 B |
@@ -0,0 +1,3 @@
|
||||
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1.5C7.64641 1.5 6.80117 1.66813 6.01256 1.99478C5.22394 2.32144 4.50739 2.80023 3.90381 3.40381C3.30023 4.00739 2.82144 4.72394 2.49478 5.51256C2.16813 6.30117 2 7.14641 2 8C2 8.85359 2.16813 9.69883 2.49478 10.4874C2.82144 11.2761 3.30023 11.9926 3.90381 12.5962C4.50739 13.1998 5.22394 13.6786 6.01256 14.0052C6.80117 14.3319 7.64641 14.5 8.5 14.5C9.35359 14.5 10.1988 14.3319 10.9874 14.0052C11.7761 13.6786 12.4926 13.1998 13.0962 12.5962C13.6998 11.9926 14.1786 11.2761 14.5052 10.4874C14.8319 9.69883 15 8.85359 15 8C15 7.14641 14.8319 6.30117 14.5052 5.51256C14.1786 4.72394 13.6998 4.00739 13.0962 3.40381C12.4926 2.80023 11.7761 2.32144 10.9874 1.99478C10.1988 1.66813 9.35359 1.5 8.5 1.5ZM6.39524 2.91866C7.06253 2.64226 7.77773 2.5 8.5 2.5C9.22227 2.5 9.93747 2.64226 10.6048 2.91866C11.272 3.19506 11.8784 3.60019 12.3891 4.11091C12.8998 4.62164 13.3049 5.22795 13.5813 5.89524C13.8577 6.56253 14 7.27773 14 8C14 8.72227 13.8577 9.43747 13.5813 10.1048C13.3049 10.772 12.8998 11.3784 12.3891 11.8891C11.8784 12.3998 11.272 12.8049 10.6048 13.0813C9.93747 13.3577 9.22227 13.5 8.5 13.5C7.77773 13.5 7.06253 13.3577 6.39524 13.0813C5.72795 12.8049 5.12164 12.3998 4.61091 11.8891C4.10019 11.3784 3.69506 10.772 3.41866 10.1048C3.14226 9.43747 3 8.72227 3 8C3 7.27773 3.14226 6.56253 3.41866 5.89524C3.69506 5.22795 4.10019 4.62163 4.61091 4.11091C5.12163 3.60019 5.72795 3.19506 6.39524 2.91866ZM7.52022 6.31311C7.32496 6.11785 7.00838 6.11785 6.81311 6.31311C6.61785 6.50838 6.61785 6.82496 6.81311 7.02022L7.79289 8L6.81311 8.97978C6.61785 9.17504 6.61785 9.49162 6.81311 9.68689C7.00838 9.88215 7.32496 9.88215 7.52022 9.68689L8.5 8.70711L9.47978 9.68689C9.67504 9.88215 9.99162 9.88215 10.1869 9.68689C10.3821 9.49162 10.3821 9.17504 10.1869 8.97978L9.20711 8L10.1869 7.02022C10.3821 6.82496 10.3821 6.50838 10.1869 6.31311C9.99162 6.11785 9.67504 6.11785 9.47978 6.31311L8.5 7.29289L7.52022 6.31311Z" fill="#F60909"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1.5C7.64641 1.5 6.80117 1.66813 6.01256 1.99478C5.22394 2.32144 4.50739 2.80023 3.90381 3.40381C3.30023 4.00739 2.82144 4.72394 2.49478 5.51256C2.16813 6.30117 2 7.14641 2 8C2 8.85359 2.16813 9.69883 2.49478 10.4874C2.82144 11.2761 3.30023 11.9926 3.90381 12.5962C4.50739 13.1998 5.22394 13.6786 6.01256 14.0052C6.80117 14.3319 7.64641 14.5 8.5 14.5C9.35359 14.5 10.1988 14.3319 10.9874 14.0052C11.7761 13.6786 12.4926 13.1998 13.0962 12.5962C13.6998 11.9926 14.1786 11.2761 14.5052 10.4874C14.8319 9.69883 15 8.85359 15 8C15 7.14641 14.8319 6.30117 14.5052 5.51256C14.1786 4.72394 13.6998 4.00739 13.0962 3.40381C12.4926 2.80023 11.7761 2.32144 10.9874 1.99478C10.1988 1.66813 9.35359 1.5 8.5 1.5ZM6.39524 2.91866C7.06253 2.64226 7.77773 2.5 8.5 2.5C9.22227 2.5 9.93747 2.64226 10.6048 2.91866C11.272 3.19506 11.8784 3.60019 12.3891 4.11091C12.8998 4.62164 13.3049 5.22795 13.5813 5.89524C13.8577 6.56253 14 7.27773 14 8C14 8.72227 13.8577 9.43747 13.5813 10.1048C13.3049 10.772 12.8998 11.3784 12.3891 11.8891C11.8784 12.3998 11.272 12.8049 10.6048 13.0813C9.93747 13.3577 9.22227 13.5 8.5 13.5C7.77773 13.5 7.06253 13.3577 6.39524 13.0813C5.72795 12.8049 5.12164 12.3998 4.61091 11.8891C4.10019 11.3784 3.69506 10.772 3.41866 10.1048C3.14226 9.43747 3 8.72227 3 8C3 7.27773 3.14226 6.56253 3.41866 5.89524C3.69506 5.22795 4.10019 4.62163 4.61091 4.11091C5.12163 3.60019 5.72795 3.19506 6.39524 2.91866ZM10.8536 7.02022C11.0488 6.82496 11.0488 6.50838 10.8536 6.31311C10.6583 6.11785 10.3417 6.11785 10.1464 6.31311L7.83333 8.62623L6.85355 7.64645C6.65829 7.45118 6.34171 7.45118 6.14645 7.64645C5.95118 7.84171 5.95118 8.15829 6.14645 8.35355L7.47978 9.68689C7.67504 9.88215 7.99162 9.88215 8.18689 9.68689L10.8536 7.02022Z" fill="#2ED15D"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
@@ -0,0 +1,3 @@
|
||||
<svg width="22" height="14" viewBox="0 0 22 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.9825 14C4.46596 14 0.178638 8.74474 0 0H3.76515C3.88882 6.41842 6.66459 9.13714 8.86321 9.6977V0H12.4085V5.53553C14.5796 5.2973 16.8607 2.77477 17.6302 0H21.1755C20.8855 1.43908 20.3075 2.80165 19.4776 4.0025C18.6477 5.20335 17.5837 6.21663 16.3523 6.97898C17.7269 7.67555 18.941 8.6615 19.9145 9.87175C20.888 11.082 21.5988 12.489 22 14H18.0974C17.7373 12.6876 17.0054 11.5128 15.9934 10.6228C14.9814 9.73284 13.7343 9.16727 12.4085 8.997V14H11.9825Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 584 B |
@@ -0,0 +1,3 @@
|
||||
<svg width="14" height="20" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.1991 2.77628H8.65909C5.83576 2.77628 4.35076 4.20628 4.35076 6.31461C4.35076 8.69794 5.37742 9.81461 7.48576 11.2463L9.22742 12.4196L4.22242 19.8979H0.482422L4.97409 13.2079C2.39076 11.3563 0.940755 9.55794 0.940755 6.51628C0.940755 2.70294 3.59909 0.0996094 8.64076 0.0996094H13.6458V19.8796H10.1991V2.77628Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 442 B |
@@ -0,0 +1,412 @@
|
||||
<!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 wrapper">
|
||||
<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 21Line truncated
|
||||
</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 21Line truncated
|
||||
</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="registration">
|
||||
<div class="registration__orders">
|
||||
<div class="registration-card registration-card--green">
|
||||
<div class="registration-card__content">
|
||||
<div class="registration-card__element">
|
||||
<p class="registration-card__text registration-card__text--grey">Имя и фамилия не указано</p>
|
||||
</div>
|
||||
|
||||
<div class="registration-card__element">
|
||||
<p class="registration-card__label">Телефон:</p>
|
||||
<p class="registration-card__text registration-card__text--grey">Не заполнено</p>
|
||||
</div>
|
||||
|
||||
<div class="registration-card__element">
|
||||
<p class="registration-card__label">Почта:</p>
|
||||
<p class="registration-card__text">example@example.com</p>
|
||||
<p class="registration-card__status registration-card__status--chek">Почта подтверждена</p>
|
||||
<!-- <p class="registration-card__status registration-card__status--cancelled">Почта не подтверждена</p> -->
|
||||
</div>
|
||||
|
||||
<div class="registration-card__element">
|
||||
<p class="registration-card__label">Связанные аккаунты:</p>
|
||||
<div class="registration-card__block-accounts">
|
||||
<div class="registration-card__account">
|
||||
<img src="assets/img/svg/main/google-white.svg" alt="">
|
||||
</div>
|
||||
<div class="registration-card__account">
|
||||
<img src="assets/img/svg/main/vk-white.svg" alt="">
|
||||
</div>
|
||||
<div class="registration-card__account">
|
||||
<img src="assets/img/svg/main/ya-white.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="registration-card__element">
|
||||
<div class="registration-card__block-buttons">
|
||||
<button class="registration-card__button">
|
||||
Изменить
|
||||
</button>
|
||||
|
||||
<button class="registration-card__button">
|
||||
Выйти
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="registration-card registration-card--green">
|
||||
<div class="registration-card__content">
|
||||
<p class="registration-card__text">Мои адреса</p>
|
||||
|
||||
<div class="registration-card__element registration-card__element--margin-top-32">
|
||||
<p class="registration-card__label">Курьер</p>
|
||||
<p class="registration-card__text registration-card__text--grey">Не заполнено</p>
|
||||
|
||||
<button class="registration-card__element-change"></button>
|
||||
</div>
|
||||
|
||||
<div class="registration-card__element registration-card__element--margin-top-32">
|
||||
<button class="button button--white button--100-perc">
|
||||
Добавить адрес
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="registration-card registration-card--green">
|
||||
<div class="registration-card__content">
|
||||
<button class="registration-card__block-add-pets">
|
||||
<div class="registration-card-add-pets__circle">
|
||||
<img src="assets/img/svg/main/plus-grey.svg" alt="">
|
||||
</div>
|
||||
|
||||
<p class="registration-card-add-pets__text">
|
||||
Добавить питомца
|
||||
</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="registration__profile">
|
||||
s
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<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>
|
||||
Reference in new issue
Block a user