Compare commits
5 Commits
d04ff5db02
...
cosmopet-a
| Author | SHA1 | Date | |
|---|---|---|---|
|
942c9a0896 | ||
|
|
6f1ca3924c | ||
|
e67ea16299 | ||
| d8f89ad9a9 | |||
| 043a617c87 |
40
README.md
40
README.md
@@ -2,7 +2,35 @@
|
|||||||
|
|
||||||
### **С точки зрения веб-разработки:**
|
### **С точки зрения веб-разработки:**
|
||||||
* верстаем на чистом HTML/CSS с использованием flex и grid (без подключение библиотек типа bootstrap и т.п.)
|
* верстаем на чистом HTML/CSS с использованием flex и grid (без подключение библиотек типа bootstrap и т.п.)
|
||||||
* при именовании блоков используем методологию **БЭМ в стиле "Two Dashes"**:
|
* соблюдаем Scope-ориентированный подход:
|
||||||
|
- каждую секцию/экран именуем **уникальным** классом-родителем, от которого строим CSS-селектор для дочерних элементов, что ограничивает область ваших стилей только внутри секции/экрана, не влияя на другие части сайта.
|
||||||
|
|
||||||
|
- пример: <br>
|
||||||
|
|
||||||
|
HTML:
|
||||||
|
```
|
||||||
|
<section class="my-namespace">
|
||||||
|
<h1>Новый заголовок</h1>
|
||||||
|
<button class="my-button">Кнопка</button>
|
||||||
|
</section>
|
||||||
|
```
|
||||||
|
|
||||||
|
CSS:
|
||||||
|
|
||||||
|
```
|
||||||
|
.my-namespace h1 {
|
||||||
|
font-size: 24px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.my-namespace .my-button {
|
||||||
|
background-color: #007BFF;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
* чтобы дополнительно структурировать CSS при именовании блоков используем методологию **БЭМ в стиле "Two Dashes"**:
|
||||||
`block-name__elem-name--mod-name--mod-val`
|
`block-name__elem-name--mod-name--mod-val`
|
||||||
+ имена записываются латиницей в нижнем регистре
|
+ имена записываются латиницей в нижнем регистре
|
||||||
+ для разделения слов в именах БЭМ-сущностей используется дефис (-)
|
+ для разделения слов в именах БЭМ-сущностей используется дефис (-)
|
||||||
@@ -11,8 +39,10 @@
|
|||||||
+ значение модификатора отделяется от его имени двумя дефисами (--)
|
+ значение модификатора отделяется от его имени двумя дефисами (--)
|
||||||
* из конечного HTML-файла убрать все комментарии, если такие имеются
|
* из конечного HTML-файла убрать все комментарии, если такие имеются
|
||||||
* все медиазапросы пишутся в отдельных файлах (которые мы подготовили) для того чтобы оптимизировать скорость загрузки; если используется препроцессор, то не нужно в классе каждого блока использовать импорты медиа запросов, а наоборот выносим пример можно посмотреть на ["видео"](https://www.youtube.com/watch?v=9uaENbRyVT4)
|
* все медиазапросы пишутся в отдельных файлах (которые мы подготовили) для того чтобы оптимизировать скорость загрузки; если используется препроцессор, то не нужно в классе каждого блока использовать импорты медиа запросов, а наоборот выносим пример можно посмотреть на ["видео"](https://www.youtube.com/watch?v=9uaENbRyVT4)
|
||||||
|
* **частая ошибка:** верстальщик берет изображения/видео из макета и не задает им адаптивную ширину/высоту, и на моменте сдачи верстки не заметно косяков, а вот когда мы переходим к натяжке и медиаматериалы начинают выводиться в шаблон динамически и уже разных форматов (ШИРИНАxВЫСОТА), тогда верстка начинает плыть. Чтоб такое избежать проверяйте на как себя ведет элемент при замене слишком большой/маленькой картинки.
|
||||||
* **ВАЖНО:** если верстка делается для многостраничного сайта (особенно на CMS), то для всех страниц прописывать уникальный класс в \<body\>, от которого строить все CSS-правила на этой странице + для кажой станицы использовать свои отдельные CSS-файлы
|
* **ВАЖНО:** если верстка делается для многостраничного сайта (особенно на CMS), то для всех страниц прописывать уникальный класс в \<body\>, от которого строить все CSS-правила на этой странице + для кажой станицы использовать свои отдельные CSS-файлы
|
||||||
|
* подключаем вначале normalize.min.css и reset.min.css, чтобы сбросить глобальные стили и устранить влияние наследуемых правил.
|
||||||
|
* шрифты и глобальные переменные выносим в отдельный файл (у нас это *gp-style-core.css*)
|
||||||
|
|
||||||
### **С точки зрения SEO:**
|
### **С точки зрения SEO:**
|
||||||
* все теги использовать строго по назначению! Текстовые (strong, b, i, em, h1-h6… p) используем только в текстовых блоках и заголовках. Для дизайна используем div и span. Например не нужно втыкать в подвал, шапку или формы захвата h4 или закрывать просто крупный текст, который не является заголовком в h2.
|
* все теги использовать строго по назначению! Текстовые (strong, b, i, em, h1-h6… p) используем только в текстовых блоках и заголовках. Для дизайна используем div и span. Например не нужно втыкать в подвал, шапку или формы захвата h4 или закрывать просто крупный текст, который не является заголовком в h2.
|
||||||
@@ -25,7 +55,11 @@
|
|||||||
## **Порядок работы**
|
## **Порядок работы**
|
||||||
|
|
||||||
### **Подготовка окружения для локальной разработки**
|
### **Подготовка окружения для локальной разработки**
|
||||||
1. Выкачивать локально на свой компьютер шаблон командой: `git clone https://git.good-production.xyz/Good-Production/template-for-verstka.git`
|
1. Выкачивать локально на свой компьютер один из 2х шаблонов (по веткам: 1 - master, 2 - with-phpmailer) командой: `git clone -b ${branch_name} https://git.good-production.xyz/Good-Production/template-for-verstka.git`
|
||||||
|
|
||||||
|
заменить переменную:
|
||||||
|
`${branch_name}` -- на "master", если достаточно только отправки форм в ТГ, либо "with-phpmailer", если нужна отправка на почту средствами PHP (без использования плагинов CMS)
|
||||||
|
|
||||||
2. Далее создать свою ветку командой: `git checkout -b ${project_name}--${name}`
|
2. Далее создать свою ветку командой: `git checkout -b ${project_name}--${name}`
|
||||||
3. Приступить к локальной разработке в созданной ветке
|
3. Приступить к локальной разработке в созданной ветке
|
||||||
4. Для демонстрации работы пушить свои комиты в созданную ветку командой: `git push origin ${project_name}--${name}`
|
4. Для демонстрации работы пушить свои комиты в созданную ветку командой: `git push origin ${project_name}--${name}`
|
||||||
|
|||||||
@@ -1,487 +1,120 @@
|
|||||||
/* Переменные, шрифты, UI kit */
|
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Proxima Nova";
|
font-family: "Craftwork Grotest";
|
||||||
src: local("Proxima Nova Bold"),
|
src: url('../fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Regular.ttf');
|
||||||
local("ProximaNova-Bold"),
|
font-weight: 400;
|
||||||
url("/assets/fonts/ProximaNova-Bold.woff2") format("woff2"),
|
|
||||||
url("/assets/fonts/ProximaNova-Bold.woff") format("woff"),
|
|
||||||
url("/assets/fonts/ProximaNova-Bold.ttf") format("ttf");
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Proxima Nova";
|
font-family: "Craftwork Grotest";
|
||||||
src: local("Proxima Nova Semibold"),
|
src: url('../fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Medium.ttf');
|
||||||
local("ProximaNova-Semibold"),
|
font-weight: 500;
|
||||||
url("/assets/fonts/ProximaNova-Semibold.woff2") format("woff2"),
|
}
|
||||||
url("/assets/fonts/ProximaNova-Semibold.woff") format("woff"),
|
|
||||||
url("/assets/fonts/ProximaNova-Semibold.ttf") format("ttf");
|
@font-face {
|
||||||
|
font-family: "Craftwork Grotest";
|
||||||
|
src: url('../fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-SemiBold.ttf');
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Proxima Nova";
|
font-family: "Craftwork Grotest";
|
||||||
src: local("Proxima Nova Regular"),
|
src: url('../fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Bold.ttf');
|
||||||
local("ProximaNova-Regular"),
|
font-weight: 700;
|
||||||
url("/assets/fonts/ProximaNova-Regular.woff2") format("woff2"),
|
|
||||||
url("/assets/fonts/ProximaNova-Regular.woff") format("woff"),
|
|
||||||
url("/assets/fonts/ProximaNova-Regular.ttf") format("ttf");
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Proxima Nova";
|
font-family: "Abel";
|
||||||
src: local("Proxima Nova Light"),
|
src: url('../fonts/Abel/Abel-Regular.ttf');
|
||||||
local("ProximaNova-Light"),
|
font-weight: 400;
|
||||||
url("/assets/fonts/ProximaNova-Light.woff2") format("woff2"),
|
|
||||||
url("/assets/fonts/ProximaNova-Light.woff") format("woff"),
|
|
||||||
url("/assets/fonts/ProximaNova-Light.ttf") format("ttf");
|
|
||||||
font-weight: 300;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
*{
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--font-family: "Proxima Nova", sans-serif;
|
/* Colors */
|
||||||
|
--radial: radial-gradient(261.43% 263.03% at 124% -28.000000000000004%,rgb(15, 88, 129),rgb(30, 164, 156) 36.979%,rgb(118, 206, 117) 66.667%,rgb(236, 243, 159) 91.146%);
|
||||||
|
--accent-1: radial-gradient(142.43% 141.42% at 100% 0%, #188892 0%, #1EA49C 45%, #76CE75 90%, #BBE38D 100%);
|
||||||
|
--accent-2: radial-gradient(2700.48% 141.42% at 100% 0%,rgb(122, 217, 231),rgb(126, 231, 225) 25%,rgb(181, 228, 180) 80%,rgb(215, 238, 170) 100%);
|
||||||
|
--accent-3: linear-gradient(6deg, rgb(244, 66, 66) 7.584%,rgb(86, 158, 240) 72.371%);
|
||||||
|
--linear: linear-gradient(-7.39deg, rgb(244, 241, 240) 23.643%,rgba(244, 241, 240, 0.3) 59.827%);
|
||||||
|
--btn-bg: radial-gradient(100% 174.56% at 100% 0%, #7AD9E7 0%, #7EE7E1 25%, #B5E4B4 80%, #D7EEAA 100%);
|
||||||
|
|
||||||
--red: #d3241d;
|
|
||||||
--blood: #ae0b05;
|
|
||||||
|
|
||||||
--background-main: #111114;
|
--main_white: #FFFFFF;
|
||||||
--background-grey: #2a2a2d;
|
--creme-white: #F4F1F0;
|
||||||
--background-grey-hover: #46464a;
|
--grey-f5: #F5F5F5;
|
||||||
|
--main_black: #121212;
|
||||||
--link: #86868b;
|
--grey-black: #121212;
|
||||||
|
--bg-light-grey: #F5F5F5;
|
||||||
--text-white: #fff;
|
--interface_title: #333333;
|
||||||
|
--interface_hover: #666666;
|
||||||
|
--orange_80: #FFDF99;
|
||||||
|
--green_90: #D9FFCC;
|
||||||
|
--green-dark: #76CE75;
|
||||||
|
--violet_90: #E7CAFF;
|
||||||
|
--blue_90: #CCE2FF;
|
||||||
|
--background: #F4F1F0;
|
||||||
|
--placeholder: #999999;
|
||||||
|
/* Fonts */
|
||||||
|
--font-craftwork: 'Craftwork Grotest', serif;
|
||||||
|
--font-abel: 'Abel', serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
body{
|
body {
|
||||||
background-color: var(--background-main);
|
background: var(--radial);
|
||||||
|
font-family: var(--font-craftwork);
|
||||||
font-family: var(--font-family);
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal{
|
.container {
|
||||||
position: fixed;
|
max-width: 1232px;
|
||||||
top: 0;
|
margin: 0 auto;
|
||||||
|
|
||||||
height: 100vh;
|
@media (max-width: 1264px) {
|
||||||
|
max-width: calc(100% - 32px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-inp {
|
||||||
|
height: 48px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
border: 1px solid var(--placeholder);
|
||||||
display: flex;
|
border-radius: 20px;
|
||||||
justify-content: center;
|
background: var(--main_white);
|
||||||
align-items: center;
|
padding: 0 16px;
|
||||||
|
color: var(--main_black);
|
||||||
background-color: rgba(17, 17, 20, .8);
|
font-size: 20px;
|
||||||
|
|
||||||
z-index: 100;
|
|
||||||
|
|
||||||
pointer-events: none;
|
|
||||||
|
|
||||||
transition: opacity .3s;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.modal.active{
|
|
||||||
pointer-events: auto;
|
|
||||||
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal__item{
|
|
||||||
padding: 88px 64px;
|
|
||||||
|
|
||||||
background-color: var(--background-main);
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.modal__item.active{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* text */
|
|
||||||
.title-1{
|
|
||||||
font-weight: 700;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.title-2{
|
|
||||||
font-weight: 700;
|
|
||||||
color: var(--text-white);
|
|
||||||
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.title-3{
|
|
||||||
font-weight: 700;
|
|
||||||
color: var(--text-white);
|
|
||||||
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.title-4{
|
|
||||||
font-weight: 700;
|
|
||||||
color: var(--text-white);
|
|
||||||
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.title--center{
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.text-1{
|
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: var(--text-white);
|
line-height: 24px;
|
||||||
}
|
font-family: var(--font-craftwork);
|
||||||
.text-2{
|
|
||||||
font-weight: 400;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.text-3{
|
|
||||||
font-weight: 400;
|
|
||||||
color: var(--text-white);
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
.text--bo-line{
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
/* text */
|
|
||||||
|
|
||||||
/* components */
|
|
||||||
.btn-social{
|
|
||||||
margin-left: 16px;
|
|
||||||
|
|
||||||
width: 40px;
|
|
||||||
aspect-ratio: 1;
|
|
||||||
|
|
||||||
padding: 8px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
background-color: var(--background-grey);
|
|
||||||
|
|
||||||
transition: background-color .3s;
|
|
||||||
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.btn-social:first-child{
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.btn-social:hover{
|
|
||||||
background-color: var(--background-grey-hover);
|
|
||||||
}
|
|
||||||
.btn-social:active{
|
|
||||||
background-color: var(--background-grey-hover);
|
|
||||||
}
|
|
||||||
.btn-social> img{
|
|
||||||
width: 24px;
|
|
||||||
aspect-ratio: 1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-big{
|
.form-inp::placeholder {
|
||||||
display: block;
|
color: var(--placeholder);
|
||||||
|
|
||||||
padding: 22.5px 32px;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 16px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--text-white);
|
|
||||||
text-decoration: none;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
transition: background-color .3s;
|
|
||||||
background-color: rgba(17, 17, 20, 0);
|
|
||||||
|
|
||||||
cursor: pointer;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
.btn-big--border{
|
|
||||||
padding: 21px 32px;
|
|
||||||
|
|
||||||
border: 1px solid;
|
|
||||||
}
|
|
||||||
.btn-big--border--blood{
|
|
||||||
border-color: var(--blood);
|
|
||||||
}
|
|
||||||
.btn-big--border--blood:hover{
|
|
||||||
background-color: var(--red);
|
|
||||||
}
|
|
||||||
.btn-big--border--blood:active{
|
|
||||||
background-color: var(--blood);
|
|
||||||
}
|
|
||||||
.btn-big--border--white{
|
|
||||||
border-color: var(--text-white);
|
|
||||||
}
|
|
||||||
.btn-big--border--white:hover{
|
|
||||||
background-color: var(--background-grey-hover);
|
|
||||||
}
|
|
||||||
.btn-big--border--white:active{
|
|
||||||
background-color: rgba(17, 17, 20, 0);
|
|
||||||
}
|
|
||||||
.btn-big--blood{
|
|
||||||
background-color: var(--blood);
|
|
||||||
}
|
|
||||||
.btn-big--blood:hover{
|
|
||||||
background-color: var(--red);
|
|
||||||
}
|
|
||||||
.btn-big--blood:active{
|
|
||||||
background-color: var(--blood);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-big--social{
|
.form-inp:hover,
|
||||||
padding-right: 66px;
|
.form-inp:focus {
|
||||||
|
border-color: var(--main_black);
|
||||||
background-position: top 20px right 34px;
|
|
||||||
background-size: 24px;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
.btn-big--tg{
|
|
||||||
background-image: url(/assets/img/social/telegram.svg);
|
|
||||||
}
|
|
||||||
.btn-big--ws{
|
|
||||||
background-image: url(/assets/img/social/whatsapp.svg);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn--100-per{
|
.form-textarea {
|
||||||
|
height: 96px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
resize: none;
|
||||||
|
background: var(--main_white);
|
||||||
|
border: 1px solid var(--placeholder);
|
||||||
|
padding: 12px 16px;
|
||||||
|
border-radius: 20px;
|
||||||
|
color: var(--main_black);
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24px;
|
||||||
|
font-family: var(--font-craftwork);
|
||||||
}
|
}
|
||||||
|
|
||||||
.link{
|
.form-textarea::placeholder {
|
||||||
font-weight: 400;
|
color: var(--placeholder);
|
||||||
text-transform: uppercase;
|
|
||||||
text-decoration: underline;
|
|
||||||
text-decoration-skip-ink: none;
|
|
||||||
color: var(--link);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.input__block{
|
.form-textarea:hover,
|
||||||
display: flex;
|
.form-textarea:focus {
|
||||||
flex-direction: column;
|
border-color: var(--main_black);
|
||||||
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
}
|
}
|
||||||
.input__label{
|
|
||||||
position: absolute;
|
|
||||||
top: 14px;
|
|
||||||
left: 24px;
|
|
||||||
|
|
||||||
|
|
||||||
font-size: 12px;
|
|
||||||
color: var(--link);
|
|
||||||
text-transform: uppercase;
|
|
||||||
|
|
||||||
transition: all 0.3s;
|
|
||||||
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
.input__field{
|
|
||||||
height: 64px;
|
|
||||||
|
|
||||||
padding: 31px 24px 14px 24px;
|
|
||||||
|
|
||||||
height: 64px;
|
|
||||||
|
|
||||||
background-color: var(--background-grey-hover);
|
|
||||||
border: none;
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 16px;
|
|
||||||
color: var(--text-white);
|
|
||||||
|
|
||||||
outline: none;
|
|
||||||
transition: all 0.3s;
|
|
||||||
}
|
|
||||||
.input__field:hover{
|
|
||||||
border: 1px solid var(--text-white);
|
|
||||||
}
|
|
||||||
.input__field:focus{
|
|
||||||
border: 1px solid var(--text-white);
|
|
||||||
}
|
|
||||||
.input__field:placeholder-shown + .input__label{
|
|
||||||
top: 22.5px;
|
|
||||||
left: 24px;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 16px;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.input__field:focus + .input__label{
|
|
||||||
top: 14px;
|
|
||||||
left: 24px;
|
|
||||||
|
|
||||||
|
|
||||||
font-size: 12px;
|
|
||||||
color: var(--link);
|
|
||||||
}
|
|
||||||
.input__field:not(:placeholder-shown):invalid{
|
|
||||||
border: 1px solid #ef120a;
|
|
||||||
}
|
|
||||||
.input__error{
|
|
||||||
margin-top: 16px;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 12px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--text-white);
|
|
||||||
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.form.checked .input__error{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form__item{
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
.form__item:first-child{
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.form__item--two{
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
.form__item--two .input__block{
|
|
||||||
width: calc(50% - 8px);
|
|
||||||
}
|
|
||||||
.form__additional{
|
|
||||||
margin-top: 32px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.form__additional input[type="file"]{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.form-additional__text{
|
|
||||||
margin-left: 16px;
|
|
||||||
}
|
|
||||||
.form input[type=submit]{
|
|
||||||
margin-top: 32px;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
.form__link{
|
|
||||||
margin-left: 6px;
|
|
||||||
|
|
||||||
font-size: 16px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
text-decoration: underline;
|
|
||||||
text-decoration-skip-ink: none;
|
|
||||||
color: var(--link);
|
|
||||||
}
|
|
||||||
.form__file{
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.form__mini-btn{
|
|
||||||
background-color: var(--background-grey-hover);
|
|
||||||
border: none;
|
|
||||||
|
|
||||||
transition: all .3s;
|
|
||||||
}
|
|
||||||
.form__mini-btn:hover{
|
|
||||||
opacity: .8;
|
|
||||||
}
|
|
||||||
.form__checkbox{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.form__checkbox:checked + .form-checkbox__square{
|
|
||||||
border-color: var(--blood);
|
|
||||||
|
|
||||||
background-image: url(/assets/img/icon/red-arrow.svg);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center;
|
|
||||||
}
|
|
||||||
.form.checked .form__checkbox:invalid + .form-checkbox__square{
|
|
||||||
border-color: var(--blood);
|
|
||||||
}
|
|
||||||
.form__checkbox-block{
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.form-checkbox__square{
|
|
||||||
width: 18px;
|
|
||||||
aspect-ratio: 1;
|
|
||||||
|
|
||||||
border-radius: 4px;
|
|
||||||
border: 1.50px solid var(--text-white);
|
|
||||||
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
/* components */
|
|
||||||
|
|
||||||
/* header */
|
|
||||||
.header__logo{
|
|
||||||
width: 74px;
|
|
||||||
height: 64px;
|
|
||||||
|
|
||||||
background-image: url(/assets/img/main/logo.svg);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
}
|
|
||||||
/* header */
|
|
||||||
|
|
||||||
/* footer */
|
|
||||||
.footer__logo{
|
|
||||||
width: 74px;
|
|
||||||
height: 64px;
|
|
||||||
}
|
|
||||||
.footer__menu{
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.footer-menu__list{
|
|
||||||
list-style-type: none;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.footer-menu__list a{
|
|
||||||
color: var(--text-white);
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.footer__text{
|
|
||||||
margin-top: 24px;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.footer__text:first-child{
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.footer__text--no-line{
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.footer__media{
|
|
||||||
margin-top: 24px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.footer__review{
|
|
||||||
width: 309px;
|
|
||||||
height: 146px;
|
|
||||||
}
|
|
||||||
.footer__about{
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 16px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--link);
|
|
||||||
}
|
|
||||||
/* footer */
|
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -1,81 +1,212 @@
|
|||||||
/* Стили для мобильных устройств */
|
/* Стили для мобильных устройств */
|
||||||
@media only screen and (max-width: 576px) {
|
@media only screen and (max-width: 576px) {
|
||||||
|
.anons-best__title {
|
||||||
|
font-size: 26px;
|
||||||
|
line-height: 32px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
/* component */
|
.anons-best__card {
|
||||||
.link{
|
padding-top: 205px;
|
||||||
font-size: 14px;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
|
.anons-best__card .main-img {
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
/* footer */
|
.anons-best__card-body {
|
||||||
.footer{
|
padding: 20px 17px;
|
||||||
padding: 40px 16px;
|
}
|
||||||
}
|
|
||||||
.footer__wrapper{
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
display: block;
|
.anons-best__card-body__title {
|
||||||
}
|
font-size: 20px;
|
||||||
.footer__item{
|
line-height: 24px;
|
||||||
margin-top: 40px;
|
margin-bottom: 16px;
|
||||||
}
|
}
|
||||||
.footer__item:nth-child(2){
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.footer__contact .footer__item:nth-child(2),
|
|
||||||
.footer__contact .footer__item:nth-child(3){
|
|
||||||
margin-top: 40px;
|
|
||||||
}
|
|
||||||
.footer__contact{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.footer__contact .footer__item{
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.footer-menu__item{
|
|
||||||
margin-left: 53px;
|
|
||||||
}
|
|
||||||
.footer-menu__item:first-child{
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.footer-menu__list{
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
.footer-menu__list li{
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
.footer-menu__list li:first-child{
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.footer__text{
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
font-size: 18px;
|
.anons-best__card.light .main-img {
|
||||||
}
|
height: 197px;
|
||||||
.footer__about{
|
}
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.footer-about__link{
|
|
||||||
margin-top: 24px;
|
|
||||||
}
|
|
||||||
/* footer */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* services */
|
.anons-best__card.light .anons-best__card-body__title {
|
||||||
@media only screen and (max-width: 576px) {
|
font-size: 20px;
|
||||||
.services__content .title-4{
|
line-height: 24px;
|
||||||
margin-bottom: 0;
|
}
|
||||||
}
|
|
||||||
.services__item .text-2{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* services */
|
|
||||||
|
|
||||||
/* call */
|
.editorial-card {
|
||||||
.call .title-3{
|
flex-direction: column;
|
||||||
font-size: 20px;
|
border-radius: 30px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editorial-card .main-img {
|
||||||
|
width: 100%;
|
||||||
|
height: 203px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editorial-card__content {
|
||||||
|
padding: 17px 13px 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editorial-card__content-alerts {
|
||||||
|
position: absolute;
|
||||||
|
top: 13px;
|
||||||
|
left: 8px;
|
||||||
|
width: calc(100% - 16px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.editorial-card__content-title {
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24px;
|
||||||
|
margin-bottom: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editorial-card__content-data {
|
||||||
|
gap: 5px 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
padding: 24px 0 58px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-top {
|
||||||
|
align-items: flex-start;
|
||||||
|
text-align: left;
|
||||||
|
gap: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content__wrap {
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content {
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content .logo {
|
||||||
|
font-size: 20px;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content__address {
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 24px;
|
||||||
|
margin-bottom: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content ul {
|
||||||
|
gap: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content ul p {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content ul a {
|
||||||
|
font-size: 24px;
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-top__link .link-white {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-contact {
|
||||||
|
width: 100%;
|
||||||
|
padding: 16px;
|
||||||
|
border-radius: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-contact__title {
|
||||||
|
color: var(--main_white);
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-bottom {
|
||||||
|
margin-top: 0;
|
||||||
|
padding-top: 24px;
|
||||||
|
border: 0;
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.authors {
|
||||||
|
padding-bottom: 138px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.authors h2 {
|
||||||
|
font-size: 32px;
|
||||||
|
line-height: 38px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.authors li {
|
||||||
|
border-radius: 24px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.authors a {
|
||||||
|
padding: 32px 17px 52px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.authors .main-img {
|
||||||
|
width: 180px;
|
||||||
|
height: 180px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.authors-name {
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.authors-type {
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 24px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.authors p {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author {
|
||||||
|
padding-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-content {
|
||||||
|
margin-bottom: 23px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author .main-img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author h2 {
|
||||||
|
font-size: 32px;
|
||||||
|
line-height: 38px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-name {
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-type {
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-description {
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 24px;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author p {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
/* call */
|
|
||||||
78
assets/css/gp-style-normalize.css
Normal file
78
assets/css/gp-style-normalize.css
Normal file
@@ -0,0 +1,78 @@
|
|||||||
|
* {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
-webkit-tap-highlight-color: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
span,
|
||||||
|
label {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
}
|
||||||
|
|
||||||
|
input,
|
||||||
|
textarea {
|
||||||
|
outline: none;
|
||||||
|
border: 0;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
button,
|
||||||
|
select {
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
background: transparent;
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
address {
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapper {
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
min-height: 100svh;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul,
|
||||||
|
ol,
|
||||||
|
dl {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
p,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=number]::-webkit-inner-spin-button,
|
||||||
|
input[type=number]::-webkit-outer-spin-button {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
@@ -1,795 +1,152 @@
|
|||||||
/* Стили для планшетов */
|
/* Стили для планшетов */
|
||||||
@media only screen and (max-width: 992px) {
|
@media only screen and (max-width: 992px) {
|
||||||
.wrapper{
|
.header-navs {
|
||||||
width: 100%;
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-container {
|
||||||
|
height: 56px;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-bars {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-logo {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 20px;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-logo img {
|
||||||
|
width: 31px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-lang {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Where home */
|
||||||
|
.where-home {
|
||||||
|
padding: 92px 0 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.where-home h1 {
|
||||||
|
font-size: 32px;
|
||||||
|
line-height: 38px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.where-home p {
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
/* Where home end */
|
||||||
|
|
||||||
|
/* Find us */
|
||||||
|
.find-us {
|
||||||
|
padding-bottom: 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.find-us h2 {
|
||||||
|
font-size: 26px;
|
||||||
|
line-height: 32px;
|
||||||
|
margin-bottom: 36px;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.find-us ul {
|
||||||
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||||
|
gap: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.find-us h3 {
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.find-us p {
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
/* Find us end */
|
||||||
|
|
||||||
|
/* Location */
|
||||||
|
.location {
|
||||||
|
padding-bottom: 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.location h2 {
|
||||||
|
font-size: 26px;
|
||||||
|
line-height: 32px;
|
||||||
|
margin-bottom: 36px;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.location iframe {
|
||||||
|
height: 560px;
|
||||||
|
width: calc(100% + 32px);
|
||||||
|
margin-left: -16px;
|
||||||
|
border-radius: 24px;
|
||||||
|
}
|
||||||
|
/* Location end */
|
||||||
|
|
||||||
|
/* Sell form */
|
||||||
|
.sell-form {
|
||||||
|
padding-bottom: 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sell-form__container {
|
||||||
|
max-width: 100%;
|
||||||
|
border-radius: 24px;
|
||||||
|
padding: 36px 16px;
|
||||||
|
gap: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sell-form h2 {
|
||||||
|
font-size: 26px;
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sell-form p {
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sell-form textarea {
|
||||||
|
height: 120px;
|
||||||
|
}
|
||||||
|
/* Sell form end */
|
||||||
|
|
||||||
|
.authors h2 {
|
||||||
|
font-size: 48px;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.authors li {
|
||||||
|
border-radius: 32px;
|
||||||
|
width: calc(50% - 12px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.authors .main-img {
|
||||||
|
margin-bottom: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author {
|
||||||
|
padding-bottom: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author h2 {
|
||||||
|
font-size: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author-content {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.phone--hone{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* text */
|
|
||||||
.title-1{
|
|
||||||
font-size: 32px;
|
|
||||||
}
|
|
||||||
.title-2{
|
|
||||||
font-size: 32px;
|
|
||||||
}
|
|
||||||
.title-3{
|
|
||||||
font-size: 32px;
|
|
||||||
}
|
|
||||||
.title-4{
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
.text-1{
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
.text-2{
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
/* text */
|
|
||||||
|
|
||||||
/* component */
|
|
||||||
.btn-big{
|
|
||||||
padding: 23.5px 19.5px;
|
|
||||||
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
/* component */
|
|
||||||
|
|
||||||
/* header */
|
|
||||||
.header{
|
|
||||||
padding: 24px 16px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.header__wrapper{
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.header__phone{
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.header-phone__item{
|
|
||||||
margin-left: 24px;
|
|
||||||
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
|
|
||||||
transition: opacity .3s;
|
|
||||||
}
|
|
||||||
.header-phone__item > img{
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.header-phone__item:first-child{
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.header-phone__item:active{
|
|
||||||
opacity: .8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-menu{
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.button-menu__open{
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
transition: opacity .3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.phone-menu{
|
|
||||||
position: absolute;
|
|
||||||
top: 0px;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
|
|
||||||
height: 0;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
background-color: var(--background-main);
|
|
||||||
|
|
||||||
z-index: 10;
|
|
||||||
overflow: hidden;
|
|
||||||
transition: all .3s;
|
|
||||||
}
|
|
||||||
.phone-menu.active{
|
|
||||||
height: 100vh;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
.phone-menu__block-content{
|
|
||||||
height: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
z-index: 10;
|
|
||||||
|
|
||||||
transition: all .5s;
|
|
||||||
}
|
|
||||||
.phone-menu__content{
|
|
||||||
padding: 104px 16px 40px 16px;
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.phone-menu__sub{
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 100%;
|
|
||||||
width: 100%;
|
|
||||||
transition: all .3s;
|
|
||||||
|
|
||||||
height: 100vh;
|
|
||||||
|
|
||||||
background-color: var(--background-main);
|
|
||||||
}
|
|
||||||
.phone-menu__sub.active{
|
|
||||||
left: 0;
|
|
||||||
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
.phone-menu__sub .title-1{
|
|
||||||
margin-bottom: 32px;
|
|
||||||
}
|
|
||||||
.phone-menu-content__close{
|
|
||||||
position: absolute;
|
|
||||||
top: 40px;
|
|
||||||
right: 16px;
|
|
||||||
|
|
||||||
width: 32px;
|
|
||||||
aspect-ratio: 1;
|
|
||||||
|
|
||||||
background-image: url(/assets/img/icon/close.svg);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center;
|
|
||||||
|
|
||||||
background-color: var(--background-main);
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
.phone-menu__block{
|
|
||||||
margin-top: 32px;
|
|
||||||
}
|
|
||||||
.phone-menu__title{
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 32px;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.phone-menu__list{
|
|
||||||
list-style-type: none;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 14px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.phone-menu__list a{
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 14px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--text-white);
|
|
||||||
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.phone-menu__list li{
|
|
||||||
margin-top: 24px;
|
|
||||||
}
|
|
||||||
.phone-menu__list li:first-child{
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.phone-menu--next{
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
background-image: url(/assets/img/icon/arrow-right.svg);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.phone-menu__text{
|
|
||||||
margin-top: 24px;
|
|
||||||
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 16px;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.phone-menu__text:first-child{
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.phone-menu__text > a {
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.phone-menu__text--no-line{
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.phone-menu__sub .title-1{
|
|
||||||
text-transform: capitalize;
|
|
||||||
}
|
|
||||||
.phone-social{
|
|
||||||
margin-top: 24px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.phone-menu{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.phone-search{
|
|
||||||
position: absolute;
|
|
||||||
top: 112px;
|
|
||||||
left: 0;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
height: 0;
|
|
||||||
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
transition: all .3s;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.phone-search.active{
|
|
||||||
height: 79px;
|
|
||||||
}
|
|
||||||
.phone-search.hidden{
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
.phone-search__content{
|
|
||||||
padding: 16px;
|
|
||||||
|
|
||||||
background-color: var(--background-grey-hover);
|
|
||||||
}
|
|
||||||
.phone-search__input{
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
padding: 14.5px 23px;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 14px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--text-white);
|
|
||||||
|
|
||||||
border: 1px solid var(--text-white);
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
background-color: rgba(0, 0, 0, 0);
|
|
||||||
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
.phone-search__input::placeholder{
|
|
||||||
color: var(--link);
|
|
||||||
}
|
|
||||||
.phone-search__found{
|
|
||||||
position: absolute;
|
|
||||||
top: 95px;
|
|
||||||
left: 16px;
|
|
||||||
right: 16px;
|
|
||||||
|
|
||||||
max-height: 256px;
|
|
||||||
width: calc(100% - 32px);
|
|
||||||
|
|
||||||
padding: 16px;
|
|
||||||
|
|
||||||
background-color: var(--background-grey-hover);
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
overflow-y: auto;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.phone-search__found.active{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.phone-search__item{
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.phone-search__item{
|
|
||||||
margin-top: 24px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.phone-search__item:first-child{
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.phone-search-item__img{
|
|
||||||
width: 64px;
|
|
||||||
aspect-ratio: 1;
|
|
||||||
|
|
||||||
border-radius: 8px;
|
|
||||||
}
|
|
||||||
.phone-search-item__content{
|
|
||||||
margin-left: 16px;
|
|
||||||
}
|
|
||||||
.phone-search-item__art{
|
|
||||||
margin-top: 8px;
|
|
||||||
|
|
||||||
color: var(--link);
|
|
||||||
}
|
|
||||||
.phone__open-search{
|
|
||||||
width: 32px;
|
|
||||||
aspect-ratio: 1;
|
|
||||||
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
border: none;
|
|
||||||
background-color: rgba(0, 0, 0, 0);
|
|
||||||
}
|
|
||||||
.phone__open-search.active img:first-child{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
/* header */
|
|
||||||
|
|
||||||
/* footer */
|
|
||||||
.footer{
|
|
||||||
margin-top: 96px;
|
|
||||||
}
|
|
||||||
.footer__wrapper{
|
|
||||||
padding: 0 16px;
|
|
||||||
|
|
||||||
justify-content: start;
|
|
||||||
}
|
|
||||||
.footer__item:nth-child(2){
|
|
||||||
margin-left: 38px;
|
|
||||||
}
|
|
||||||
.footer__contact{
|
|
||||||
margin-top: 20px;
|
|
||||||
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
.footer__contact .footer__item:nth-child(3){
|
|
||||||
margin-top: 20px;
|
|
||||||
margin-left: 0;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
/* footer */
|
|
||||||
}
|
|
||||||
/* footer */
|
|
||||||
@media only screen and (max-width: 829px) {
|
|
||||||
.footer__about{
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: 630px) {
|
|
||||||
.footer__wrapper{
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.footer__contact{
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.footer__contact .footer__item:nth-child(2){
|
|
||||||
margin-top: 20px;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* footer */
|
|
||||||
|
|
||||||
main{
|
|
||||||
padding: 0 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* space */
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
.space{
|
|
||||||
margin-top: 32px;
|
|
||||||
}
|
|
||||||
.space__content{
|
|
||||||
margin-top: 24px;
|
|
||||||
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.space__consultation{
|
|
||||||
order: 1;
|
|
||||||
|
|
||||||
margin-left: 0;
|
|
||||||
|
|
||||||
max-width: 100%;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.space__consultation .btn-big{
|
|
||||||
margin-top: 40px;
|
|
||||||
}
|
|
||||||
.space__statistics{
|
|
||||||
order: 2;
|
|
||||||
|
|
||||||
margin-top: 40px;
|
|
||||||
|
|
||||||
width: auto;
|
|
||||||
height: auto;
|
|
||||||
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
.space-statistics__img{
|
|
||||||
position: static;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
min-height: 300px;
|
|
||||||
}
|
|
||||||
.space-statistics__item{
|
|
||||||
margin-top: 16px;
|
|
||||||
margin-left: 0;
|
|
||||||
|
|
||||||
width: calc(50% - 8px);
|
|
||||||
height: 160px;
|
|
||||||
|
|
||||||
background: #2a2a2d;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* space */
|
|
||||||
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
.main__item{
|
|
||||||
margin-top: 96px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* gym */
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
.gym{
|
|
||||||
margin: 40px -16px 0 0;
|
|
||||||
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.gym .swiper-wrapper{
|
|
||||||
flex-wrap: nowrap;
|
|
||||||
}
|
|
||||||
.gym .swiper-slide:nth-child(3){
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column-reverse;
|
|
||||||
}
|
|
||||||
.gym__item{
|
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
flex-direction: column-reverse;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.gym-item__img, .gym-item__text{
|
|
||||||
max-width: 100%;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
height: 179px;
|
|
||||||
}
|
|
||||||
.gym-item__img{
|
|
||||||
margin-top: 24px;
|
|
||||||
}
|
|
||||||
.gym-item-text__header .text-1{
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
.gym-item-text__header .title-2{
|
|
||||||
margin-left: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* gym */
|
|
||||||
|
|
||||||
/* projects */
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
.projects{
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.projects .swiper-wrapper{
|
|
||||||
margin: 40px 0 0 0;
|
|
||||||
|
|
||||||
flex-wrap: nowrap;
|
|
||||||
}
|
|
||||||
.projects__item{
|
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
.projects-item__img{
|
|
||||||
height: 200px;
|
|
||||||
}
|
|
||||||
.projects-item__content{
|
|
||||||
padding: 16px;
|
|
||||||
|
|
||||||
min-height: auto;
|
|
||||||
}
|
|
||||||
.projects-item__tag{
|
|
||||||
margin-left: 24px;
|
|
||||||
}
|
|
||||||
.projects-item__text{
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
.projects-item__text .text-1{
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
.projects__next{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.projects__counter{
|
|
||||||
margin-top: 40px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 18px;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
|
|
||||||
.projects .swiper-button-next::after, .projects .swiper-button-prev::after{
|
|
||||||
position: static;
|
|
||||||
|
|
||||||
font-size: 0;
|
|
||||||
}
|
|
||||||
.projects .swiper-button-next, .projects .swiper-button-prev{
|
|
||||||
position: static;
|
|
||||||
|
|
||||||
margin-top: 0;
|
|
||||||
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
}
|
|
||||||
.projects .swiper-button-next{
|
|
||||||
margin-left: 40px;
|
|
||||||
|
|
||||||
background-image: url(/assets/img/icon/slider-righ.svg);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
.projects .swiper-button-prev{
|
|
||||||
margin-right: 40px;
|
|
||||||
|
|
||||||
background-image: url(/assets/img/icon/slider-left.svg);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* projects */
|
|
||||||
|
|
||||||
/* how */
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
.how{
|
|
||||||
margin-top: 40px;
|
|
||||||
}
|
|
||||||
.how__content{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.how__control{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.how-control__item{
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.how-control-item__number{
|
|
||||||
width: 40px;
|
|
||||||
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
.how-control__item__name{
|
|
||||||
margin-top: 16px;
|
|
||||||
margin-left: 0;
|
|
||||||
|
|
||||||
max-width: 100%;
|
|
||||||
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
.how-content__item-block{
|
|
||||||
position: static;
|
|
||||||
}
|
|
||||||
.how-content__item-block.active{
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
.how-content__item{
|
|
||||||
padding: 16px;
|
|
||||||
}
|
|
||||||
.how-content-item__text{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.how-content-item__img{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* how */
|
|
||||||
|
|
||||||
/* free */
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
.free{
|
|
||||||
padding: 40px 16px 39px 16px;
|
|
||||||
}
|
|
||||||
.free__content{
|
|
||||||
margin-top: 40px;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.form__item--two{
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.form__item--two .input__block{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.form__item--two .input__block:nth-child(2){
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
.form__additional,
|
|
||||||
.form input[type=submit]{
|
|
||||||
margin-top: 24px;
|
|
||||||
}
|
|
||||||
.form__checkbox-block{
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.free .title-1{
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* reviews */
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
.reviews__item{
|
|
||||||
padding-bottom: 71px;
|
|
||||||
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.reviews-item-content-header__img{
|
|
||||||
width: 80px;
|
|
||||||
height: 80px;
|
|
||||||
}
|
|
||||||
.reviews-item-content-header__block{
|
|
||||||
margin-left: 16px;
|
|
||||||
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.reviews-item-content-header__item .text-2{
|
|
||||||
margin-top: 12px;
|
|
||||||
}
|
|
||||||
.reviews-item-content-header__item:nth-child(2){
|
|
||||||
margin-top: 12px;
|
|
||||||
|
|
||||||
justify-content: start;
|
|
||||||
}
|
|
||||||
.reviews-item-content__text{
|
|
||||||
margin-top: 24px;
|
|
||||||
}
|
|
||||||
.reviews-item__img{
|
|
||||||
margin-top: 24px;
|
|
||||||
margin-left: 0;
|
|
||||||
|
|
||||||
height: 300px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.reviews-item__img-block{
|
|
||||||
margin-top: 24px;
|
|
||||||
margin-left: 0;
|
|
||||||
|
|
||||||
height: 300px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.swiper-reviews-img{
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.reviews-item__img-block .swiper-slide{
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.reviews-item__img-block .swiper-slide img{
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
object-fit: cover;
|
|
||||||
}
|
|
||||||
.reviews .swiper-pagination{
|
|
||||||
bottom: 87px;
|
|
||||||
|
|
||||||
padding-right: 0px;
|
|
||||||
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.reviews .swiper-pagination-bullet{
|
|
||||||
width: 53px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* reviews */
|
|
||||||
|
|
||||||
/* text-form */
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
.text-form__form{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.text-form__content .text-2{
|
|
||||||
margin-top: 24px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* text-form */
|
|
||||||
|
|
||||||
/* services */
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
.services{
|
|
||||||
margin: 40px 0 0 0;
|
|
||||||
}
|
|
||||||
.services__item{
|
|
||||||
margin: 24px 0 0 0;
|
|
||||||
|
|
||||||
padding: 16px;
|
|
||||||
|
|
||||||
height: auto;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
.services__item:nth-child(n){
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.services__item:first-child{
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.services__img{
|
|
||||||
width: 40px;
|
|
||||||
}
|
|
||||||
.services__content{
|
|
||||||
min-height: auto;
|
|
||||||
}
|
|
||||||
.services__content .title-4{
|
|
||||||
margin-top: 24px;
|
|
||||||
/* margin-bottom: 0; */
|
|
||||||
}
|
|
||||||
.services__item .text-2{
|
|
||||||
/* display: none; */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* services */
|
|
||||||
|
|
||||||
/* call */
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
.call{
|
|
||||||
padding: 40px 16px 39px 16px;
|
|
||||||
}
|
|
||||||
.call__content{
|
|
||||||
margin-top: 40px;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
height: auto;
|
|
||||||
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.call__item{
|
|
||||||
margin-top: 24px;
|
|
||||||
}
|
|
||||||
.call__item:first-child{
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.call__item a{
|
|
||||||
margin-top: 24px;
|
|
||||||
}
|
|
||||||
.call__item a:first-child{
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* call */
|
|
||||||
|
|
||||||
/* modal */
|
|
||||||
.modal__item{
|
|
||||||
padding: 64px 16px;
|
|
||||||
}
|
|
||||||
.modal__item > .form{
|
|
||||||
padding: 40px 0 0 0;
|
|
||||||
}
|
|
||||||
.modal-item__close{
|
|
||||||
top: 20px;
|
|
||||||
right: 20px;
|
|
||||||
}
|
|
||||||
.modal__item .text--bo-line.form__link{
|
|
||||||
margin-top: 6px;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
/* modal */
|
|
||||||
|
|
||||||
@media only screen and (max-width: 992px) {}
|
|
||||||
44
assets/css/gp-style-xl.css
Normal file
44
assets/css/gp-style-xl.css
Normal file
@@ -0,0 +1,44 @@
|
|||||||
|
@media (max-width: 1200px) {
|
||||||
|
.header-navs {
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-navs__link {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-right {
|
||||||
|
gap: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.anons-article__card-wrap {
|
||||||
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
.editorial-card__wrap {
|
||||||
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-top {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content__wrap {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
gap: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-bottom {
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
assets/fonts/Abel/Abel-Regular.ttf
Normal file
BIN
assets/fonts/Abel/Abel-Regular.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Bold.ttf
Normal file
BIN
assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Bold.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Heavy.ttf
Normal file
BIN
assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Heavy.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Medium.ttf
Normal file
BIN
assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Medium.ttf
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
3
assets/img/arrow-down.svg
Normal file
3
assets/img/arrow-down.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M2.5 5.5L7.5 10.5L12.5 5.5" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 225 B |
BIN
assets/img/author-1.png
Normal file
BIN
assets/img/author-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 216 KiB |
BIN
assets/img/author-2.png
Normal file
BIN
assets/img/author-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 167 KiB |
BIN
assets/img/author-3.png
Normal file
BIN
assets/img/author-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 261 KiB |
BIN
assets/img/author-4.png
Normal file
BIN
assets/img/author-4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 261 KiB |
BIN
assets/img/author-5.png
Normal file
BIN
assets/img/author-5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 247 KiB |
BIN
assets/img/author-main-card.png
Normal file
BIN
assets/img/author-main-card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 429 KiB |
11
assets/img/bars.svg
Normal file
11
assets/img/bars.svg
Normal file
@@ -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_12806_2018)">
|
||||||
|
<path d="M4 8H20" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M4 16H20" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_12806_2018">
|
||||||
|
<rect width="24" height="24" fill="white"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 458 B |
3
assets/img/basket-icon.svg
Normal file
3
assets/img/basket-icon.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.9995 11.5385C19.3616 11.5385 18.7499 11.7816 18.2988 12.2144C17.8478 12.6471 17.5944 13.2341 17.5944 13.8462V15.1282H22.4045V13.8462C22.4045 13.2341 22.1511 12.6471 21.7001 12.2144C21.2491 11.7816 20.6373 11.5385 19.9995 11.5385ZM24.0079 15.1282V13.8462C24.0079 12.8261 23.5856 11.8478 22.8339 11.1265C22.0821 10.4052 21.0626 10 19.9995 10C18.9364 10 17.9168 10.4052 17.1651 11.1265C16.4133 11.8478 15.991 12.8261 15.991 13.8462V15.1282H13.9399M15.991 16.6667H13.9398C13.7471 16.6666 13.5566 16.7066 13.3816 16.7838C13.2065 16.861 13.051 16.9736 12.9255 17.1138C12.8 17.2541 12.7077 17.4188 12.6548 17.5965C12.6019 17.7742 12.5896 17.9608 12.6189 18.1435C12.6189 18.1434 12.6189 18.1435 12.6189 18.1435L13.9604 26.5045C14.0477 27.0493 14.3354 27.5463 14.7714 27.9052C15.2074 28.2642 15.7629 28.4615 16.3373 28.4615C16.3373 28.4615 16.3374 28.4615 16.3373 28.4615H23.6616C24.2362 28.4617 24.7921 28.2644 25.2283 27.9055C25.6645 27.5465 25.9523 27.0496 26.0396 26.5046L27.3811 18.1436C27.3811 18.1436 27.3811 18.1435 27.3811 18.1436C27.4104 17.9609 27.3981 17.7742 27.3452 17.5965C27.2923 17.4188 27.1999 17.2541 27.0745 17.1138C26.949 16.9736 26.7935 16.861 26.6184 16.7838C26.4433 16.7066 26.253 16.6666 26.0603 16.6667H24.0079V18.9744C24.0079 19.3992 23.649 19.7436 23.2062 19.7436C22.7635 19.7436 22.4045 19.3992 22.4045 18.9744V16.6667H17.5944V18.9744C17.5944 19.3992 17.2355 19.7436 16.7927 19.7436C16.3499 19.7436 15.991 19.3992 15.991 18.9744V16.6667ZM24.0079 15.1282H26.0601C26.0601 15.1282 26.0602 15.1282 26.0601 15.1282C26.4839 15.1282 26.9028 15.2161 27.2879 15.3859C27.673 15.5557 28.0153 15.8034 28.2913 16.112C28.5673 16.4206 28.7705 16.7829 28.8869 17.1739C29.0033 17.5649 29.0303 17.9755 28.9658 18.3774L27.6244 26.7385C27.6243 26.7385 27.6244 26.7384 27.6244 26.7385C27.4788 27.6467 26.9991 28.475 26.2722 29.0732C25.5453 29.6715 24.6192 30.0002 23.6616 30C23.6615 30 23.6616 30 23.6616 30H16.3373C15.3799 30 14.454 29.6711 13.7273 29.0728C13.0007 28.4746 12.5212 27.6466 12.3757 26.7386C12.3756 26.7385 12.3757 26.7386 12.3757 26.7386L11.0342 18.3776C10.9697 17.9756 10.9966 17.5649 11.1131 17.1739C11.2295 16.7829 11.4327 16.4206 11.7087 16.112C11.9847 15.8034 12.327 15.5557 12.7121 15.3859C13.0972 15.2161 13.5161 15.1282 13.9399 15.1282" fill="#333333"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.4 KiB |
3
assets/img/footer-network-1.svg
Normal file
3
assets/img/footer-network-1.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25023 2.99272C0 5.24325 0 8.86108 0 16.101V17.3791C0 24.619 0 28.2411 2.25023 30.4917C4.50046 32.7422 8.11782 32.7422 15.361 32.7422H16.639C23.8779 32.7422 27.4995 32.7422 29.7498 30.4917C32 28.2411 32 24.6233 32 17.3791V16.101C32 8.86108 32 5.239 29.7498 2.98847C27.4995 0.742188 23.8779 0.742188 16.639 0.742188H15.361C8.11782 0.742188 4.50046 0.742188 2.25023 2.99272ZM5.40056 10.4789C5.57463 18.7974 9.73544 23.7995 17.0253 23.7995H17.4372V19.0394C20.1162 19.3069 22.1414 21.2645 22.9566 23.7995H26.7438C25.7036 20.0118 22.9694 17.9184 21.2626 17.1201C22.9694 16.135 25.3682 13.7316 25.9414 10.4789H22.5023C21.7551 13.1201 19.5431 15.5193 17.4372 15.7443V10.4789H13.9981V19.7061C11.8668 19.1711 9.17076 16.5851 9.05188 10.4789H5.40056Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 911 B |
3
assets/img/footer-network-2.svg
Normal file
3
assets/img/footer-network-2.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M16 0.742188C7.16387 0.742188 0 7.90606 0 16.7422C0 25.5783 7.16387 32.7422 16 32.7422C24.8361 32.7422 32 25.5783 32 16.7422C32 7.90606 24.8361 0.742188 16 0.742188ZM23.8555 11.7048L21.2335 24.0815C21.0374 24.959 20.5213 25.1757 19.7884 24.7628L15.7832 21.8106L13.8529 23.6686C13.6361 23.8854 13.4606 24.0609 13.0477 24.0609L13.3265 19.9938L20.7381 13.2944C21.0581 13.0157 20.6658 12.8506 20.2426 13.1293L11.0761 18.8996L7.1329 17.6712C6.27613 17.4028 6.25548 16.8144 7.31871 16.4015L22.751 10.4454C23.4632 10.1873 24.0929 10.6209 23.8555 11.7048Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 676 B |
6
assets/img/footer-network-3.svg
Normal file
6
assets/img/footer-network-3.svg
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M15.568 0.742188C15.3825 3.24847 15.3939 5.78891 14.9687 8.25368C14.1605 12.9294 11.5304 15.3105 6.79636 15.8649C4.54453 16.1288 2.2659 16.1683 0 16.3095C0 15.8187 0.160702 14.5311 0.188825 14.3684C1.18518 8.62865 4.32691 4.50931 9.62271 2.11485C11.0322 1.47874 15.0772 0.742188 15.568 0.742188Z" fill="white"/>
|
||||||
|
<path d="M0 17.1484C1.98668 17.287 3.98207 17.3527 5.9567 17.5897C7.26575 17.7464 8.59221 18.0209 9.82962 18.4669C12.4651 19.417 14.1652 21.387 14.6935 24.0901C15.2399 26.887 15.4375 29.7528 15.8051 32.7325C13.2814 32.8082 11.2063 32.2571 9.25913 31.3016C4.19768 28.8188 1.14634 24.7905 0.190834 19.2074C0.156685 19.0072 0 17.6399 0 17.1484Z" fill="white"/>
|
||||||
|
<path d="M19.7047 1.16135C26.3892 2.64115 31.7125 8.86167 32.0111 15.5469C32.0205 15.7538 32.0124 15.9614 32.0124 16.3069C28.4489 16.181 24.8913 16.3457 21.5842 14.8097C18.8215 13.526 17.5138 11.1249 17.0839 8.25502C16.7739 6.18397 16.7257 4.07408 16.5542 1.9816C16.5201 1.56713 16.4585 1.15533 16.4089 0.742189C16.8997 0.741519 19.096 1.0261 19.7047 1.16135Z" fill="white"/>
|
||||||
|
<path d="M16.3945 32.6792C16.6202 30.1595 16.7032 27.7075 17.0862 25.303C17.7719 20.9968 20.1751 18.5528 24.4544 17.843C26.8897 17.4393 29.3799 17.3643 31.844 17.1406C32.5009 24.1633 25.5157 32.8807 16.3945 32.6792Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.4 KiB |
3
assets/img/header-red.svg
Normal file
3
assets/img/header-red.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="24" height="21" viewBox="0 0 24 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M17.7934 0.742188C14.0742 0.742188 12.4292 3.534 12.0716 4.92991C11.8093 3.534 10.2263 0.742188 5.99218 0.742188C0.699506 0.742188 -1.66074 7.7458 2.98823 13.7386C6.7074 18.5328 10.5935 20.4052 12.0716 20.7422C13.7166 20.4293 17.8935 18.4895 21.4411 13.2332C25.8755 6.66277 22.4424 0.742188 17.7934 0.742188Z" fill="#FE8D8D"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 439 B |
3
assets/img/heart-grey.svg
Normal file
3
assets/img/heart-grey.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M14.2859 0C11.2135 0 9.85457 2.23345 9.55915 3.35018C9.34251 2.23345 8.03478 0 4.53702 0C0.164809 0 -1.78496 5.60289 2.05549 10.3971C5.12786 14.2325 8.33808 15.7304 9.55915 16C10.9181 15.7497 14.3686 14.1978 17.2991 9.99278C20.9623 4.73646 18.1263 0 14.2859 0Z" fill="#999999"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 391 B |
3
assets/img/heart-white.svg
Normal file
3
assets/img/heart-white.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M14.2859 0C11.2135 0 9.85457 2.23345 9.55915 3.35018C9.34251 2.23345 8.03478 0 4.53702 0C0.164809 0 -1.78496 5.60289 2.05549 10.3971C5.12786 14.2325 8.33808 15.7304 9.55915 16C10.9181 15.7497 14.3686 14.1978 17.2991 9.99278C20.9623 4.73646 18.1263 0 14.2859 0Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 389 B |
3
assets/img/heart.svg
Normal file
3
assets/img/heart.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M14.2859 0C11.2135 0 9.85457 2.23345 9.55915 3.35018C9.34251 2.23345 8.03478 0 4.53702 0C0.164809 0 -1.78496 5.60289 2.05549 10.3971C5.12786 14.2325 8.33808 15.7304 9.55915 16C10.9181 15.7497 14.3686 14.1978 17.2991 9.99278C20.9623 4.73646 18.1263 0 14.2859 0Z" fill="#666666"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 391 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M12 6L8 10L4 6" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 187 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M6 4.5L10 8.5L6 12.5" stroke="white" stroke-width="1.55" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 194 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M7 25L16 16M16 16L25 7M16 16L25 25M16 16L7 7" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 217 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M11.7303 20.2701C20.574 29.1138 23.1655 26.9975 24.3228 26.1706C24.51 26.0644 28.7936 23.3042 26.1295 20.6407C19.9506 14.4612 21.2043 22.4932 15.3545 16.6446C9.50604 10.7947 17.5388 12.0494 11.3598 5.87056C8.69544 3.20623 5.9349 7.49023 5.8299 7.67609C5.00198 8.83351 2.88653 11.4265 11.7303 20.2701Z" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 473 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M25.3334 9.3335L6.66675 9.33352M25.3334 16.0002H6.66675M25.3334 22.6668H6.66675" stroke="white" stroke-width="1.55" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 253 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M13.9998 8.11765L8.05874 14.0587C7.26274 14.8547 7.26274 16.1453 8.05874 16.9413C8.85476 17.7373 10.1454 17.7373 10.9414 16.9413L18.3078 9.57484C19.7947 8.08801 19.7945 5.67732 18.3073 4.19077C16.8206 2.70461 14.4107 2.70483 12.9242 4.19127L5.55775 11.5577C3.38049 13.735 3.38049 17.265 5.55775 19.4423C7.73502 21.6196 11.2651 21.6196 13.4424 19.4423L18.8846 14" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 534 B |
@@ -1,4 +0,0 @@
|
|||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M19 10.2647C19 13.1109 15.4774 17.8245 13.43 20.3238C12.6809 21.2382 11.3191 21.2382 10.57 20.3238C8.52261 17.8245 5 13.1109 5 10.2647C5 6.25252 8.13401 3 12 3C15.866 3 19 6.25252 19 10.2647Z" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
<path d="M14.6004 10.0001C14.6004 11.436 13.4363 12.6001 12.0004 12.6001C10.5645 12.6001 9.40039 11.436 9.40039 10.0001C9.40039 8.56408 10.5645 7.40002 12.0004 7.40002C13.4363 7.40002 14.6004 8.56408 14.6004 10.0001Z" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 641 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M1 3.5L3.75 6.25L9.25 0.749999" stroke="#AE0B05" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 227 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M21.2551 20.6112L26.6671 25.9998M23.9999 13.9998C23.9999 8.84518 19.8213 4.6665 14.6666 4.6665C9.51193 4.6665 5.33325 8.84518 5.33325 13.9998C5.33325 19.1545 9.51193 23.3332 14.6666 23.3332C19.8213 23.3332 23.9999 19.1545 23.9999 13.9998Z" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 411 B |
@@ -1,7 +0,0 @@
|
|||||||
<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M55 7.33325V43.9999C55 48.0333 51.7 51.3333 47.6667 51.3333H7.33337V21.9999C7.33337 13.8966 13.8967 7.33325 22 7.33325H55Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M80.6667 51.3333V62.3333C80.6667 68.4199 75.7534 73.3333 69.6667 73.3333H66C66 69.2999 62.7 65.9999 58.6667 65.9999C54.6334 65.9999 51.3334 69.2999 51.3334 73.3333H36.6667C36.6667 69.2999 33.3667 65.9999 29.3334 65.9999C25.3 65.9999 22 69.2999 22 73.3333H18.3334C12.2467 73.3333 7.33337 68.4199 7.33337 62.3333V51.3333H47.6667C51.7 51.3333 55 48.0333 55 43.9999V18.3333H61.7467C64.3867 18.3333 66.8067 19.7633 68.1267 22.0366L74.3967 32.9999H69.6667C67.65 32.9999 66 34.6499 66 36.6666V47.6666C66 49.6833 67.65 51.3333 69.6667 51.3333H80.6667Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M29.3333 80.6667C33.3834 80.6667 36.6667 77.3834 36.6667 73.3333C36.6667 69.2832 33.3834 66 29.3333 66C25.2832 66 22 69.2832 22 73.3333C22 77.3834 25.2832 80.6667 29.3333 80.6667Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M58.6667 80.6667C62.7168 80.6667 66 77.3834 66 73.3333C66 69.2832 62.7168 66 58.6667 66C54.6166 66 51.3334 69.2832 51.3334 73.3333C51.3334 77.3834 54.6166 80.6667 58.6667 80.6667Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M80.6667 44V51.3333H69.6667C67.65 51.3333 66 49.6833 66 47.6667V36.6667C66 34.65 67.65 33 69.6667 33H74.3967L80.6667 44Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.7 KiB |
@@ -1,4 +0,0 @@
|
|||||||
<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M44 55C50.0751 55 55 50.0751 55 44C55 37.9249 50.0751 33 44 33C37.9249 33 33 37.9249 33 44C33 50.0751 37.9249 55 44 55Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M7.33337 47.2266V40.7733C7.33337 36.9599 10.45 33.8066 14.3 33.8066C20.9367 33.8066 23.65 29.1133 20.3134 23.3566C18.4067 20.0566 19.5434 15.7666 22.88 13.8599L29.2234 10.2299C32.12 8.5066 35.86 9.53326 37.5834 12.4299L37.9867 13.1266C41.2867 18.8833 46.7134 18.8833 50.05 13.1266L50.4534 12.4299C52.1767 9.53326 55.9167 8.5066 58.8134 10.2299L65.1567 13.8599C68.4934 15.7666 69.63 20.0566 67.7234 23.3566C64.3867 29.1133 67.1 33.8066 73.7367 33.8066C77.55 33.8066 80.7034 36.9233 80.7034 40.7733V47.2266C80.7034 51.0399 77.5867 54.1933 73.7367 54.1933C67.1 54.1933 64.3867 58.8866 67.7234 64.6433C69.63 67.9799 68.4934 72.2333 65.1567 74.1399L58.8134 77.7699C55.9167 79.4933 52.1767 78.4666 50.4534 75.5699L50.05 74.8733C46.75 69.1166 41.3234 69.1166 37.9867 74.8733L37.5834 75.5699C35.86 78.4666 32.12 79.4933 29.2234 77.7699L22.88 74.1399C19.5434 72.2333 18.4067 67.9433 20.3134 64.6433C23.65 58.8866 20.9367 54.1933 14.3 54.1933C10.45 54.1933 7.33337 51.0399 7.33337 47.2266Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -1,5 +0,0 @@
|
|||||||
<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M39.4146 60.6667H35.2439L31.0732 57.1944M21.3415 30.1111H27.5746C28.5726 30.1111 29.2456 31.1306 28.8524 32.0471L25.5122 39.8333M58.878 27.3333L50.5366 49.5556M70 19L63.4656 26.8336C63.2015 27.1502 62.8102 27.3333 62.3976 27.3333H50.5366M27.6542 69H58.8942C62.7243 69 65.8293 65.8981 65.8293 62.0717C65.8293 59.4994 64.4027 57.1388 62.1242 55.9407L34.4793 41.405C24.7209 36.274 13 43.3434 13 54.3601C13 62.4455 19.5609 69 27.6542 69ZM31.0732 53.7222C31.0732 56.0234 29.2059 57.8889 26.9024 57.8889C24.599 57.8889 22.7317 56.0234 22.7317 53.7222C22.7317 51.421 24.599 49.5556 26.9024 49.5556C29.2059 49.5556 31.0732 51.421 31.0732 53.7222Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M84.3332 58.5566C84.3332 72.7466 72.8565 84.2233 58.6665 84.2233L62.5165 77.8066" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M3.66663 29.2233C3.66663 15.0333 15.1433 3.55664 29.3333 3.55664L25.4833 9.97331" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.2 KiB |
@@ -1,8 +0,0 @@
|
|||||||
<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M66 26.2533C65.78 26.2166 65.5233 26.2166 65.3033 26.2533C60.2433 26.0699 56.21 21.9266 56.21 16.7933C56.21 11.5499 60.4266 7.33325 65.67 7.33325C70.9133 7.33325 75.1299 11.5866 75.1299 16.7933C75.0933 21.9266 71.06 26.0699 66 26.2533Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M62.2233 52.9467C67.2466 53.79 72.7833 52.91 76.67 50.3067C81.84 46.86 81.84 41.2134 76.67 37.7667C72.7466 35.1634 67.1366 34.2833 62.1133 35.1633" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M21.89 26.2533C22.11 26.2166 22.3667 26.2166 22.5867 26.2533C27.6467 26.0699 31.68 21.9266 31.68 16.7933C31.68 11.5499 27.4633 7.33325 22.22 7.33325C16.9767 7.33325 12.76 11.5866 12.76 16.7933C12.7967 21.9266 16.83 26.0699 21.89 26.2533Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M25.6667 52.9467C20.6434 53.79 15.1067 52.91 11.22 50.3067C6.05003 46.86 6.05003 41.2134 11.22 37.7667C15.1434 35.1634 20.7534 34.2833 25.7767 35.1633" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M44 53.6434C43.78 53.6067 43.5233 53.6067 43.3033 53.6434C38.2433 53.4601 34.21 49.3167 34.21 44.1834C34.21 38.9401 38.4266 34.7234 43.67 34.7234C48.9133 34.7234 53.13 38.9767 53.13 44.1834C53.0933 49.3167 49.06 53.4967 44 53.6434Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M33.33 65.1933C28.16 68.64 28.16 74.2866 33.33 77.7333C39.1967 81.6566 48.8033 81.6566 54.67 77.7333C59.84 74.2866 59.84 68.64 54.67 65.1933C48.84 61.3067 39.1967 61.3067 33.33 65.1933Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.8 KiB |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M69.3333 77C75.4085 77 80.3333 72.0751 80.3333 66C80.3333 59.9249 75.4085 55 69.3333 55M69.3333 77C63.2582 77 58.3333 72.0751 58.3333 66C58.3333 59.9249 63.2582 55 69.3333 55M69.3333 77H14.7632C10.4757 77 7 73.5243 7 69.2368C7 65.3002 9.9465 61.9867 13.8562 61.5267L69.3333 55M69.3333 55L58.3333 22M69.3333 11L49.6911 28.8566C49.3537 29.1633 48.914 29.3333 48.4579 29.3333H34.5M71.1667 66C71.1667 64.9875 70.3459 64.1667 69.3333 64.1667C68.3208 64.1667 67.5 64.9875 67.5 66M71.1667 66C71.1667 67.0125 70.3459 67.8333 69.3333 67.8333C68.3208 67.8333 67.5 67.0125 67.5 66M71.1667 66H67.5" stroke="#F2F2F2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 784 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M22.5 4L10.5 16L22.5 28" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 196 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M10.5 4L22.5 16L10.5 28" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 196 B |
@@ -1,4 +0,0 @@
|
|||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M10.3273 10.3274L7.00001 7M7.00001 7H9.21823M7.00001 7L7 9.21825M13.6726 13.6726L17 17M17 17H14.7817M17 17V14.7818M10.3273 13.6726L7.00001 17M7.00001 17H9.21823M7.00001 17L7 14.7818M13.6726 10.3274L17 7M17 7H14.7817M17 7V9.21825" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
<path d="M15.1 2.5H8.9C6.65979 2.5 5.53969 2.5 4.68404 2.93597C3.93139 3.31947 3.31947 3.93139 2.93597 4.68404C2.5 5.53969 2.5 6.65979 2.5 8.9V15.1C2.5 17.3402 2.5 18.4603 2.93597 19.316C3.31947 20.0686 3.93139 20.6805 4.68404 21.064C5.53969 21.5 6.65979 21.5 8.9 21.5H15.1C17.3402 21.5 18.4603 21.5 19.316 21.064C20.0686 20.6805 20.6805 20.0686 21.064 19.316C21.5 18.4603 21.5 17.3402 21.5 15.1V8.9C21.5 6.65979 21.5 5.53969 21.064 4.68404C20.6805 3.93139 20.0686 3.31947 19.316 2.93597C18.4603 2.5 17.3402 2.5 15.1 2.5Z" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 983 B |
18
assets/img/indent-icon-1.svg
Normal file
18
assets/img/indent-icon-1.svg
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
<svg width="54" height="49" viewBox="0 0 54 49" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M48.0815 7.92932C49.4355 6.5889 51.629 6.5889 52.983 7.92932C54.339 9.27186 54.339 11.4501 52.983 12.7927L29.1999 36.3385C27.8459 37.6789 25.6524 37.6789 24.2984 36.3385L10.8231 22.9976C9.46708 21.6551 9.46708 19.4768 10.8231 18.1343C12.1771 16.7939 14.3706 16.7939 15.7246 18.1343L26.7492 29.0489L48.0815 7.92932ZM51.8777 9.03434C51.1351 8.29909 49.9294 8.29909 49.1867 9.03434L26.7492 31.2481L14.6194 19.2393C13.8767 18.504 12.671 18.504 11.9284 19.2393C11.1878 19.9724 11.1878 21.1595 11.9284 21.8926L25.4037 35.2335C26.1463 35.9687 27.352 35.9687 28.0946 35.2335L51.8777 11.6877C52.6182 10.9545 52.6182 9.76747 51.8777 9.03434Z" fill="url(#paint0_radial_11666_41321)"/>
|
||||||
|
<path d="M1.56688 24.6641C1.56688 12.2738 11.7134 2.22296 24.238 2.22296C32.565 2.22296 39.8409 6.66576 43.7825 13.2851L44.9262 12.1528C40.6662 5.26123 32.9929 0.664062 24.238 0.664062C10.8554 0.664062 0 11.4056 0 24.6641C0 37.9225 10.8554 48.6641 24.238 48.6641C37.6206 48.6641 48.476 37.9225 48.476 24.6641C48.476 22.0965 48.0689 19.6234 47.3152 17.3043L46.0573 18.5496C46.6122 20.4936 46.9091 22.5446 46.9091 24.6641C46.9091 37.0543 36.7625 47.1052 24.238 47.1052C11.7134 47.1052 1.56688 37.0543 1.56688 24.6641Z" fill="url(#paint1_radial_11666_41321)"/>
|
||||||
|
<defs>
|
||||||
|
<radialGradient id="paint0_radial_11666_41321" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(54 0.664065) rotate(138.366) scale(72.2496 97.959)">
|
||||||
|
<stop stop-color="#188892"/>
|
||||||
|
<stop offset="0.45" stop-color="#1EA49C"/>
|
||||||
|
<stop offset="0.9" stop-color="#76CE75"/>
|
||||||
|
<stop offset="1" stop-color="#BBE38D"/>
|
||||||
|
</radialGradient>
|
||||||
|
<radialGradient id="paint1_radial_11666_41321" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(54 0.664065) rotate(138.366) scale(72.2496 97.959)">
|
||||||
|
<stop stop-color="#188892"/>
|
||||||
|
<stop offset="0.45" stop-color="#1EA49C"/>
|
||||||
|
<stop offset="0.9" stop-color="#76CE75"/>
|
||||||
|
<stop offset="1" stop-color="#BBE38D"/>
|
||||||
|
</radialGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.1 KiB |
11
assets/img/logo-green.svg
Normal file
11
assets/img/logo-green.svg
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
<svg width="55" height="44" viewBox="0 0 55 44" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M54.4456 6.968C52.8502 4.26022 48.1445 3.74111 41.1703 5.49485C37.7503 2.7802 33.5793 1.14675 29.203 0.808095C24.8266 0.469444 20.4485 1.44136 16.6411 3.59675C12.8338 5.75214 9.77451 8.99066 7.8633 12.8888C5.9521 16.787 5.27795 21.1633 5.92903 25.4455C0.860701 30.5173 -1.05 34.7988 0.552524 37.5159C1.53158 39.1785 3.63429 40.0203 6.71606 40.0203C8.68733 39.9852 10.649 39.7398 12.5667 39.2884C12.9792 39.1972 13.4011 39.0966 13.8278 38.9891C17.0317 41.5323 20.8992 43.1302 24.9842 43.5984C29.0692 44.0666 33.2052 43.386 36.9149 41.6351C40.6245 39.8842 43.7568 37.1345 45.9501 33.703C48.1434 30.2716 49.3085 26.2985 49.3109 22.242C49.3125 21.1675 49.2333 20.0943 49.0738 19.0314C52.1011 15.9916 54.1255 13.1201 54.7632 10.7374C55.1639 9.27359 55.0548 8.00622 54.4456 6.968ZM27.5014 2.6C32.1048 2.60551 36.5646 4.18168 40.1241 7.0611C43.6836 9.94053 46.1237 13.9459 47.0304 18.3977C43.1971 22.0666 37.8325 25.9926 31.7424 29.444C25.2683 33.1128 19.2233 35.5821 14.2925 36.9266C11.2741 34.2819 9.14206 30.7945 8.17904 26.9271C7.21602 23.0597 7.46753 18.995 8.90022 15.2718C10.3329 11.5486 12.8791 8.34292 16.2011 6.07984C19.5232 3.81675 23.4641 2.60317 27.5014 2.6ZM2.19534 36.5759C1.18784 34.8689 2.78799 31.5251 6.40315 27.6762C7.38336 31.3793 9.34736 34.7574 12.0926 37.4621C6.84408 38.6102 3.19573 38.2782 2.19534 36.5759ZM27.5014 41.8839C23.4308 41.8879 19.4578 40.655 16.1226 38.353C21.2383 36.8144 26.987 34.2914 32.6812 31.0668C38.4299 27.8072 43.4934 24.1781 47.3385 20.6753C47.3812 21.192 47.4097 21.7135 47.4097 22.242C47.4034 27.4486 45.3041 32.4403 41.572 36.1224C37.84 39.8045 32.7799 41.8765 27.5014 41.8839ZM52.9331 10.2533C52.4282 12.124 50.8992 14.3805 48.6068 16.8147C47.6205 13.1031 45.6464 9.71887 42.8889 7.01243C48.0687 5.88535 51.8 6.20336 52.8051 7.90801C53.1512 8.4996 53.1963 9.28762 52.9331 10.2533Z" fill="url(#paint0_radial_12821_4886)"/>
|
||||||
|
<defs>
|
||||||
|
<radialGradient id="paint0_radial_12821_4886" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(55 0.74219) rotate(141.981) scale(69.814 92.4982)">
|
||||||
|
<stop stop-color="#188892"/>
|
||||||
|
<stop offset="0.45" stop-color="#1EA49C"/>
|
||||||
|
<stop offset="0.9" stop-color="#76CE75"/>
|
||||||
|
<stop offset="1" stop-color="#BBE38D"/>
|
||||||
|
</radialGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.3 KiB |
3
assets/img/logo.svg
Normal file
3
assets/img/logo.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="51" height="40" viewBox="0 0 51 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="#121212"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.9 KiB |
3
assets/img/long-arrow.svg
Normal file
3
assets/img/long-arrow.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="207" height="22" viewBox="0 0 207 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M197.037 1L206 11M206 11L197.037 21M206 11L1 11" stroke="#121212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 246 B |
@@ -1,23 +0,0 @@
|
|||||||
<svg width="222" height="192" viewBox="0 0 222 192" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g clip-path="url(#clip0_2_549)">
|
|
||||||
<mask id="mask0_2_549" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="222" height="192">
|
|
||||||
<path d="M222 0H0V192H222V0Z" fill="white"/>
|
|
||||||
</mask>
|
|
||||||
<g mask="url(#mask0_2_549)">
|
|
||||||
<path d="M11.4147 156.631V164.699H26.4437V176.018H11.4147V191.049H0V145.312H11.4147H26.7449V156.631H11.4147Z" fill="white"/>
|
|
||||||
<path d="M43.2515 145.312H31.8369V191.019H43.2515V145.312Z" fill="white"/>
|
|
||||||
<path d="M78.0935 156.631H68.3352V191.049H57.0108V156.631H47.2525V145.312H68.3352H78.0935V156.631Z" fill="white"/>
|
|
||||||
<path d="M116.742 145.312V191.049H107.977L93.5208 167.398V191.049H82.106V145.312H90.9607L105.417 168.963V145.312H116.742Z" fill="white"/>
|
|
||||||
<path d="M151.221 180.067V191.049H127.308H123.814V145.312H135.229H150.89V156.293H135.229V162.766H149.294V173.134H135.229V180.067H151.221Z" fill="white"/>
|
|
||||||
<path d="M153.87 176.417H165.285C165.285 179.607 167.122 180.926 170.887 180.926C174.26 180.926 175.585 179.546 175.585 177.797C175.585 175.497 172.393 174.454 168.568 173.227C162.334 171.202 154.443 168.012 154.443 158.41C154.443 149.085 161.581 144.361 169.863 144.361C178.266 144.361 185.735 148.931 185.735 159.637H174.381C174.381 157.03 172.965 155.465 169.863 155.465C167.122 155.465 165.857 156.784 165.857 158.41C165.857 160.956 168.929 161.999 172.875 163.38C179.049 165.405 186.94 168.533 186.94 178.012C186.94 187.338 179.802 192.062 170.827 192.062C161.52 192 153.87 187.43 153.87 176.417Z" fill="white"/>
|
|
||||||
<path d="M188.899 176.417H200.314C200.314 179.607 202.151 180.926 205.916 180.926C209.289 180.926 210.615 179.546 210.615 177.797C210.615 175.497 207.422 174.454 203.597 173.227C197.363 171.202 189.472 168.012 189.472 158.41C189.472 149.085 196.61 144.361 204.892 144.361C213.295 144.361 220.764 148.931 220.764 159.637H209.44C209.44 157.03 208.024 155.465 204.922 155.465C202.181 155.465 200.916 156.784 200.916 158.41C200.916 160.956 203.989 161.999 207.934 163.38C214.108 165.405 221.999 168.533 221.999 178.012C221.999 187.338 214.861 192.062 205.886 192.062C196.549 192 188.899 187.43 188.899 176.417Z" fill="white"/>
|
|
||||||
<path d="M222 94.1133H151.674H79.2405H68.5184H60.2362H54.3328H44.5445H43.4603H36.6536H34.696V110.525L23.9739 94.1133H15.6915V128.624H25.4799V111.752L36.6838 128.624H43.4905H151.674H222V94.1133ZM0 94.1133H9.78836V128.624H0V94.1133Z" fill="#AE0B05"/>
|
|
||||||
<path d="M221.97 1.19636H200.646H173.57V6.62597H194.894V77.2111H200.646V6.62597H221.97V1.19636ZM145.109 78.3768C157.788 78.3768 168.661 70.6771 168.661 58.4069C168.661 44.6333 156.403 40.6147 145.199 36.1668C135.591 32.4857 126.978 29.2034 126.978 19.3258C126.978 11.1967 133.815 5.55233 143.603 5.55233C153.512 5.55233 160.77 11.5341 160.77 20.7369H166.432C166.432 7.82234 155.891 0 143.633 0C131.586 0 121.346 7.4849 121.346 19.3258C121.346 33.774 133.604 37.4551 144.808 41.8111C154.295 45.4003 162.939 48.8666 162.939 58.4069C162.939 66.996 155.469 72.8551 145.139 72.8551C133.001 72.8551 124.99 66.6586 124.99 56.1367H119.237C119.207 70.3397 130.622 78.3768 145.109 78.3768ZM74.1204 71.7506V41.5658H106.859V36.1361H74.1204V6.62597H109.509V1.19636H74.1204H68.4582V77.1804H70.8978H110.021V71.7506H74.1204ZM29.3049 71.7506H5.66218V41.5351H32.8888C43.9723 41.5351 48.7309 49.02 48.7309 56.6275C48.7309 67.3949 40.3582 71.7506 29.3049 71.7506ZM29.8772 6.62597C43.6409 6.62597 46.3517 15.798 46.2613 20.7675C46.1108 28.866 38.7619 36.1054 33.1599 36.1054H5.66218V6.62597H29.8772ZM42.0447 37.7314C44.0325 35.7679 51.7128 32.363 51.8934 20.7675C51.9837 14.0802 48.1586 1.19636 29.8772 1.19636H5.66218H0V77.1804H1.05413H30.0276C43.5507 77.1804 54.4533 70.7998 54.4533 56.6275C54.4835 47.4247 51.1103 41.2284 42.0447 37.7314Z" fill="white"/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<clipPath id="clip0_2_549">
|
|
||||||
<rect width="222" height="192" fill="white"/>
|
|
||||||
</clipPath>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 3.8 KiB |
4
assets/img/minus-icon.svg
Normal file
4
assets/img/minus-icon.svg
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 33C26.2843 33 33 26.2843 33 18C33 16.0529 32.6305 14.1994 31.9606 12.5005C31.7927 12.0745 31.6057 11.6579 31.4007 11.2518C31.1211 10.6979 30.808 10.1633 30.4639 9.65087C27.7663 5.63342 23.1901 3 18 3C9.71573 3 3 9.71573 3 18C3 26.2843 9.71573 33 18 33ZM18 36C27.9411 36 36 27.9411 36 18C36 15.6701 35.5573 13.4436 34.7515 11.4C34.5497 10.8881 34.325 10.3877 34.0789 9.9C33.7431 9.23477 33.3672 8.59322 32.9545 7.97852C29.7235 3.16663 24.2316 0 18 0C8.05888 0 0 8.05888 0 18C0 27.9411 8.05888 36 18 36Z" fill="#DD2127"/>
|
||||||
|
<path d="M28.4694 18.0918C28.4694 19.4613 27.3534 20.5714 25.9767 20.5714H10.0233C8.64664 20.5714 7.53061 19.4613 7.53061 18.0918C7.53061 16.7224 8.64664 15.6122 10.0233 15.6122H25.9767C27.3534 15.6122 28.4694 16.7224 28.4694 18.0918Z" fill="#DD2127"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 929 B |
11
assets/img/msg-green.svg
Normal file
11
assets/img/msg-green.svg
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
<svg width="23" height="21" viewBox="0 0 23 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.76298 4.44735C3.06952 5.67081 2.13126 7.27684 2.13126 8.95074C2.13126 10.9189 3.43754 12.8055 5.72596 14.0611C6.06925 14.2494 6.23788 14.6639 6.12924 15.0523C5.80108 16.2254 4.97453 17.5082 4.37705 18.4355C4.35717 18.4664 4.33755 18.4969 4.3182 18.5269C4.30813 18.5425 4.29815 18.5581 4.28825 18.5734C4.53639 18.4536 4.80635 18.3131 5.09199 18.1538C6.28443 17.4885 7.6774 16.5358 8.80068 15.5042C8.98115 15.3384 9.22254 15.2642 9.46036 15.3013C10.1165 15.4037 10.7989 15.4578 11.5 15.4578C14.1673 15.4578 16.5467 14.6753 18.237 13.4541C19.9305 12.2307 20.8687 10.6246 20.8687 8.95074C20.8687 7.27684 19.9305 5.67081 18.237 4.44735C16.5467 3.22618 14.1673 2.44368 11.5 2.44368C8.83266 2.44368 6.45327 3.22618 4.76298 4.44735ZM3.0195 19.0408C3.01951 19.0408 3.02033 19.0407 3.02191 19.0407C3.02027 19.0408 3.01948 19.0408 3.0195 19.0408ZM3.83415 3.04862C5.82987 1.60678 8.54267 0.742188 11.5 0.742188C14.4573 0.742188 17.1701 1.60678 19.1659 3.04862C21.1584 4.48816 22.5 6.56104 22.5 8.95074C22.5 11.3404 21.1584 13.4133 19.1659 14.8529C17.1701 16.2947 14.4573 17.1593 11.5 17.1593C10.8501 17.1593 10.2129 17.1176 9.59312 17.0374C8.41664 18.0694 7.04427 18.9942 5.86135 19.6541C5.22123 20.0112 4.61837 20.301 4.11684 20.4893C3.86744 20.583 3.62444 20.6586 3.40353 20.7017C3.21456 20.7385 2.91813 20.7785 2.63153 20.6825C2.42855 20.6146 2.21877 20.4705 2.08381 20.2244C1.95926 19.9972 1.94674 19.7703 1.95698 19.6181C1.97576 19.3391 2.08812 19.078 2.17184 18.9038C2.35249 18.5281 2.6576 18.0542 2.9561 17.5905L2.96393 17.5784C3.47206 16.7891 4.00731 15.953 4.33796 15.1946C2.0636 13.7424 0.5 11.537 0.5 8.95074C0.5 6.56104 1.84159 4.48816 3.83415 3.04862Z" fill="url(#paint0_radial_11432_38673)"/>
|
||||||
|
<defs>
|
||||||
|
<radialGradient id="paint0_radial_11432_38673" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(22.5 0.742189) rotate(137.726) scale(29.7321 40.4084)">
|
||||||
|
<stop stop-color="#188892"/>
|
||||||
|
<stop offset="0.45" stop-color="#1EA49C"/>
|
||||||
|
<stop offset="0.9" stop-color="#76CE75"/>
|
||||||
|
<stop offset="1" stop-color="#BBE38D"/>
|
||||||
|
</radialGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.2 KiB |
3
assets/img/msg-grey.svg
Normal file
3
assets/img/msg-grey.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M0 3C0 1.34315 1.34315 0 3 0H14C15.6569 0 17 1.34315 17 3V16L13.8125 12.3871H3C1.34315 12.3871 0 11.044 0 9.3871V3Z" fill="#999999"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 246 B |
3
assets/img/msg-white.svg
Normal file
3
assets/img/msg-white.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M0 3C0 1.34315 1.34315 0 3 0H14C15.6569 0 17 1.34315 17 3V16L13.8125 12.3871H3C1.34315 12.3871 0 11.044 0 9.3871V3Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 244 B |
3
assets/img/msg.svg
Normal file
3
assets/img/msg.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M0 3C0 1.34315 1.34315 0 3 0H14C15.6569 0 17 1.34315 17 3V16L13.8125 12.3871H3C1.34315 12.3871 0 11.044 0 9.3871V3Z" fill="#666666"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 246 B |
Binary file not shown.
|
Before Width: | Height: | Size: 156 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 189 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 374 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 340 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 417 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 416 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 316 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 464 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 791 KiB |
18
assets/img/plus-icon.svg
Normal file
18
assets/img/plus-icon.svg
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 33C26.2843 33 33 26.2843 33 18C33 16.0529 32.6305 14.1994 31.9606 12.5005C31.7927 12.0745 31.6057 11.6579 31.4007 11.2518C31.1211 10.6979 30.808 10.1633 30.4639 9.65087C27.7663 5.63342 23.1901 3 18 3C9.71573 3 3 9.71573 3 18C3 26.2843 9.71573 33 18 33ZM18 36C27.9411 36 36 27.9411 36 18C36 15.6701 35.5573 13.4436 34.7515 11.4C34.5497 10.8881 34.325 10.3877 34.0789 9.9C33.7431 9.23477 33.3672 8.59322 32.9545 7.97852C29.7235 3.16663 24.2316 0 18 0C8.05888 0 0 8.05888 0 18C0 27.9411 8.05888 36 18 36Z" fill="url(#paint0_radial_11667_42373)"/>
|
||||||
|
<path d="M27.7631 15.6376C29.0661 15.6376 30.1224 16.6858 30.1224 17.9789C30.1224 19.272 29.0661 20.3203 27.7631 20.3203H20.4725V27.5763C20.4725 28.8811 19.4066 29.9388 18.0918 29.9388C16.7771 29.9388 15.7112 28.8811 15.7112 27.5763V20.3203H8.42059C7.11755 20.3203 6.06122 19.272 6.06122 17.9789C6.06122 16.6858 7.11755 15.6376 8.42058 15.6376H15.7112V8.42367C15.7112 7.11893 16.7771 6.06122 18.0918 6.06122C19.4066 6.06122 20.4725 7.11893 20.4725 8.42367V15.6376H27.7631Z" fill="url(#paint1_radial_11667_42373)"/>
|
||||||
|
<defs>
|
||||||
|
<radialGradient id="paint0_radial_11667_42373" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(36 1.87286e-06) rotate(135) scale(50.9117 69.5076)">
|
||||||
|
<stop stop-color="#188892"/>
|
||||||
|
<stop offset="0.45" stop-color="#1EA49C"/>
|
||||||
|
<stop offset="0.9" stop-color="#76CE75"/>
|
||||||
|
<stop offset="1" stop-color="#BBE38D"/>
|
||||||
|
</radialGradient>
|
||||||
|
<radialGradient id="paint1_radial_11667_42373" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(36 1.87286e-06) rotate(135) scale(50.9117 69.5076)">
|
||||||
|
<stop stop-color="#188892"/>
|
||||||
|
<stop offset="0.45" stop-color="#1EA49C"/>
|
||||||
|
<stop offset="0.9" stop-color="#76CE75"/>
|
||||||
|
<stop offset="1" stop-color="#BBE38D"/>
|
||||||
|
</radialGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.9 KiB |
@@ -1,3 +0,0 @@
|
|||||||
<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="M4.58364 19.1684H19.4163C21.401 19.1684 23.008 17.4219 23 15.2543V8.25102C23 6.09212 21.401 4.33691 19.4163 4.33691H4.58364C2.60702 4.33691 1 6.08334 1 8.25102V15.2543C1 17.4132 2.59898 19.1684 4.58364 19.1684ZM9.65166 8.04453L15.8914 11.6427L9.65166 15.2409V8.04453Z" fill="white"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 436 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M22.009 3C22.687 3 23.1984 3.61218 22.9248 4.75084L19.6065 20.8512C19.3745 21.996 18.7025 22.2715 17.7748 21.7389L9.85949 15.7211C9.82879 15.6985 9.80379 15.6686 9.78654 15.634C9.76928 15.5994 9.76029 15.5611 9.76029 15.5222C9.76029 15.4833 9.76928 15.445 9.78654 15.4104C9.80379 15.3758 9.82879 15.3459 9.85949 15.3232L18.9999 6.82613C19.4162 6.44658 18.9107 6.26293 18.3636 6.60575L6.89198 14.056C6.85719 14.0794 6.81769 14.0943 6.77648 14.0996C6.73526 14.1049 6.69341 14.1004 6.65411 14.0866L1.78359 12.5011C0.701256 12.1766 0.701256 11.4114 2.02742 10.8665L21.5154 3.12856C21.67 3.05223 21.8378 3.00852 22.009 3Z" fill="white"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 745 B |
@@ -1,3 +0,0 @@
|
|||||||
<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="M19.7163 3.71939C20.7469 4.6862 21.5587 5.80806 22.1242 7.05762C22.7079 8.3619 23.0089 9.73915 22.9998 11.1711C22.9998 12.594 22.6988 13.9803 22.1151 15.2755C21.5496 16.5251 20.7378 17.6469 19.7072 18.6137C18.6765 19.5805 17.4817 20.3285 16.15 20.8575C14.7728 21.4047 13.3134 21.6783 11.8085 21.6783C10.1941 21.6783 8.65269 21.3682 7.20247 20.748L2.35017 22.9097L3.26225 17.9388C1.55665 16.0417 0.626335 13.652 0.626335 11.162C0.626335 9.73915 0.927341 8.35278 1.51108 7.05762C2.07657 5.80806 2.88831 4.6862 3.91897 3.71939C4.94963 2.75258 6.14446 2.00467 7.4761 1.47566C8.85335 0.928411 10.3127 0.654785 11.8176 0.654785C13.3226 0.654785 14.7819 0.928411 16.1592 1.47566C17.4908 2.00467 18.6856 2.7617 19.7163 3.71939ZM15.2927 12.7855C15.539 12.8767 15.8856 13.0226 16.3598 13.2598C16.4878 13.3255 16.6223 13.3807 16.7579 13.4363C16.9799 13.5275 17.2049 13.6198 17.4087 13.7614C17.5729 13.9803 17.6185 14.1627 17.5091 14.6461C15.3566 20.2098 4.77639 12.1379 6.53672 7.8967C6.82858 7.23087 7.53997 5.95395 8.78041 6.59241C8.97433 6.68938 9.05553 6.89505 9.13634 7.09976C9.17716 7.20315 9.21788 7.30629 9.27297 7.39505C9.39301 7.64655 9.52378 7.93387 9.63612 8.18069C9.70304 8.32772 9.76342 8.46037 9.81109 8.56252C9.82607 8.61683 9.85605 8.6769 9.88934 8.74361C10.0182 9.00181 10.1966 9.35943 9.74723 9.8668C9.7084 9.94122 9.62135 10.0352 9.52641 10.1376C9.35375 10.324 9.15498 10.5385 9.17263 10.715C9.31857 10.9795 9.99351 11.9646 10.3583 12.3112C11.1792 13.1047 12.2281 13.88 13.3591 14.0989C13.626 13.9974 13.8835 13.6367 14.1317 13.2891C14.3075 13.0428 14.4787 12.8031 14.6451 12.6669C14.7543 12.5811 15.0367 12.6886 15.2133 12.7559C15.2433 12.7673 15.2702 12.7775 15.2927 12.7855Z" fill="white"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.8 KiB |
@@ -1,3 +0,0 @@
|
|||||||
<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="M13.7357 13.7357C12.3214 15.195 12.225 17.0143 12.0964 21C15.8121 21 18.3771 20.9871 19.7014 19.7014C20.9871 18.3771 21 15.69 21 12.0964C17.0143 12.225 15.195 12.3214 13.7357 13.7357ZM11.9036 21C8.18786 21 5.62286 20.9871 4.29857 19.7014C3.01286 18.3771 3 15.69 3 12.0964C6.98571 12.225 8.805 12.3214 10.2643 13.7357C11.6786 15.195 11.775 17.0143 11.9036 21ZM10.2643 10.2643C8.805 11.6786 6.98571 11.775 3 11.9036C3 8.31 3.01286 5.62286 4.29857 4.29857C5.62286 3.01286 8.19429 3 11.9036 3C11.775 6.98571 11.6786 8.805 10.2643 10.2643ZM12.0964 3C12.2186 6.98571 12.3214 8.805 13.7357 10.2643C15.195 11.6786 17.0143 11.775 21 11.9036C21 8.31 20.9871 5.62286 19.7014 4.29857C18.3771 3.01286 15.8121 3 12.0964 3Z" fill="white"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 877 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M13.0789 17.9498C13.0789 17.9498 13.476 17.9077 13.6793 17.6988C13.8655 17.5075 13.859 17.1464 13.859 17.1464C13.859 17.1464 13.8343 15.4602 14.6531 15.2112C15.4601 14.9664 16.4964 16.8418 17.596 17.563C18.4267 18.1083 19.0573 17.9889 19.0573 17.9889L21.9959 17.9498C21.9959 17.9498 23.5325 17.8593 22.804 16.704C22.7437 16.6093 22.379 15.8491 20.6197 14.2874C18.7764 12.6526 19.0239 12.917 21.2427 10.0889C22.5942 8.36672 23.1343 7.3153 22.9654 6.86572C22.8051 6.43569 21.8108 6.54989 21.8108 6.54989L18.5031 6.56943C18.5031 6.56943 18.2578 6.53754 18.076 6.64145C17.8984 6.7433 17.7833 6.98095 17.7833 6.98095C17.7833 6.98095 17.2603 8.31322 16.562 9.44694C15.0889 11.8378 14.5003 11.9644 14.2593 11.8162C13.6987 11.4695 13.8386 10.4253 13.8386 9.68356C13.8386 7.36571 14.2066 6.39968 13.123 6.14969C12.7636 6.06636 12.4989 6.01183 11.5789 6.00257C10.3985 5.99126 9.4 6.00669 8.83401 6.27109C8.4574 6.44701 8.16688 6.84 8.34442 6.86264C8.56285 6.89041 9.05782 6.99021 9.32037 7.33176C9.65932 7.77311 9.64748 8.7628 9.64748 8.7628C9.64748 8.7628 9.84224 11.4911 9.19233 11.8296C8.74685 12.0621 8.13567 11.5878 6.82185 9.41814C6.14934 8.30705 5.64146 7.07868 5.64146 7.07868C5.64146 7.07868 5.54354 6.84926 5.36815 6.72581C5.15617 6.57664 4.86027 6.53034 4.86027 6.53034L1.71721 6.54989C1.71721 6.54989 1.24484 6.56223 1.0716 6.75873C0.917726 6.93259 1.05976 7.2937 1.05976 7.2937C1.05976 7.2937 3.52062 12.7987 6.30751 15.5734C8.86306 18.1165 11.764 17.9498 11.764 17.9498H13.0789Z" fill="white"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.6 KiB |
5
assets/img/swp-next.svg
Normal file
5
assets/img/swp-next.svg
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M21 12.3633H4.5" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M21 12.3633L14.636 18.7272" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M21 12.3633L14.636 5.99932" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 458 B |
5
assets/img/swp-prev.svg
Normal file
5
assets/img/swp-prev.svg
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M4.5 12.3633H21" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M4.5 12.3633L10.864 18.7272" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M4.5 12.3633L10.864 5.99932" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 460 B |
4
assets/img/user-icon.svg
Normal file
4
assets/img/user-icon.svg
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.6412 11.6412C17.532 10.7504 18.7402 10.25 20 10.25C21.2598 10.25 22.468 10.7504 23.3588 11.6412C24.2496 12.532 24.75 13.7402 24.75 15C24.75 16.2598 24.2496 17.468 23.3588 18.3588C22.468 19.2496 21.2598 19.75 20 19.75C18.7402 19.75 17.532 19.2496 16.6412 18.3588C15.7504 17.468 15.25 16.2598 15.25 15C15.25 13.7402 15.7504 12.532 16.6412 11.6412ZM20 11.75C19.138 11.75 18.3114 12.0924 17.7019 12.7019C17.0924 13.3114 16.75 14.138 16.75 15C16.75 15.862 17.0924 16.6886 17.7019 17.2981C18.3114 17.9076 19.138 18.25 20 18.25C20.862 18.25 21.6886 17.9076 22.2981 17.2981C22.9076 16.6886 23.25 15.862 23.25 15C23.25 14.138 22.9076 13.3114 22.2981 12.7019C21.6886 12.0924 20.862 11.75 20 11.75Z" fill="#333333"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 23.75C17.138 23.75 16.3114 24.0924 15.7019 24.7019C15.0924 25.3114 14.75 26.138 14.75 27V29C14.75 29.4142 14.4142 29.75 14 29.75C13.5858 29.75 13.25 29.4142 13.25 29V27C13.25 25.7402 13.7504 24.532 14.6412 23.6412C15.532 22.7504 16.7402 22.25 18 22.25H22C23.2598 22.25 24.468 22.7504 25.3588 23.6412C26.2496 24.532 26.75 25.7402 26.75 27V29C26.75 29.4142 26.4142 29.75 26 29.75C25.5858 29.75 25.25 29.4142 25.25 29V27C25.25 26.138 24.9076 25.3114 24.2981 24.7019C23.6886 24.0924 22.862 23.75 22 23.75H18Z" fill="#333333"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.4 KiB |
@@ -1,378 +1,48 @@
|
|||||||
'use strict';
|
const homeSwp = new Swiper('.home-swp .swiper', {
|
||||||
|
slidesPerView: 1,
|
||||||
const gymSwiper = new Swiper('.gym-swiper', {
|
spaceBetween: 0,
|
||||||
direction: 'horizontal',
|
effect: 'fade',
|
||||||
breakpoints: {
|
loop: true,
|
||||||
320:{
|
navigation: {
|
||||||
slidesPerView: 1.20,
|
nextEl: '.home-swp__btn-next',
|
||||||
spaceBetween: 24,
|
prevEl: '.home-swp__btn-prev',
|
||||||
},
|
|
||||||
996: {
|
|
||||||
slidesPerView: 3
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
});
|
})
|
||||||
|
|
||||||
const reviewsSwiper = new Swiper('.reviews-swiper', {
|
const textsSwp = new Swiper('.texts-swp .swiper', {
|
||||||
spaceBetween: 24,
|
slidesPerView: 1,
|
||||||
// If we need pagination
|
spaceBetween: 0,
|
||||||
|
loop: true,
|
||||||
|
effect: 'fade',
|
||||||
|
navigation: {
|
||||||
|
nextEl: '.texts-swp__next',
|
||||||
|
prevEl: '.texts-swp__prev'
|
||||||
|
},
|
||||||
pagination: {
|
pagination: {
|
||||||
el: '.swiper-pagination',
|
el: ".texts-swp__pagination",
|
||||||
},
|
clickable: true,
|
||||||
|
|
||||||
// Navigation arrows
|
|
||||||
navigation: {
|
|
||||||
nextEl: '.swiper-button-next',
|
|
||||||
prevEl: '.swiper-button-prev',
|
|
||||||
},
|
|
||||||
|
|
||||||
// And if we need scrollbar
|
|
||||||
scrollbar: {
|
|
||||||
el: '.swiper-scrollbar',
|
|
||||||
},
|
|
||||||
runCallbacksOnInit: true,
|
|
||||||
// === new change
|
|
||||||
on: {
|
|
||||||
slideChange: function(){
|
|
||||||
let offer = document.querySelector('#numberReviews');
|
|
||||||
offer.innerHTML = (this.activeIndex + 1);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
let swiperReviews = document.querySelectorAll('.swiper-reviews-img');
|
// comment
|
||||||
let reviewsSwiperImgs = {};
|
let answerbtns = document.querySelectorAll('.answer-btn');
|
||||||
swiperReviews.forEach((review, index) => {
|
let answerbtnicons = document.querySelectorAll('.answer-btn svg');
|
||||||
let newClass = `swiper-reviews-img-${index}`;
|
let answerblocks = document.querySelectorAll('.answer-block');
|
||||||
review.classList.add(newClass);
|
|
||||||
|
|
||||||
reviewsSwiperImgs[index] = new Swiper(`.${newClass}`, {
|
answerbtns.forEach((answerbtn, index) => {
|
||||||
pagination: {
|
answerbtn.addEventListener('click', () => {
|
||||||
el: ".swiper-pagination",
|
let answerbtnicon = answerbtnicons[index];
|
||||||
clickable: true,
|
let answerblock = answerblocks[index];
|
||||||
renderBullet: function (index, className) {
|
|
||||||
return '<span class="' + className + '">' + "</span>";
|
answerblock.classList.toggle('active');
|
||||||
},
|
answerbtnicon.classList.toggle('active');
|
||||||
},
|
|
||||||
|
let buttonText = answerbtn.querySelector('span');
|
||||||
|
if (buttonText.textContent === 'Ответ') {
|
||||||
|
buttonText.textContent = 'Свернуть';
|
||||||
|
} else {
|
||||||
|
buttonText.textContent = 'ответ';
|
||||||
|
}
|
||||||
});
|
});
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const projectsSwiper = new Swiper('.projects-swiper', {
|
|
||||||
direction: 'horizontal',
|
|
||||||
breakpoints: {
|
|
||||||
320:{
|
|
||||||
slidesPerView: 1,
|
|
||||||
spaceBetween: 24,
|
|
||||||
},
|
|
||||||
996: {
|
|
||||||
slidesPerView: 10
|
|
||||||
},
|
|
||||||
},
|
|
||||||
// Navigation arrows
|
|
||||||
navigation: {
|
|
||||||
nextEl: '.swiper-button-next',
|
|
||||||
prevEl: '.swiper-button-prev',
|
|
||||||
},
|
|
||||||
runCallbacksOnInit: true,
|
|
||||||
// === new change
|
|
||||||
on: {
|
|
||||||
slideChange: function(){
|
|
||||||
let offer = document.querySelector('#numberProjects');
|
|
||||||
offer.innerHTML = (this.activeIndex + 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// how
|
|
||||||
let itemButtons = document.querySelectorAll('.how-control__item');
|
|
||||||
itemButtons.forEach((button) => {
|
|
||||||
let num = button.dataset.num;
|
|
||||||
|
|
||||||
button.onclick = function name(params, index) {
|
|
||||||
|
|
||||||
let activeContent = document.querySelector('.how-content__item-block.active'),
|
|
||||||
activeButton = document.querySelector('.how-control__item.active');
|
|
||||||
|
|
||||||
if (activeContent.dataset.num == button.dataset.num) return;
|
|
||||||
|
|
||||||
activeContent.style.height = `${activeContent.offsetHeight}px`;
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
activeContent.style.height = '0px';
|
|
||||||
activeContent.classList.remove('active');
|
|
||||||
activeButton.classList.remove('active');
|
|
||||||
|
|
||||||
let newActive = document.querySelector(`.how-content__item-block[data-num='${num}']`),
|
|
||||||
newButton = document.querySelector(`.how-control__item[data-num='${num}']`);
|
|
||||||
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
let newHeight = newActive.querySelector('.how-content__item').offsetHeight + 'px';
|
|
||||||
newActive.style.height = newHeight;
|
|
||||||
newActive.classList.add('active');
|
|
||||||
newButton.classList.add('active');
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
newActive.style.height = 'auto';
|
|
||||||
}, 300);
|
|
||||||
}, 300);
|
|
||||||
}, 0);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
let screenWidth = window.screen.width;
|
|
||||||
if (screenWidth <= 992) {
|
|
||||||
howPhone();
|
|
||||||
}else{
|
|
||||||
howPc();
|
|
||||||
}
|
|
||||||
|
|
||||||
function howPc() {
|
|
||||||
if (document.querySelector('.how__content').querySelector('.how-content__item-block')) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
let blocks = document.querySelectorAll('.how-content__item-block'),
|
|
||||||
content = document.querySelector('.how__content');
|
|
||||||
|
|
||||||
blocks.forEach(block => {
|
|
||||||
content.appendChild(block)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
function howPhone() {
|
|
||||||
|
|
||||||
if (!document.querySelector('.how__content').querySelector('.how-content__item-block')) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
let buttons = document.querySelectorAll('.how-control__item');
|
|
||||||
|
|
||||||
buttons.forEach(button => {
|
|
||||||
let num = button.dataset.num,
|
|
||||||
block = document.querySelector(`.how-content__item-block[data-num='${num}']`);
|
|
||||||
|
|
||||||
button.after(block);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
// how end
|
|
||||||
|
|
||||||
// phone menu
|
|
||||||
let btnOpenMenu = document.querySelector('.button-menu__open');
|
|
||||||
|
|
||||||
btnOpenMenu.onclick = function () {
|
|
||||||
let phoneMenu = document.querySelector('.phone-menu'),
|
|
||||||
block = document.querySelector('.phone-menu__block-content.main'),
|
|
||||||
content = document.querySelector('.phone-menu__content.main'),
|
|
||||||
newHeigh = content.offsetHeight + 'px';
|
|
||||||
|
|
||||||
phoneMenu.classList.add('active');
|
|
||||||
// block.classList.add('active');
|
|
||||||
block.style.height = newHeigh;
|
|
||||||
}
|
|
||||||
|
|
||||||
let closeMainMenu = document.querySelector('.phone-menu-content__close.main');
|
|
||||||
|
|
||||||
closeMainMenu.onclick = function () {
|
|
||||||
let phoneMenu = document.querySelector('.phone-menu'),
|
|
||||||
block = document.querySelector('.phone-menu__block-content.main'),
|
|
||||||
content = document.querySelector('.phone-menu__content.main');
|
|
||||||
|
|
||||||
phoneMenu.classList.remove('active');
|
|
||||||
block.style.height = 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
let nextPhoneMenu = document.querySelectorAll('.phone-menu--next');
|
|
||||||
|
|
||||||
nextPhoneMenu.forEach(next => {
|
|
||||||
next.onclick = function () {
|
|
||||||
let subName = next.dataset.menu,
|
|
||||||
blockSub = document.querySelector(`.phone-menu__sub.${subName}`);
|
|
||||||
|
|
||||||
blockSub.classList.add('active');
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
let subPhone = document.querySelectorAll('.phone-menu__sub');
|
|
||||||
|
|
||||||
subPhone.forEach(menu => {
|
|
||||||
let close = menu.querySelector('.phone-menu-content__close');
|
|
||||||
|
|
||||||
close.onclick = function () {
|
|
||||||
menu.classList.remove('active');
|
|
||||||
}
|
|
||||||
})
|
|
||||||
// phone menu end
|
|
||||||
|
|
||||||
// search
|
|
||||||
let openBtnSearch = document.querySelector('.header-menu-search__open'),
|
|
||||||
blockSearchPc = document.querySelector('.header-menu__search');
|
|
||||||
|
|
||||||
openBtnSearch.onclick = function () {
|
|
||||||
blockSearchPc.classList.toggle('active');
|
|
||||||
}
|
|
||||||
|
|
||||||
let btnOpenSearchPhone = document.querySelector('.phone__open-search'),
|
|
||||||
searchPhone = document.querySelector('.phone-search');
|
|
||||||
|
|
||||||
btnOpenSearchPhone.onclick = function () {
|
|
||||||
if (!searchPhone.classList.contains('hidden')) {
|
|
||||||
setTimeout(() => {
|
|
||||||
searchPhone.classList.add('hidden');
|
|
||||||
}, 300);
|
|
||||||
}else{
|
|
||||||
searchPhone.classList.remove('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
btnOpenSearchPhone.classList.toggle('active');
|
|
||||||
searchPhone.classList.toggle('active');
|
|
||||||
}
|
|
||||||
|
|
||||||
// search end
|
|
||||||
|
|
||||||
// open-modal
|
|
||||||
|
|
||||||
let openModals = document.querySelectorAll('.open-modal'),
|
|
||||||
modal = document.querySelector('.modal');
|
|
||||||
|
|
||||||
openModals.forEach(openModal => {
|
|
||||||
let modalName = openModal.dataset.modal;
|
|
||||||
|
|
||||||
openModal.onclick = function () {
|
|
||||||
let modalItem = document.querySelector(`.modal__item.${modalName}`);
|
|
||||||
|
|
||||||
modalItem.classList.add('active');
|
|
||||||
modal.classList.add('active');
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
modal.onclick = function (event) {
|
|
||||||
if (event.srcElement.classList.contains('modal')) {
|
|
||||||
document.querySelector(`.modal__item.active`).classList.remove('active');
|
|
||||||
modal.classList.remove('active');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
let itemModels = document.querySelectorAll('.modal__item');
|
|
||||||
|
|
||||||
itemModels.forEach(item => {
|
|
||||||
let btnClose = item.querySelector('.modal-item__close');
|
|
||||||
|
|
||||||
btnClose.onclick = function () {
|
|
||||||
item.classList.remove('active');
|
|
||||||
modal.classList.remove('active');
|
|
||||||
}
|
|
||||||
})
|
|
||||||
// open-modal end
|
|
||||||
|
|
||||||
// masks
|
|
||||||
|
|
||||||
let phoneInputs = document.querySelectorAll('.input__field[type=phone]');
|
|
||||||
|
|
||||||
phoneInputs.forEach(phoneInput => {
|
|
||||||
phoneInput.onfocus = function (event) {
|
|
||||||
let value = phoneInput.value;
|
|
||||||
|
|
||||||
if (value.length == 0) {
|
|
||||||
phoneInput.value = '+7 '
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
phoneInput.addEventListener('input', function(event) {
|
|
||||||
let value = phoneInput.value,
|
|
||||||
data = event.data,
|
|
||||||
length = value.length;
|
|
||||||
|
|
||||||
if (value.charAt(0) == '+' && length == 1) return;
|
|
||||||
|
|
||||||
if (isNaN(data)) {
|
|
||||||
phoneInput.value = value.slice(0, -1);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (typeof data != 'object') {
|
|
||||||
if (length == 2 || length == 6 || length == 10) {
|
|
||||||
phoneInput.value = value + ' ';
|
|
||||||
}
|
|
||||||
if (length == 3 || length == 7 || length == 11) {
|
|
||||||
if (data != ' ') {
|
|
||||||
phoneInput.value = value.slice(0, -1) + ' ' + data;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (length <= 3) {
|
|
||||||
phoneInput.value = '+7 '
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
})
|
|
||||||
|
|
||||||
// masks end
|
|
||||||
|
|
||||||
// pc menu
|
|
||||||
|
|
||||||
let blocksMenu = document.querySelectorAll('.header-menu-list-next__block');
|
|
||||||
|
|
||||||
blocksMenu.forEach(block =>{
|
|
||||||
let button = block.querySelector('.header-menu-list__next'),
|
|
||||||
content = block.querySelector('.header-menu-list-next__content');
|
|
||||||
|
|
||||||
button.addEventListener('mouseover', function (event) {
|
|
||||||
if (document.querySelector('.header-menu-list-next__content.active')) {
|
|
||||||
document.querySelector('.header-menu-list-next__content.active').classList.remove('active');
|
|
||||||
}
|
|
||||||
content.classList.add('active');
|
|
||||||
})
|
|
||||||
|
|
||||||
let nextButtons = block.querySelectorAll('.header-menu-list-next-content__item');
|
|
||||||
|
|
||||||
nextButtons.forEach(button => {
|
|
||||||
let className = button.dataset.menu;
|
|
||||||
|
|
||||||
if (typeof className == 'undefined') return;
|
|
||||||
|
|
||||||
button.addEventListener('mouseover', function (event) {
|
|
||||||
if (block.querySelector('.header-menu-list-next-content__item.active')) {
|
|
||||||
block.querySelector('.header-menu-list-next-content__item.active').classList.toggle('active');
|
|
||||||
block.querySelector('.header-menu-list-next__content-next.active').classList.toggle('active');
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
button.classList.toggle('active');
|
|
||||||
document.querySelector(`.header-menu-list-next__content-next.${className}`).classList.toggle('active');
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
content.addEventListener('mouseout', function (event) {
|
|
||||||
if (event.relatedTarget.offsetParent.classList.contains('header-menu-list-next__content-next')) return;
|
|
||||||
|
|
||||||
if (event.relatedTarget.offsetParent != content) {
|
|
||||||
content.classList.remove('active');
|
|
||||||
content.querySelectorAll('.header-menu-list-next__content-next.active').forEach(next => {
|
|
||||||
next.classList.remove('active');
|
|
||||||
})
|
|
||||||
block.querySelector('.header-menu-list-next-content__item.active').classList.remove('active');
|
|
||||||
|
|
||||||
content.removeEventListener("mouseout", handleMouseDown, false);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
})
|
|
||||||
|
|
||||||
// pc menu end
|
|
||||||
|
|
||||||
// resize
|
|
||||||
window.addEventListener('resize', () => {
|
|
||||||
let screenWidth = window.screen.width;
|
|
||||||
|
|
||||||
if (screenWidth <= 992) {
|
|
||||||
howPhone();
|
|
||||||
}else{
|
|
||||||
howPc();
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
|
// comment
|
||||||
|
|||||||
215
author.html
Normal file
215
author.html
Normal file
@@ -0,0 +1,215 @@
|
|||||||
|
<!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 Swiper's CSS -->
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||||
|
|
||||||
|
<!-- Базовые стили -->
|
||||||
|
<link rel="stylesheet" href="/assets/css/gp-style-normalize.css?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-xl.css?v=1.0">
|
||||||
|
<link rel="stylesheet" media="screen and (max-width: 992px)" href="/assets/css/gp-style-tablet.css?v=1.0">
|
||||||
|
<link rel="stylesheet" media="screen and (max-width: 576px)" 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>
|
||||||
|
|
||||||
|
<div class="wrapper">
|
||||||
|
|
||||||
|
<!-- Header -->
|
||||||
|
<header class="header">
|
||||||
|
<div class="container header-container">
|
||||||
|
<button class="header-bars">
|
||||||
|
<img src="./assets/img/bars.svg" alt="">
|
||||||
|
</button>
|
||||||
|
<a href="/" class="header-logo">
|
||||||
|
<img src="./assets/img/logo.svg" alt="">
|
||||||
|
<span>сosmopet</span>
|
||||||
|
</a>
|
||||||
|
<ul class="header-navs">
|
||||||
|
<li>
|
||||||
|
<a href="#" class="header-navs__link">ГЛАВНАЯ</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="header-navs__link">О COSMOPET</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="header-navs__link">ПРОИЗВОДСТВО</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="header-navs__link">БЛОГ</a>
|
||||||
|
</li>
|
||||||
|
<li class="header-accordion">
|
||||||
|
<div class="header-accordion__btn">
|
||||||
|
<span>ПРОДУКЦИЯ</span>
|
||||||
|
<img src="./assets/img/arrow-down.svg" alt="">
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="header-right">
|
||||||
|
<div class="header-lang">
|
||||||
|
<div class="header-lang__btn">
|
||||||
|
<span>RU</span>
|
||||||
|
<img src="./assets/img/arrow-down.svg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="#">
|
||||||
|
<img src="./assets/img/user-icon.svg" alt="">
|
||||||
|
</a>
|
||||||
|
<a href="#">
|
||||||
|
<img src="./assets/img/basket-icon.svg" alt="">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<!-- Header end -->
|
||||||
|
|
||||||
|
<main>
|
||||||
|
|
||||||
|
<!-- Breadcrumb -->
|
||||||
|
<section class="breadcrumb">
|
||||||
|
<div class="container">
|
||||||
|
<a href="#">Главная</a> /
|
||||||
|
<a href="#">Блог</a> /
|
||||||
|
<a href="#">Имя Фамилия</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Breadcrumb end -->
|
||||||
|
|
||||||
|
<!-- Authors block -->
|
||||||
|
<section class="author">
|
||||||
|
<div class="container">
|
||||||
|
<div class="author-content">
|
||||||
|
<div class="main-img">
|
||||||
|
<img src="./assets/img/author-main-card.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="author-name">АвТОР АВТОР 1</div>
|
||||||
|
<div class="author-type">главный редактор</div>
|
||||||
|
<div class="author-description">Эксперт компании Cosmopet</div>
|
||||||
|
<p>статей: 10</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h2>ЗАГОЛОВОК 1 </h2>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Authors block end -->
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-top">
|
||||||
|
<div class="footer-content__wrap">
|
||||||
|
<div class="footer-content">
|
||||||
|
<a href="/" class="logo">
|
||||||
|
<img src="./assets/img/logo-green.svg" alt="">
|
||||||
|
<span>сosmopet</span>
|
||||||
|
</a>
|
||||||
|
<p class="footer-content__address">
|
||||||
|
123182 г. Москва, <br>
|
||||||
|
4-й Красногорский пр., <br>
|
||||||
|
д. 2/4, стр. 1, этаж/ком. 3/1
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<p>Отзывы и предложения</p>
|
||||||
|
<a href="mailto:pro@cosmopet.shop" target="_blank">pro@cosmopet.shop</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>Заявки для оптовых покупателей</p>
|
||||||
|
<a href="mailto:pro@cosmopet.shop" target="_blank">pro@cosmopet.shop</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>Связь с ветеринаром</p>
|
||||||
|
<a href="mailto:vetvopros@cosmopet.shop" target="_blank">vetvopros@cosmopet.shop</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="footer-top__link">
|
||||||
|
<a href="#" class="link-black">Чат бот с ветеринаром</a>
|
||||||
|
<a href="#" class="link-white">Калькулятор рациона</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<form class="footer-contact">
|
||||||
|
<h3 class="footer-contact__title">Форма обратной связи</h3>
|
||||||
|
<input type="text" placeholder="Ваше имя" class="form-inp">
|
||||||
|
<input type="email" placeholder="Эл.почта" class="form-inp">
|
||||||
|
<textarea class="form-textarea" name="" placeholder="Текст обращения" id=""></textarea>
|
||||||
|
<button class="footer-contact__submit" type="submit">Отправить</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<ul class="footer-network">
|
||||||
|
<li>
|
||||||
|
<a href="#">
|
||||||
|
<img src="./assets/img/footer-network-1.svg" alt="">
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">
|
||||||
|
<img src="./assets/img/footer-network-2.svg" alt="">
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">
|
||||||
|
<img src="./assets/img/footer-network-3.svg" alt="">
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a href="#">Соглашение о конфиденциальности</a>
|
||||||
|
<a href="#">Декларация соответствия корма</a>
|
||||||
|
<a href="#">Декларация соответствия лакомств</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!-- Footer end -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Swiper JS -->
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||||
|
<script src="./assets/js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
256
authors.html
Normal file
256
authors.html
Normal file
@@ -0,0 +1,256 @@
|
|||||||
|
<!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 Swiper's CSS -->
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||||
|
|
||||||
|
<!-- Базовые стили -->
|
||||||
|
<link rel="stylesheet" href="/assets/css/gp-style-normalize.css?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-xl.css?v=1.0">
|
||||||
|
<link rel="stylesheet" media="screen and (max-width: 992px)" href="/assets/css/gp-style-tablet.css?v=1.0">
|
||||||
|
<link rel="stylesheet" media="screen and (max-width: 576px)" 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>
|
||||||
|
|
||||||
|
<div class="wrapper">
|
||||||
|
|
||||||
|
<!-- Header -->
|
||||||
|
<header class="header">
|
||||||
|
<div class="container header-container">
|
||||||
|
<button class="header-bars">
|
||||||
|
<img src="./assets/img/bars.svg" alt="">
|
||||||
|
</button>
|
||||||
|
<a href="/" class="header-logo">
|
||||||
|
<img src="./assets/img/logo.svg" alt="">
|
||||||
|
<span>сosmopet</span>
|
||||||
|
</a>
|
||||||
|
<ul class="header-navs">
|
||||||
|
<li>
|
||||||
|
<a href="#" class="header-navs__link">ГЛАВНАЯ</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="header-navs__link">О COSMOPET</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="header-navs__link">ПРОИЗВОДСТВО</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="header-navs__link">БЛОГ</a>
|
||||||
|
</li>
|
||||||
|
<li class="header-accordion">
|
||||||
|
<div class="header-accordion__btn">
|
||||||
|
<span>ПРОДУКЦИЯ</span>
|
||||||
|
<img src="./assets/img/arrow-down.svg" alt="">
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="header-right">
|
||||||
|
<div class="header-lang">
|
||||||
|
<div class="header-lang__btn">
|
||||||
|
<span>RU</span>
|
||||||
|
<img src="./assets/img/arrow-down.svg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="#">
|
||||||
|
<img src="./assets/img/user-icon.svg" alt="">
|
||||||
|
</a>
|
||||||
|
<a href="#">
|
||||||
|
<img src="./assets/img/basket-icon.svg" alt="">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<!-- Header end -->
|
||||||
|
|
||||||
|
<main>
|
||||||
|
|
||||||
|
<!-- Breadcrumb -->
|
||||||
|
<section class="breadcrumb">
|
||||||
|
<div class="container">
|
||||||
|
<a href="#">Главная</a> /
|
||||||
|
<a href="#">Блог</a> /
|
||||||
|
<a href="#">Наши авторы</a>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Breadcrumb end -->
|
||||||
|
|
||||||
|
<!-- Authors block -->
|
||||||
|
<section class="authors">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Все авторы</h2>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="./author.html">
|
||||||
|
<div class="main-img">
|
||||||
|
<img src="./assets/img/author-1.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="authors-name">АвТОР АВТОР 1</div>
|
||||||
|
<div class="authors-type">главный редактор</div>
|
||||||
|
<p>статей: 10</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="./author.html">
|
||||||
|
<div class="main-img">
|
||||||
|
<img src="./assets/img/author-2.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="authors-name">АвТОР АВТОР 2</div>
|
||||||
|
<div class="authors-type">редактор</div>
|
||||||
|
<p>статей: 3</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="./author.html">
|
||||||
|
<div class="main-img">
|
||||||
|
<img src="./assets/img/author-3.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="authors-name">АвТОР АВТОР 3</div>
|
||||||
|
<div class="authors-type">технолог</div>
|
||||||
|
<p>статей: 2</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="./author.html">
|
||||||
|
<div class="main-img">
|
||||||
|
<img src="./assets/img/author-4.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="authors-name">АвТОР АВТОР 4</div>
|
||||||
|
<div class="authors-type">охранник</div>
|
||||||
|
<p>статей: 100</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="./author.html">
|
||||||
|
<div class="main-img">
|
||||||
|
<img src="./assets/img/author-5.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="authors-name">АвТОР АВТОР 5</div>
|
||||||
|
<div class="authors-type">вольный хлебопашец</div>
|
||||||
|
<p>статей: 2</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Authors block end -->
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="footer-top">
|
||||||
|
<div class="footer-content__wrap">
|
||||||
|
<div class="footer-content">
|
||||||
|
<a href="/" class="logo">
|
||||||
|
<img src="./assets/img/logo-green.svg" alt="">
|
||||||
|
<span>сosmopet</span>
|
||||||
|
</a>
|
||||||
|
<p class="footer-content__address">
|
||||||
|
123182 г. Москва, <br>
|
||||||
|
4-й Красногорский пр., <br>
|
||||||
|
д. 2/4, стр. 1, этаж/ком. 3/1
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<p>Отзывы и предложения</p>
|
||||||
|
<a href="mailto:pro@cosmopet.shop" target="_blank">pro@cosmopet.shop</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>Заявки для оптовых покупателей</p>
|
||||||
|
<a href="mailto:pro@cosmopet.shop" target="_blank">pro@cosmopet.shop</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>Связь с ветеринаром</p>
|
||||||
|
<a href="mailto:vetvopros@cosmopet.shop" target="_blank">vetvopros@cosmopet.shop</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="footer-top__link">
|
||||||
|
<a href="#" class="link-black">Чат бот с ветеринаром</a>
|
||||||
|
<a href="#" class="link-white">Калькулятор рациона</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<form class="footer-contact">
|
||||||
|
<h3 class="footer-contact__title">Форма обратной связи</h3>
|
||||||
|
<input type="text" placeholder="Ваше имя" class="form-inp">
|
||||||
|
<input type="email" placeholder="Эл.почта" class="form-inp">
|
||||||
|
<textarea class="form-textarea" name="" placeholder="Текст обращения" id=""></textarea>
|
||||||
|
<button class="footer-contact__submit" type="submit">Отправить</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="footer-bottom">
|
||||||
|
<ul class="footer-network">
|
||||||
|
<li>
|
||||||
|
<a href="#">
|
||||||
|
<img src="./assets/img/footer-network-1.svg" alt="">
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">
|
||||||
|
<img src="./assets/img/footer-network-2.svg" alt="">
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#">
|
||||||
|
<img src="./assets/img/footer-network-3.svg" alt="">
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a href="#">Соглашение о конфиденциальности</a>
|
||||||
|
<a href="#">Декларация соответствия корма</a>
|
||||||
|
<a href="#">Декларация соответствия лакомств</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!-- Footer end -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Swiper JS -->
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||||
|
<script src="./assets/js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
1312
index.html
1312
index.html
File diff suppressed because it is too large
Load Diff
13
заготовки
13
заготовки
@@ -1,13 +0,0 @@
|
|||||||
<!-- Пример формы для отправки в Телеграмм (обработчик send-telegram.php) -->
|
|
||||||
<!-- <form class="form" method="post" action="/send-telegram.php">
|
|
||||||
<div class="form__item">
|
|
||||||
<input class="form__input" type="text" name="name" required>
|
|
||||||
<label class="form__label">Ваше имя</label>
|
|
||||||
</div>
|
|
||||||
<div class="form__item">
|
|
||||||
<input class="form__input" type="text" name="phone" required>
|
|
||||||
<label class="form__label">Номер телефона</label>
|
|
||||||
</div>
|
|
||||||
<input class="form__input btn" type="submit" value="Отправить">
|
|
||||||
</form> -->
|
|
||||||
|
|
||||||
Reference in New Issue
Block a user