Compare commits
6 Commits
cosmopet--
...
vectorbric
| Author | SHA1 | Date | |
|---|---|---|---|
|
2cc2f8495d | ||
|
|
1edb20881d | ||
|
|
6e518a5d76 | ||
|
|
fad5afb0c1 | ||
|
|
9d68663b9c | ||
|
18e2e45585 |
14
.htaccess
14
.htaccess
@@ -1,14 +0,0 @@
|
||||
<IfModule mod_rewrite.c>
|
||||
# Редирект: ...// -> .../
|
||||
RewriteCond %{REQUEST_URI} (.*)\/\/$
|
||||
RewriteRule ^(.*)$ https://%{HTTP_HOST}/%1/ [R=301,L]
|
||||
|
||||
# Редирект: с www -> без www
|
||||
RewriteCond %{HTTP_HOST} ^www\.(.*)$
|
||||
RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R=301,L]
|
||||
|
||||
# Редирект: HTTP -> HTTPS
|
||||
RewriteCond %{HTTP:X-Forwarded-Proto} !https
|
||||
RewriteCond %{HTTPS} off
|
||||
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
|
||||
</IfModule>
|
||||
55
README.md
55
README.md
@@ -1,55 +0,0 @@
|
||||
## **Требования к верстке**
|
||||
|
||||
### **С точки зрения веб-разработки:**
|
||||
* верстаем на чистом HTML/CSS с использованием flex и grid (без подключение библиотек типа bootstrap и т.п.)
|
||||
* при именовании блоков используем методологию **БЭМ в стиле "Two Dashes"**:
|
||||
`block-name__elem-name--mod-name--mod-val`
|
||||
+ имена записываются латиницей в нижнем регистре
|
||||
+ для разделения слов в именах БЭМ-сущностей используется дефис (-)
|
||||
+ имя элемента отделяется от имени блока двумя подчеркиваниями (__)
|
||||
+ модификаторы отделяются от имения блока или элемента двумя дефисами (--)
|
||||
+ значение модификатора отделяется от его имени двумя дефисами (--)
|
||||
* из конечного HTML-файла убрать все комментарии, если такие имеются
|
||||
* все медиазапросы пишутся в отдельных файлах (которые мы подготовили) для того чтобы оптимизировать скорость загрузки; если используется препроцессор, то не нужно в классе каждого блока использовать импорты медиа запросов, а наоборот выносим пример можно посмотреть на ["видео"](https://www.youtube.com/watch?v=9uaENbRyVT4)
|
||||
* **частая ошибка:** верстальщик берет изображения/видео из макета и не задает им адаптивную ширину/высоту, и на моменте сдачи верстки не заметно косяков, а вот когда мы переходим к натяжке и медиаматериалы начинают выводиться в шаблон динамически и уже разных форматов (ШИРИНАxВЫСОТА), тогда верстка начинает плыть. Чтоб такое избежать проверяйте на как себя ведет элемент при замене слишком большой/маленькой картинки.
|
||||
* **ВАЖНО:** если верстка делается для многостраничного сайта (особенно на CMS), то для всех страниц прописывать уникальный класс в \<body\>, от которого строить все CSS-правила на этой странице + для кажой станицы использовать свои отдельные CSS-файлы
|
||||
|
||||
|
||||
### **С точки зрения SEO:**
|
||||
* все теги использовать строго по назначению! Текстовые (strong, b, i, em, h1-h6… p) используем только в текстовых блоках и заголовках. Для дизайна используем div и span. Например не нужно втыкать в подвал, шапку или формы захвата h4 или закрывать просто крупный текст, который не является заголовком в h2.
|
||||
* на странице должен быть только один заголовок первого уровня (h1)
|
||||
* должны присутствовать все основные теги и атрибуты — html, head, body, title, description, lang=ru, content=html, charset=utf8
|
||||
* для кнопок, нажатие на которые не требует редиректа используем тег \<button\>, а не \<a\>
|
||||
* для \<img\> самостоятельно проставляем атрибут alt="", со значением описывающим того что изображено на картинке
|
||||
|
||||
|
||||
## **Порядок работы**
|
||||
|
||||
### **Подготовка окружения для локальной разработки**
|
||||
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}`
|
||||
3. Приступить к локальной разработке в созданной ветке
|
||||
4. Для демонстрации работы пушить свои комиты в созданную ветку командой: `git push origin ${project_name}--${name}`
|
||||
- во время push для авторизации понадобиться логин/пароль: `freelancer/freelancerfreelancer00`
|
||||
5. Отписать в чат, чтоб руководитель проектом посмотрел результат и выкачал его на тестовый стенд
|
||||
|
||||
в командах заменить переменные:
|
||||
`${project_name}` -- условное названия проекта (как варинат использовать домен сайта)
|
||||
`${name}` -- имя/ник исполнителя
|
||||
|
||||
|
||||
## **Оптимальный порядок непосредственно в процессе верстки**
|
||||
1. Сначала определить CSS-переменные для основных цветов/градиентов, начертаний шрифтов (толщина, размер, модификация, межтрочный интервал) и занести в специально подгтовленный CSS-файл `style-core.css`
|
||||
2. Все шрифты выкачать и сохранить локально в директорию `/assets/fonts/` и подключить их в файле `style-core.css`
|
||||
3. Далее начинать стоит с верстки UI kit (должен быть предоставлен в макете дизайнером), для того чтобы переиспользовать готовые элементы по ходу верстки макетов. Стили для UI kit писать так же в файл `style-core.css`.
|
||||
Саму HTML-верстку для UI kit делать в файле `ui_kit.html`
|
||||
3. Как UI kit будет готов, можно смело переходить к верстке основных листов макета "*.html" и просто использовать готовые классы из `style-core.css`
|
||||
|
||||
|
||||
### **Примечания**
|
||||
|
||||
Для работы с Figma рекомендуем использовать плагин ["Inspect Styles"](https://www.figma.com/community/plugin/1254262542670221199) для инспевтирования CSS-свойсв.
|
||||
962
articles.html
962
articles.html
@@ -1,962 +0,0 @@
|
||||
<!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 -->
|
||||
|
||||
<!-- Article home -->
|
||||
<!--
|
||||
use classes position-1, position-2
|
||||
<div class="article-home position-1 position-2"></div>
|
||||
-->
|
||||
<section class="article-home">
|
||||
<div class="container">
|
||||
<h1>Сколько корма нужно именно вашей <br>собаке?</h1>
|
||||
<div class="article-home__data">
|
||||
<ul class="article-home__data-alerts">
|
||||
<li>
|
||||
<a href="#">Хештег 1</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Хештег 2</a>
|
||||
</li>
|
||||
</ul>
|
||||
<p>21.10.24</p>
|
||||
<p>время чтения: 5 минут</p>
|
||||
<p>
|
||||
<img src="./assets/img/heart-white.svg" alt="">
|
||||
<span>22</span>
|
||||
</p>
|
||||
<p>
|
||||
<img src="./assets/img/msg-white.svg" alt="">
|
||||
<span>5</span>
|
||||
</p>
|
||||
<div class="user">
|
||||
<img src="./assets/img/user-logo.png" alt="">
|
||||
<span>Ольга М.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-home__card">
|
||||
<img src="./assets/img/article-home-card.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Article home end -->
|
||||
|
||||
<!-- Article content -->
|
||||
<div class="article-content">
|
||||
<div class="article-container">
|
||||
|
||||
<!-- Discount -->
|
||||
<section class="discount">
|
||||
<h2 class="discount-title">Узнайте о нас больше и получите <span>скидку!</span></h2>
|
||||
<img src="./assets/img/discount-bg.png" alt="" class="discount-bg">
|
||||
<img src="./assets/img/discount-bg-sm.png" alt="" class="discount-bg mb">
|
||||
<form action="" class="discount-form">
|
||||
<input type="email" placeholder="почта">
|
||||
<img src="./assets/img/long-arrow.svg" alt="">
|
||||
<button type="submit">подписаться</button>
|
||||
</form>
|
||||
<div class="discount-descriptions">
|
||||
<p class="discount-description__1">Подписываясь на рассылка, я даю согласие на обработку персональных данных, на получение рекламных сообщений и новостей о товарах и услугах</p>
|
||||
<p class="discount-description__2">Подпишитесь, чтобы быть в курсе деятельности Cosmopet и узнавать о наших предложениях. Обещаем не заваливать вас бесполезными письмами. А за подписку дарим -25% на весь ассортимент нашей продукции</p>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Discount end -->
|
||||
|
||||
<!-- Diet -->
|
||||
<section class="diet">
|
||||
<p>Удобный инструмент - калькулятор, который поможет вам определить дневную дозировку корма непосредственно для вашего котика и пёсика.</p>
|
||||
<a href="#">Калькулятор рациона</a>
|
||||
</section>
|
||||
<!-- Diet end -->
|
||||
|
||||
<!-- Texts -->
|
||||
<section class="texts">
|
||||
<h2>ЗАГОЛОВОК 2</h2>
|
||||
<h3>ЗАГОЛОВОК 3</h3>
|
||||
<div class="texts-description">
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
<p>
|
||||
<b>Текст Body large Текст Body large</b> Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large
|
||||
</p>
|
||||
<p>
|
||||
Текст Body large Текст Body large Текст <a href="#">Body large Текст Body large</a> Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large
|
||||
</p>
|
||||
</div>
|
||||
<ol>
|
||||
<li>
|
||||
<h4>1</h4>
|
||||
<p>Нумерованный список</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>2</h4>
|
||||
<p>Нумерованный список</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>3</h4>
|
||||
<p>Нумерованный список</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>4</h4>
|
||||
<p>Нумерованный список</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>5</h4>
|
||||
<p>Нумерованный список</p>
|
||||
</li>
|
||||
</ol>
|
||||
<ul>
|
||||
<li>Маркированный список</li>
|
||||
<li>Маркированный список</li>
|
||||
<li>Маркированный список</li>
|
||||
<li>Маркированный список</li>
|
||||
<li>Маркированный список</li>
|
||||
</ul>
|
||||
<div class="texts-swp">
|
||||
<button class="texts-swp__prev">
|
||||
<img src="./assets/img/swp-prev.svg" alt="">
|
||||
</button>
|
||||
<button class="texts-swp__next">
|
||||
<img src="./assets/img/swp-next.svg" alt="">
|
||||
</button>
|
||||
<div class="texts-swp__pagination"></div>
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/img/texts-card-1.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/img/texts-card-2.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/img/texts-card-3.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Texts end -->
|
||||
|
||||
<!-- Alerts -->
|
||||
<section class="alerts">
|
||||
<div class="alerts-grey">
|
||||
<img src="./assets/img/icon-1.svg" alt="" class="icon-1">
|
||||
<p>Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет выполнять важные задания по разработке соответствующий условий активизации. Идейные соображения высшего порядка, а также рамки и место обучения кадров требуют определения и уточнения соответствующий условий активизации. Разнообразный и богатый опыт укрепление и развитие структуры влечет за собой процесс внедрения и модернизации форм развития.</p>
|
||||
<img src="./assets/img/icon-2.svg" alt="" class="icon-2">
|
||||
</div>
|
||||
<div class="alerts-violet">
|
||||
<img src="./assets/img/icon-3.svg" alt="" class="icon-1">
|
||||
<p>Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет выполнять важные задания по разработке соответствующий условий активизации. Идейные соображения высшего порядка, а также рамки и место обучения кадров требуют определения и уточнения соответствующий условий активизации. Разнообразный и богатый опыт укрепление и развитие структуры влечет за собой процесс внедрения и модернизации форм развития.</p>
|
||||
</div>
|
||||
<div class="alerts-yellow">
|
||||
<img src="./assets/img/icon-4.svg" alt="" class="icon-1">
|
||||
<p>Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет выполнять важные задания по разработке соответствующий условий активизации. Идейные соображения высшего порядка, а также рамки и место обучения кадров требуют определения и уточнения соответствующий условий активизации. Разнообразный и богатый опыт укрепление и развитие структуры влечет за собой процесс внедрения и модернизации форм развития.</p>
|
||||
</div>
|
||||
<div class="alerts-green">
|
||||
<img src="./assets/img/icon-5.svg" alt="" class="icon-1">
|
||||
<p>Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет выполнять важные задания по разработке соответствующий условий активизации. Идейные соображения высшего порядка, а также рамки и место обучения кадров требуют определения и уточнения соответствующий условий активизации. Разнообразный и богатый опыт укрепление и развитие структуры влечет за собой процесс внедрения и модернизации форм развития.</p>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Alerts end -->
|
||||
|
||||
<!-- Article table -->
|
||||
<section class="article-table__wrap">
|
||||
<div class="article-table">
|
||||
<div class="article-table__item">
|
||||
<ul>
|
||||
<li>Масса собаки, кг</li>
|
||||
<li>0,8</li>
|
||||
<li>0,8</li>
|
||||
<li>0,8</li>
|
||||
<li>0,8</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>ПЕ в день, ккал</li>
|
||||
<li>118</li>
|
||||
<li>118</li>
|
||||
<li>118</li>
|
||||
<li>118</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="article-table__item">
|
||||
<ul>
|
||||
<li>Масса собаки, кг</li>
|
||||
<li>0,8</li>
|
||||
<li>0,8</li>
|
||||
<li>0,8</li>
|
||||
<li>0,8</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>ПЕ в день, ккал</li>
|
||||
<li>118</li>
|
||||
<li>118</li>
|
||||
<li>118</li>
|
||||
<li>118</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="article-table__item">
|
||||
<ul>
|
||||
<li>Масса собаки, кг</li>
|
||||
<li>0,8</li>
|
||||
<li>0,8</li>
|
||||
<li>0,8</li>
|
||||
<li>0,8</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>ПЕ в день, ккал</li>
|
||||
<li>118</li>
|
||||
<li>118</li>
|
||||
<li>118</li>
|
||||
<li>118</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Article table end -->
|
||||
|
||||
<!-- Article block -->
|
||||
<section class="article-block">
|
||||
<div class="article-block__head">
|
||||
<div class="article-block__head-left">
|
||||
<h3>ЗАГОЛОВОК 3</h3>
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
</div>
|
||||
<div class="article-block__head-right">
|
||||
<img src="./assets/img/article-block-card-1.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-block__item-wrap">
|
||||
<div class="article-block__item">
|
||||
<div class="article-block__item-content">
|
||||
<h3>ЗАГОЛОВОК H3</h3>
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./assets/img/plus-icon.svg" alt="">
|
||||
<p>Текст Body Small Текст Body Small Текст Body Small Текст Body Small Текст Body Small</p>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/minus-icon.svg" alt="">
|
||||
<p>Текст Body Small Текст Body Small Текст Body Small Текст Body Small Текст Body Small</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="article-block__item-img">
|
||||
<img src="./assets/img/article-block-card-2.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-block__item">
|
||||
<div class="article-block__item-img">
|
||||
<img src="./assets/img/article-block-card-3.png" alt="">
|
||||
</div>
|
||||
<div class="article-block__item-content">
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./assets/img/plus-icon.svg" alt="">
|
||||
<p>Текст Body Small Текст Body Small Текст Body Small Текст Body Small Текст Body Small</p>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/minus-icon.svg" alt="">
|
||||
<p>Текст Body Small Текст Body Small Текст Body Small Текст Body Small Текст Body Small</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Article block end -->
|
||||
|
||||
<!-- Block Accent -->
|
||||
<section class="block-accent">
|
||||
<div class="block-accent__card card-violet">
|
||||
<img src="./assets/img/block-accent-icon-1.svg" alt="">
|
||||
<div class="block-accent__card-content">
|
||||
<h3>ЗАГОЛОВОК H3</h3>
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block-accent__card card-orange">
|
||||
<img src="./assets/img/block-accent-icon-2.svg" alt="">
|
||||
<p>Кстати: экологически чистые картонные когтеточки можно получить в подарок при покупке корма для кошек Cosmocat в упаковках 2 кг.</p>
|
||||
</div>
|
||||
<div class="block-accent__card card-blue">
|
||||
<img src="./assets/img/block-accent-icon-3.svg" alt="">
|
||||
<div class="block-accent__card-content">
|
||||
<h3>Взрослая кошка (1-7 лет)</h3>
|
||||
<p>Как правило, в этом возрасте питомцу нужно просто поддерживать вес – исходя из уровня его активности и особых указаний ветеринара (если они будут).</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Block Accent end -->
|
||||
|
||||
<!-- Indent -->
|
||||
<section class="indent">
|
||||
<h2 class="indent-title">ЗАГОЛОВОК H2 ЗАГОЛОВОК H2 ЗАГОЛОВОК H2 </h2>
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./assets/img/indent-icon-1.svg" alt="">
|
||||
<div>
|
||||
<h3>ЗАГОЛОВОК H3</h3>
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/indent-icon-1.svg" alt="">
|
||||
<div>
|
||||
<h3>ЗАГОЛОВОК H3</h3>
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/indent-icon-1.svg" alt="">
|
||||
<div>
|
||||
<h3>ЗАГОЛОВОК H3</h3>
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
</section>
|
||||
<!-- Indent end -->
|
||||
|
||||
<!-- Product card -->
|
||||
<section class="product-card">
|
||||
<img src="./assets/img/product-card.png" alt="">
|
||||
</section>
|
||||
<!-- Product card end -->
|
||||
|
||||
<!-- Alohida -->
|
||||
|
||||
<section class="block-lists">
|
||||
<div class="block-list_block">
|
||||
<img src="./assets/img/block-list-icon-1.svg" alt="">
|
||||
<div class="block-lists_text">
|
||||
<h3>
|
||||
ЗАГОЛОВОК H3
|
||||
</h3>
|
||||
<p>
|
||||
Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block-list_block">
|
||||
<img src="./assets/img/block-list-icon-2.svg" alt="">
|
||||
<div class="block-lists_text">
|
||||
<p>
|
||||
Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block-list_block">
|
||||
<img src="./assets/img/block-list-icon-3.svg" alt="">
|
||||
<div class="block-lists_text">
|
||||
<p>
|
||||
Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block-list_block">
|
||||
<img src="./assets/img/block-list-icon-4.svg" alt="">
|
||||
<div class="block-lists_text">
|
||||
<p>
|
||||
Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="video_block">
|
||||
<iframe width="339" height="602" src="https://www.youtube.com/embed/3zrGER3nNiw" title="Котята проголодались, мяукают и хотят кушать | Котенок Арнольд ворует еду" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
</section>
|
||||
|
||||
<section class="comment">
|
||||
<div class="comment-btn">
|
||||
<button>
|
||||
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M17.7859 4.66406C14.7135 4.66406 13.3546 6.89752 13.0591 8.01424C12.8425 6.89752 11.5348 4.66406 8.03702 4.66406C3.66481 4.66406 1.71504 10.267 5.55549 15.0612C8.62786 18.8966 11.8381 20.3945 13.0591 20.6641C14.4181 20.4138 17.8686 18.8619 20.7991 14.6568C24.4623 9.40052 21.6263 4.66406 17.7859 4.66406Z" fill="#121212"/>
|
||||
</svg>
|
||||
Нравится
|
||||
</button>
|
||||
<span>
|
||||
22
|
||||
</span>
|
||||
</div>
|
||||
<div class="comment-in">
|
||||
<h3 class="comment-title">
|
||||
КОММЕНТАРИИ (5)
|
||||
</h3>
|
||||
<div class="comment-block">
|
||||
<p class="comment-block_text">
|
||||
<a href="#">Войдите</a>, чтобы оставлять комментарии
|
||||
</p>
|
||||
</div>
|
||||
<div class="comment-block_wrapper">
|
||||
<div class="comment-block">
|
||||
<div class="comment-user">
|
||||
<img src="./assets/img/user_img.png" alt="">
|
||||
<div class="comment-user_text">
|
||||
<h6>
|
||||
Ольга М.
|
||||
</h6>
|
||||
<span>
|
||||
15 января 2025
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
Лучший обзор на когтеточки!
|
||||
</p>
|
||||
<div class="comment-btns">
|
||||
<button>
|
||||
<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.5 3H3.25C2.00736 3 1 4.00736 1 5.25V5.25C1 6.49264 2.00736 7.5 3.25 7.5H3.5" stroke="#666666"/>
|
||||
<path d="M7 0.5L9.5 3L7 5.5" stroke="#666666"/>
|
||||
</svg>
|
||||
Ответить
|
||||
</button>
|
||||
<button>
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.7745 1C8.67239 1 7.7426 2.5355 7.54047 3.30325C7.39224 2.5355 6.49748 1 4.10427 1C1.11276 1 -0.221288 4.85199 2.40639 8.14801C4.50853 10.7848 6.705 11.8147 7.54047 12C8.47026 11.8279 10.8311 10.761 12.8363 7.87004C15.3427 4.25632 13.4022 1 10.7745 1Z" stroke="#666666"/>
|
||||
</svg>
|
||||
2
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<button class="answer-btn">
|
||||
<svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14 1.41406L7.5 7.91406L1 1.41406" stroke="#76CE75" stroke-width="2"/>
|
||||
</svg>
|
||||
1 <span>
|
||||
ответ
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="comment-block answer-block active">
|
||||
<div class="comment-user">
|
||||
<img src="./assets/img/user_img2.png" alt="">
|
||||
<div class="comment-user_text">
|
||||
<h6>
|
||||
Дед
|
||||
</h6>
|
||||
<span>
|
||||
15 января 2025
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
Помню в 1937 году когтеточки были лучше
|
||||
</p>
|
||||
<div class="comment-btns">
|
||||
<button>
|
||||
<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.5 3H3.25C2.00736 3 1 4.00736 1 5.25V5.25C1 6.49264 2.00736 7.5 3.25 7.5H3.5" stroke="#666666"/>
|
||||
<path d="M7 0.5L9.5 3L7 5.5" stroke="#666666"/>
|
||||
</svg>
|
||||
Ответить
|
||||
</button>
|
||||
<button>
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.7745 1C8.67239 1 7.7426 2.5355 7.54047 3.30325C7.39224 2.5355 6.49748 1 4.10427 1C1.11276 1 -0.221288 4.85199 2.40639 8.14801C4.50853 10.7848 6.705 11.8147 7.54047 12C8.47026 11.8279 10.8311 10.761 12.8363 7.87004C15.3427 4.25632 13.4022 1 10.7745 1Z" stroke="#666666"/>
|
||||
</svg>
|
||||
2
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="comment-block">
|
||||
<div class="comment-user">
|
||||
<img src="./assets/img/user_img3.png" alt="">
|
||||
<div class="comment-user_text">
|
||||
<h6>
|
||||
Чжон Д.
|
||||
</h6>
|
||||
<span>
|
||||
15 января 2025
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
关于挠痒柱的最佳评论
|
||||
</p>
|
||||
<div class="comment-btns">
|
||||
<button>
|
||||
<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.5 3H3.25C2.00736 3 1 4.00736 1 5.25V5.25C1 6.49264 2.00736 7.5 3.25 7.5H3.5" stroke="#666666"/>
|
||||
<path d="M7 0.5L9.5 3L7 5.5" stroke="#666666"/>
|
||||
</svg>
|
||||
Ответить
|
||||
</button>
|
||||
<button>
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.7745 1C8.67239 1 7.7426 2.5355 7.54047 3.30325C7.39224 2.5355 6.49748 1 4.10427 1C1.11276 1 -0.221288 4.85199 2.40639 8.14801C4.50853 10.7848 6.705 11.8147 7.54047 12C8.47026 11.8279 10.8311 10.761 12.8363 7.87004C15.3427 4.25632 13.4022 1 10.7745 1Z" stroke="#666666"/>
|
||||
</svg>
|
||||
2
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="comment-block_wrapper">
|
||||
<div class="comment-block">
|
||||
<div class="comment-user">
|
||||
<img src="./assets/img/user_img4.png" alt="">
|
||||
<div class="comment-user_text">
|
||||
<h6>
|
||||
Пётр Ш.
|
||||
</h6>
|
||||
<span>
|
||||
15 января 2025
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
А расскажите как самому сделать когтеточки?
|
||||
</p>
|
||||
<div class="comment-btns">
|
||||
<button>
|
||||
<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.5 3H3.25C2.00736 3 1 4.00736 1 5.25V5.25C1 6.49264 2.00736 7.5 3.25 7.5H3.5" stroke="#666666"/>
|
||||
<path d="M7 0.5L9.5 3L7 5.5" stroke="#666666"/>
|
||||
</svg>
|
||||
Ответить
|
||||
</button>
|
||||
<button>
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.7745 1C8.67239 1 7.7426 2.5355 7.54047 3.30325C7.39224 2.5355 6.49748 1 4.10427 1C1.11276 1 -0.221288 4.85199 2.40639 8.14801C4.50853 10.7848 6.705 11.8147 7.54047 12C8.47026 11.8279 10.8311 10.761 12.8363 7.87004C15.3427 4.25632 13.4022 1 10.7745 1Z" stroke="#666666"/>
|
||||
</svg>
|
||||
2
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<button class="answer-btn">
|
||||
<svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14 1.41406L7.5 7.91406L1 1.41406" stroke="#76CE75" stroke-width="2"/>
|
||||
</svg>
|
||||
1
|
||||
<span>
|
||||
ответ
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="comment-block answer-block">
|
||||
<div class="comment-user">
|
||||
<img src="./assets/img/user_img2.png" alt="">
|
||||
<div class="comment-user_text">
|
||||
<h6>
|
||||
Дед
|
||||
</h6>
|
||||
<span>
|
||||
15 января 2025
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
Помню в 1937 году когтеточки были лучше
|
||||
</p>
|
||||
<div class="comment-btns">
|
||||
<button>
|
||||
<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.5 3H3.25C2.00736 3 1 4.00736 1 5.25V5.25C1 6.49264 2.00736 7.5 3.25 7.5H3.5" stroke="#666666"/>
|
||||
<path d="M7 0.5L9.5 3L7 5.5" stroke="#666666"/>
|
||||
</svg>
|
||||
Ответить
|
||||
</button>
|
||||
<button>
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.7745 1C8.67239 1 7.7426 2.5355 7.54047 3.30325C7.39224 2.5355 6.49748 1 4.10427 1C1.11276 1 -0.221288 4.85199 2.40639 8.14801C4.50853 10.7848 6.705 11.8147 7.54047 12C8.47026 11.8279 10.8311 10.761 12.8363 7.87004C15.3427 4.25632 13.4022 1 10.7745 1Z" stroke="#666666"/>
|
||||
</svg>
|
||||
2
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="comment-block_wrapper">
|
||||
<div class="comment-block">
|
||||
<div class="comment-user">
|
||||
<img src="./assets/img/user_img5.png" alt="">
|
||||
<div class="comment-user_text">
|
||||
<h6>
|
||||
Ира О.
|
||||
</h6>
|
||||
<span>
|
||||
15 января 2025
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
Классный обзор когтеточек!
|
||||
</p>
|
||||
<div class="comment-btns">
|
||||
<button>
|
||||
<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.5 3H3.25C2.00736 3 1 4.00736 1 5.25V5.25C1 6.49264 2.00736 7.5 3.25 7.5H3.5" stroke="#666666"/>
|
||||
<path d="M7 0.5L9.5 3L7 5.5" stroke="#666666"/>
|
||||
</svg>
|
||||
Ответить
|
||||
</button>
|
||||
<button>
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.7745 1C8.67239 1 7.7426 2.5355 7.54047 3.30325C7.39224 2.5355 6.49748 1 4.10427 1C1.11276 1 -0.221288 4.85199 2.40639 8.14801C4.50853 10.7848 6.705 11.8147 7.54047 12C8.47026 11.8279 10.8311 10.761 12.8363 7.87004C15.3427 4.25632 13.4022 1 10.7745 1Z" stroke="#666666"/>
|
||||
</svg>
|
||||
2
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<button class="answer-btn">
|
||||
<svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14 1.41406L7.5 7.91406L1 1.41406" stroke="#76CE75" stroke-width="2"/>
|
||||
</svg>
|
||||
1
|
||||
<span>
|
||||
ответ
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="comment-block answer-block">
|
||||
<div class="comment-user">
|
||||
<img src="./assets/img/user_img2.png" alt="">
|
||||
<div class="comment-user_text">
|
||||
<h6>
|
||||
Дед
|
||||
</h6>
|
||||
<span>
|
||||
15 января 2025
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
Помню в 1937 году когтеточки были лучше
|
||||
</p>
|
||||
<div class="comment-btns">
|
||||
<button>
|
||||
<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.5 3H3.25C2.00736 3 1 4.00736 1 5.25V5.25C1 6.49264 2.00736 7.5 3.25 7.5H3.5" stroke="#666666"/>
|
||||
<path d="M7 0.5L9.5 3L7 5.5" stroke="#666666"/>
|
||||
</svg>
|
||||
Ответить
|
||||
</button>
|
||||
<button>
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.7745 1C8.67239 1 7.7426 2.5355 7.54047 3.30325C7.39224 2.5355 6.49748 1 4.10427 1C1.11276 1 -0.221288 4.85199 2.40639 8.14801C4.50853 10.7848 6.705 11.8147 7.54047 12C8.47026 11.8279 10.8311 10.761 12.8363 7.87004C15.3427 4.25632 13.4022 1 10.7745 1Z" stroke="#666666"/>
|
||||
</svg>
|
||||
2
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Article content end -->
|
||||
|
||||
<!-- Home -->
|
||||
<section class="home other-home">
|
||||
<div class="container">
|
||||
<div class="home-swp">
|
||||
<div class="home-swp__btn">
|
||||
<button class="home-swp__btn-prev">
|
||||
<img src="./assets/img/swp-prev.svg" alt="">
|
||||
</button>
|
||||
<button class="home-swp__btn-next">
|
||||
<img src="./assets/img/swp-next.svg" alt="">
|
||||
</button>
|
||||
</div>
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="home-card bg-yellow">
|
||||
<div class="home-card__img">
|
||||
<img src="./assets/img/home-card.png" alt="">
|
||||
</div>
|
||||
<div class="home-card__content">
|
||||
<h3 class="home-card__content-title">Как выбрать когтеточку: обзор мастхевов для вашей кошки</h3>
|
||||
<p class="home-card__content-description">Простая с виду задача «купить когтеточку» может оказаться утомительным и дорогим занятием. Типичная ситуация: вы приобрели сразу несколько вариантов ...</p>
|
||||
<div class="home-card__content-body">
|
||||
<ul class="home-card__content-body__alerts">
|
||||
<li>Обзоры</li>
|
||||
<li>Тренды</li>
|
||||
</ul>
|
||||
<div class="home-card__content-body__day">21.10.24</div>
|
||||
<div class="home-card__content-body__time">время чтения: 5 минут</div>
|
||||
<div class="home-card__content-body__data">
|
||||
<div>
|
||||
<img src="./assets/img/heart.svg" alt="">
|
||||
<span>22</span>
|
||||
</div>
|
||||
<div>
|
||||
<img src="./assets/img/msg.svg" alt="">
|
||||
<span>22</span>
|
||||
</div>
|
||||
<div>
|
||||
<img src="./assets/img/user-logo.png" alt="" class="main-img">
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="home-card__content-body__link">читать статью</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="home-card bg-green">
|
||||
<div class="home-card__img">
|
||||
<img src="./assets/img/home-card-2.png" alt="">
|
||||
</div>
|
||||
<div class="home-card__content">
|
||||
<h3 class="home-card__content-title">Краткая история кормов: от хлебных корок до лечебных рационов</h3>
|
||||
<p class="home-card__content-description">Современный мир сложно представить без готовых кормов для собак и кошек. И сложно поверить, что это относительно современная концепция, существующая менее 150 лет. Поэтапно о том ...</p>
|
||||
<div class="home-card__content-body">
|
||||
<ul class="home-card__content-body__alerts">
|
||||
<li>Обзоры</li>
|
||||
<li>Тренды</li>
|
||||
</ul>
|
||||
<div class="home-card__content-body__day">21.10.24</div>
|
||||
<div class="home-card__content-body__time">время чтения: 5 минут</div>
|
||||
<div class="home-card__content-body__data">
|
||||
<div>
|
||||
<img src="./assets/img/heart.svg" alt="">
|
||||
<span>22</span>
|
||||
</div>
|
||||
<div>
|
||||
<img src="./assets/img/msg.svg" alt="">
|
||||
<span>22</span>
|
||||
</div>
|
||||
<div>
|
||||
<img src="./assets/img/user-logo.png" alt="" class="main-img">
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="home-card__content-body__link">читать статью</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="home-card bg-violet">
|
||||
<div class="home-card__img">
|
||||
<img src="./assets/img/home-card-3.png" alt="">
|
||||
</div>
|
||||
<div class="home-card__content">
|
||||
<h3 class="home-card__content-title">Пищевая аллергия у собак. Причины и пути решения</h3>
|
||||
<p class="home-card__content-description">Даже привычный рацион может вызвать у питомца нежелательную реакцию – зуд, расстройства ЖКТ, изменения в поведении. Хорошая новость: с этой проблемой можно справиться. Рассказываем, как ...</p>
|
||||
<div class="home-card__content-body">
|
||||
<ul class="home-card__content-body__alerts">
|
||||
<li>Обзоры</li>
|
||||
<li>Тренды</li>
|
||||
</ul>
|
||||
<div class="home-card__content-body__day">21.10.24</div>
|
||||
<div class="home-card__content-body__time">время чтения: 5 минут</div>
|
||||
<div class="home-card__content-body__data">
|
||||
<div>
|
||||
<img src="./assets/img/heart.svg" alt="">
|
||||
<span>22</span>
|
||||
</div>
|
||||
<div>
|
||||
<img src="./assets/img/msg.svg" alt="">
|
||||
<span>22</span>
|
||||
</div>
|
||||
<div>
|
||||
<img src="./assets/img/user-logo.png" alt="" class="main-img">
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="home-card__content-body__link">читать статью</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Home 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>
|
||||
@@ -1,119 +1,149 @@
|
||||
@font-face {
|
||||
font-family: "Craftwork Grotest";
|
||||
src: url('../fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Regular.ttf');
|
||||
font-weight: 400;
|
||||
}
|
||||
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');
|
||||
|
||||
@font-face {
|
||||
font-family: "Craftwork Grotest";
|
||||
src: url('../fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Medium.ttf');
|
||||
font-weight: 500;
|
||||
font-family: 'DIN Pro';
|
||||
src: url('../fonts/DINPro-Medium.eot');
|
||||
src: local('DIN Pro Medium'), local('DINPro-Medium'),
|
||||
url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/DINPro-Medium.woff') format('woff'),
|
||||
url('../fonts/DINPro-Medium.ttf') format('truetype');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Craftwork Grotest";
|
||||
src: url('../fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-SemiBold.ttf');
|
||||
font-weight: 600;
|
||||
font-family: 'DIN Pro';
|
||||
src: url('../fonts/DINPro-Black.eot');
|
||||
src: local('DIN Pro Black'), local('DINPro-Black'),
|
||||
url('../fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/DINPro-Black.woff') format('woff'),
|
||||
url('../fonts/DINPro-Black.ttf') format('truetype');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Craftwork Grotest";
|
||||
src: url('../fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Bold.ttf');
|
||||
font-weight: 700;
|
||||
html,
|
||||
body,
|
||||
div,
|
||||
span,
|
||||
applet,
|
||||
object,
|
||||
iframe,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
blockquote,
|
||||
pre,
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
big,
|
||||
cite,
|
||||
code,
|
||||
del,
|
||||
dfn,
|
||||
em,
|
||||
img,
|
||||
ins,
|
||||
kbd,
|
||||
q,
|
||||
s,
|
||||
samp,
|
||||
small,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
sup,
|
||||
tt,
|
||||
var,
|
||||
b,
|
||||
u,
|
||||
i,
|
||||
center,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
ol,
|
||||
ul,
|
||||
li,
|
||||
fieldset,
|
||||
form,
|
||||
label,
|
||||
legend,
|
||||
table,
|
||||
caption,
|
||||
tbody,
|
||||
tfoot,
|
||||
thead,
|
||||
tr,
|
||||
th,
|
||||
td,
|
||||
article,
|
||||
aside,
|
||||
canvas,
|
||||
details,
|
||||
embed,
|
||||
figure,
|
||||
figcaption,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
output,
|
||||
ruby,
|
||||
section,
|
||||
summary,
|
||||
time,
|
||||
mark,
|
||||
audio,
|
||||
video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Abel";
|
||||
src: url('../fonts/Abel/Abel-Regular.ttf');
|
||||
font-weight: 400;
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
:root {
|
||||
/* 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%);
|
||||
|
||||
|
||||
--main_white: #FFFFFF;
|
||||
--creme-white: #F4F1F0;
|
||||
--grey-f5: #F5F5F5;
|
||||
--main_black: #121212;
|
||||
--grey-black: #121212;
|
||||
--bg-light-grey: #F5F5F5;
|
||||
--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', sans-serif;
|
||||
--font-abel: 'Abel', serif;
|
||||
}
|
||||
|
||||
body {
|
||||
background: var(--radial);
|
||||
font-family: var(--font-craftwork);
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1232px;
|
||||
margin: 0 auto;
|
||||
|
||||
@media (max-width: 1264px) {
|
||||
max-width: calc(100% - 32px);
|
||||
}
|
||||
ol,
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.form-inp {
|
||||
height: 48px;
|
||||
width: 100%;
|
||||
border: 1px solid var(--placeholder);
|
||||
border-radius: 20px;
|
||||
background: var(--main_white);
|
||||
padding: 0 16px;
|
||||
color: var(--main_black);
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
blockquote,
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
.form-inp::placeholder {
|
||||
color: var(--placeholder);
|
||||
blockquote:before,
|
||||
blockquote:after,
|
||||
q:before,
|
||||
q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
|
||||
.form-inp:hover,
|
||||
.form-inp:focus {
|
||||
border-color: var(--main_black);
|
||||
}
|
||||
|
||||
.form-textarea {
|
||||
height: 96px;
|
||||
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;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.form-textarea::placeholder {
|
||||
color: var(--placeholder);
|
||||
}
|
||||
|
||||
.form-textarea:hover,
|
||||
.form-textarea:focus {
|
||||
border-color: var(--main_black);
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,133 +1,247 @@
|
||||
/* Стили для мобильных устройств */
|
||||
@media only screen and (max-width: 576px) {
|
||||
.anons-best__title {
|
||||
font-size: 26px;
|
||||
line-height: 32px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.anons-best__card {
|
||||
padding-top: 205px;
|
||||
}
|
||||
|
||||
.anons-best__card .main-img {
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.anons-best__card-body {
|
||||
padding: 20px 17px;
|
||||
}
|
||||
|
||||
.anons-best__card-body__title {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.anons-best__card.light .main-img {
|
||||
height: 197px;
|
||||
}
|
||||
|
||||
.anons-best__card.light .anons-best__card-body__title {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.editorial-card {
|
||||
flex-direction: column;
|
||||
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;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 576px) {
|
||||
.hero__rightside {
|
||||
width: 100%;
|
||||
}
|
||||
.hero__price {
|
||||
margin-top: 24px;
|
||||
}
|
||||
.hero__content::after {
|
||||
right: -320px;
|
||||
top: 290px;
|
||||
}
|
||||
.hero__desc {
|
||||
gap: 6px;
|
||||
}
|
||||
.hero__desc p {
|
||||
font-size: 13px;
|
||||
padding: 8px 12px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.hero__desc img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.hero__leftside {
|
||||
gap: 18px;
|
||||
}
|
||||
.hero__advantages {
|
||||
margin-top: 42px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 540px) {
|
||||
.header__container {
|
||||
align-items: flex-start;
|
||||
gap: 24px;
|
||||
padding-bottom: 20px;
|
||||
top: 20px;
|
||||
}
|
||||
.header__container::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 24px;
|
||||
width: calc(100% - 48px);
|
||||
height: 1px;
|
||||
background: #e7e7e7;
|
||||
}
|
||||
.header__logo {
|
||||
max-width: 240px;
|
||||
}
|
||||
.header__logo img {
|
||||
width: 50px;
|
||||
}
|
||||
.header__logo p {
|
||||
font-size: 9px;
|
||||
}
|
||||
.header__socials {
|
||||
gap: 6px;
|
||||
}
|
||||
.header__contacts {
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
justify-content: flex-end;
|
||||
gap: 6px;
|
||||
}
|
||||
.header__contacts .header__tel {
|
||||
}
|
||||
.header__tel {
|
||||
font-size: 20px;
|
||||
margin: 0;
|
||||
}
|
||||
.hero {
|
||||
padding-top: 110px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 470px) {
|
||||
h1 {
|
||||
font-size: 39px;
|
||||
text-align: left;
|
||||
}
|
||||
h1 span {
|
||||
font-size: 32px;
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
border-radius: 10px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
.hero__leftside {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.hero__price {
|
||||
margin-top: 12px;
|
||||
}
|
||||
.hero__content {
|
||||
gap: 34px;
|
||||
}
|
||||
.hero__content::after {
|
||||
opacity: 0.6;
|
||||
right: -125px;
|
||||
width: 200px;
|
||||
height: 140px;
|
||||
background-size: contain;
|
||||
top: 0px;
|
||||
}
|
||||
.hero::before {
|
||||
opacity: 0.4;
|
||||
}
|
||||
.hero__form-gift {
|
||||
overflow: hidden;
|
||||
}
|
||||
.hero__form-gift::after {
|
||||
right: -10%;
|
||||
opacity: 0.6;
|
||||
}
|
||||
.hero__advantages {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 6px;
|
||||
}
|
||||
.hero__price {
|
||||
border-radius: 12px;
|
||||
padding: 10px;
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
.hero__price-header {
|
||||
gap: 10px;
|
||||
padding: 10px;
|
||||
padding-bottom: 0;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.hero__price-header p {
|
||||
font-size: 13.5px;
|
||||
}
|
||||
.hero__price-header span {
|
||||
border-radius: 10px;
|
||||
border: none;
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
gap: 7px;
|
||||
}
|
||||
.hero__price-header span::before {
|
||||
min-width: 18px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
.hero__price-stock p {
|
||||
font-size: 20px;
|
||||
}
|
||||
.hero__price-stock span {
|
||||
font-size: 15px;
|
||||
}
|
||||
.hero__price-unit {
|
||||
border-radius: 8px;
|
||||
padding: 6px 12px;
|
||||
}
|
||||
.hero__price-unit p {
|
||||
font-size: 13px;
|
||||
}
|
||||
.hero__price-content {
|
||||
gap: 10px;
|
||||
}
|
||||
.header__logo {
|
||||
width: 100%;
|
||||
}
|
||||
.header__container {
|
||||
align-items: center;
|
||||
}
|
||||
.header__tel {
|
||||
font-size: 18px;
|
||||
}
|
||||
.hero__form {
|
||||
gap: 20px;
|
||||
padding: 0 0 20px 0;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.hero__form-title p {
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 390px) {
|
||||
h1 {
|
||||
font-size: 36px;
|
||||
}
|
||||
h1 span {
|
||||
font-size: 29px;
|
||||
}
|
||||
.header__logo img {
|
||||
width: 42px;
|
||||
}
|
||||
.header__logo p {
|
||||
font-size: 9px;
|
||||
}
|
||||
.header__tel {
|
||||
font-size: 17px;
|
||||
}
|
||||
.hero__form-action select,
|
||||
.hero__form-action input {
|
||||
height: 60px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.hero__price-header p {
|
||||
font-size: 12.5px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 375px) {
|
||||
*[class*='__container'] {
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
.header__container {
|
||||
gap: 0;
|
||||
}
|
||||
h1 {
|
||||
font-size: 34px;
|
||||
}
|
||||
.hero__desc::before {
|
||||
display: none;
|
||||
}
|
||||
.header__logo img {
|
||||
width: 39px;
|
||||
}
|
||||
.header__tel {
|
||||
font-size: 16.5px;
|
||||
}
|
||||
.hero__form-action select,
|
||||
.hero__form-action input {
|
||||
font-size: 13.5px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 360px) {
|
||||
.hero__desc {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.hero__price-header span {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
gap: 12px;
|
||||
}
|
||||
.hero__content {
|
||||
gap: 20px;
|
||||
}
|
||||
.hero__price-header span::before {
|
||||
min-width: 20px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,78 +0,0 @@
|
||||
* {
|
||||
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,666 +1,255 @@
|
||||
/* Стили для планшетов */
|
||||
@media only screen and (max-width: 992px) {
|
||||
.header-navs {
|
||||
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;
|
||||
}
|
||||
|
||||
.home {
|
||||
padding: 92px 0 36px;
|
||||
}
|
||||
|
||||
.home-title {
|
||||
font-size: 32px;
|
||||
line-height: 38px;
|
||||
margin-bottom: 36px;
|
||||
}
|
||||
|
||||
.home-description {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 36px;
|
||||
}
|
||||
|
||||
.home-swp__btn {
|
||||
bottom: auto;
|
||||
top: 93px;
|
||||
left: -10px;
|
||||
width: calc(100% + 20px);
|
||||
justify-content: space-between;
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
.home-swp__btn button {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.home-card {
|
||||
flex-direction: column;
|
||||
border-radius: 24px;
|
||||
gap: 17px;
|
||||
}
|
||||
|
||||
.home-card__img {
|
||||
height: 234px;
|
||||
width: 100%;
|
||||
border-radius: 24px;
|
||||
}
|
||||
|
||||
.home-card__content {
|
||||
padding: 0 16px 89px;
|
||||
}
|
||||
|
||||
.home-card__content-title {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.home-card__content-description {
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 15px;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 5;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.home-card__content-body {
|
||||
gap: 7px;
|
||||
}
|
||||
|
||||
.home-card__content-body__alerts {
|
||||
gap: 7px;
|
||||
}
|
||||
|
||||
.home-card__content-body__alerts li {
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.home-card__content-body__day {
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.home-card__content-body__time {
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.home-card__content-body__data {
|
||||
gap: 7px;
|
||||
}
|
||||
|
||||
.home-card__content-body__data>div {
|
||||
gap: 4px;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.home-card__content-body__data .main-img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.home-card__content-body__link {
|
||||
right: 50%;
|
||||
bottom: 27px;
|
||||
transform: translateX(50%);
|
||||
}
|
||||
|
||||
.anons {
|
||||
border-radius: 24px;
|
||||
}
|
||||
|
||||
.anons-article__title {
|
||||
font-size: 26px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.anons-theme {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.anons-theme__title {
|
||||
margin-bottom: 20px;
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.anons-theme ul {
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.anons-theme ul a {
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
padding: 6px 24px;
|
||||
}
|
||||
|
||||
.anons-best__card-wrap {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.anons-article__card-wrap {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.author {
|
||||
padding: 188px 0 36px;
|
||||
}
|
||||
|
||||
.author-content {
|
||||
padding: 109px 42px 35px;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.author-content__start-1,
|
||||
.author-content__start-2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.author-content__img {
|
||||
display: none;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: -180px;
|
||||
width: 235px;
|
||||
}
|
||||
|
||||
.author-content__img.mb {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.author-content__title {
|
||||
width: 100%;
|
||||
font-size: 26px;
|
||||
line-height: 32px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.author-content__title br {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.author-content__link {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding: 11px;
|
||||
}
|
||||
|
||||
.editorial {
|
||||
padding-bottom: 36px;
|
||||
}
|
||||
|
||||
.editorial-head {
|
||||
margin-bottom: 36px;
|
||||
max-width: 313px;
|
||||
}
|
||||
|
||||
.editorial-head__title {
|
||||
font-size: 32px;
|
||||
line-height: 38px;
|
||||
}
|
||||
|
||||
.editorial-head__img {
|
||||
width: 100px;
|
||||
top: -14px;
|
||||
right: -22.5px;
|
||||
}
|
||||
|
||||
.editorial-head__star {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.editorial-card__wrap {
|
||||
gap: 31px;
|
||||
}
|
||||
|
||||
.breadcrumb {
|
||||
padding: 92px 0 15px;
|
||||
}
|
||||
|
||||
.article-home {
|
||||
padding-bottom: 36px;
|
||||
}
|
||||
|
||||
.article-home .container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.article-home h1 {
|
||||
order: 1;
|
||||
font-size: 32px;
|
||||
line-height: 38px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.article-home__card {
|
||||
order: 2;
|
||||
height: 199px;
|
||||
}
|
||||
|
||||
.article-home__card img {
|
||||
border-radius: 32px;
|
||||
}
|
||||
|
||||
.article-home__data {
|
||||
gap: 8px 16px;
|
||||
order: 3;
|
||||
margin: 15px 0 0;
|
||||
}
|
||||
|
||||
.article-home__data-alerts {
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.article-home__data-alerts a {
|
||||
padding: 6px 8px;
|
||||
}
|
||||
|
||||
.article-content {
|
||||
padding: 48px 0;
|
||||
border-radius: 64px;
|
||||
}
|
||||
|
||||
.discount {
|
||||
padding: 32px 24px;
|
||||
border-radius: 32px;
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
|
||||
.discount-title {
|
||||
font-size: 26px;
|
||||
line-height: 32px;
|
||||
margin-bottom: 21px;
|
||||
}
|
||||
|
||||
.discount-bg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.discount-bg.mb {
|
||||
display: inline-block;
|
||||
position: static;
|
||||
margin-bottom: 21px;
|
||||
}
|
||||
|
||||
.discount-form {
|
||||
flex-direction: column;
|
||||
gap: 21px;
|
||||
margin-bottom: 21px;
|
||||
}
|
||||
|
||||
.discount-form img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.discount-form input {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.discount-form button {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.discount-descriptions {
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
.discount-description__2 {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
font-weight: 500;
|
||||
grid-area: 21px;
|
||||
margin-bottom: 21px;
|
||||
}
|
||||
|
||||
.discount-description__1 {
|
||||
margin-bottom: 0;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.diet {
|
||||
padding: 36px 24px;
|
||||
border-radius: 32px;
|
||||
flex-direction: column;
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
|
||||
.diet p {
|
||||
width: 100%;
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.diet a {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.texts h2 {
|
||||
font-size: 28px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.texts h3 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.texts-description p {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.texts ol {
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.texts ol li {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.texts ol li h4 {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.texts ul {
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.texts ul li {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.alerts-grey {
|
||||
padding: 32px 48px;
|
||||
}
|
||||
|
||||
.alerts-grey .icon-1 {
|
||||
width: 24px;
|
||||
top: 32px;
|
||||
left: 16px;
|
||||
}
|
||||
|
||||
.alerts-grey .icon-2 {
|
||||
width: 24px;
|
||||
right: 16px;
|
||||
bottom: 32px;
|
||||
}
|
||||
|
||||
.alerts-grey p {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.alerts-violet,
|
||||
.alerts-yellow,
|
||||
.alerts-green {
|
||||
padding: 32px 24px;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.alerts-violet p,
|
||||
.alerts-yellow p,
|
||||
.alerts-green p {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.article-table {
|
||||
flex-direction: column;
|
||||
gap: 0px;
|
||||
}
|
||||
|
||||
.article-table__item {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.article-table__item:not(:first-child) li:first-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.article-table__item:not(:first-child) {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.article-table__item ul li {
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.article-block__head {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
gap: 32px;
|
||||
}
|
||||
|
||||
.article-block__head-left {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
.article-block__head-left h3 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.article-block__head-left p {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.article-block__head-right {
|
||||
order: 1;
|
||||
height: 319px;
|
||||
}
|
||||
|
||||
.article-block__item-wrap {
|
||||
gap: 48px;
|
||||
}
|
||||
|
||||
.article-block__item {
|
||||
flex-direction: column;
|
||||
gap: 32px;
|
||||
}
|
||||
|
||||
.article-block__item-img {
|
||||
order: 1;
|
||||
width: 100%;
|
||||
height: 450px;
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
.article-block__item-content {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
.article-block__item-content h3 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.article-block__item-content p {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.article-block__item-content ul {
|
||||
flex-direction: column;
|
||||
padding: 20px 14px 20px 20px;
|
||||
gap: 28px;
|
||||
border-radius: 24px;
|
||||
}
|
||||
|
||||
.article-block__item-content ul li {
|
||||
gap: 19px;
|
||||
}
|
||||
|
||||
.article-block__item-content ul li p {
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.block-accent__card {
|
||||
padding: 36px 24px;
|
||||
gap: 32px;
|
||||
flex-direction: column !important;
|
||||
}
|
||||
|
||||
.block-accent__card-content {
|
||||
gap: 27px;
|
||||
}
|
||||
|
||||
.block-accent__card-content h3 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.block-accent__card-content p {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.indent {
|
||||
padding: 36px 24px;
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.indent-title {
|
||||
font-size: 26px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.indent p {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.indent ul {
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.indent ul li {
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.indent ul li img {
|
||||
width: 37px;
|
||||
}
|
||||
|
||||
.indent ul li h3 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.product-card {
|
||||
padding: 11px;
|
||||
gap: 40px;
|
||||
}
|
||||
|
||||
.product-card img {
|
||||
max-width: 242px;
|
||||
max-height: 167px;
|
||||
}
|
||||
/* Alohida */
|
||||
|
||||
.block-list_block img {
|
||||
flex-shrink: 0;
|
||||
width: 66px;
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
.block-list_block h3 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.block-list_block p {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.comment .comment-block {
|
||||
padding: 20px 24px;
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
.comment .comment-title {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.comment .answer-block {
|
||||
margin: 10px 0 0 42px;
|
||||
}
|
||||
|
||||
.comment .comment-user h6 {
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.comment .comment-block p {
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.comment .comment-btns {
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.comment .comment-btns button {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.comment .comment-user span {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.video_block iframe {
|
||||
width: 100%;
|
||||
height: 587px;
|
||||
}
|
||||
*[class*='__container'] {
|
||||
padding: 0 42px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 52px;
|
||||
}
|
||||
h1 span {
|
||||
font-size: 42px;
|
||||
margin-top: 0;
|
||||
top: -2px;
|
||||
}
|
||||
.hero__content {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.hero__leftside {
|
||||
max-width: 100%;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
.hero__content::after {
|
||||
opacity: 0.1;
|
||||
right: -140px;
|
||||
}
|
||||
.footer__tel {
|
||||
font-size: 17px;
|
||||
}
|
||||
.header__contacts {
|
||||
gap: 10px;
|
||||
}
|
||||
.header__contacts button.btn,
|
||||
.header__contacts .header__tel p {
|
||||
display: none;
|
||||
}
|
||||
.header__contacts .header__tel {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 47px;
|
||||
height: 47px;
|
||||
border-radius: 9px;
|
||||
position: relative;
|
||||
padding: 0;
|
||||
background: linear-gradient(
|
||||
322deg,
|
||||
rgba(255, 255, 255, 0) 0%,
|
||||
rgba(255, 255, 255, 0.32) 41.5%,
|
||||
rgba(255, 255, 255, 0) 100%
|
||||
),
|
||||
#fc0;
|
||||
}
|
||||
.header__contacts .header__tel::before {
|
||||
content: '';
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background: url('../img/i-tel.svg') center no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.hero__advantages {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
.hero__advantages-item {
|
||||
flex-direction: row;
|
||||
}
|
||||
.hero__advantages-item p {
|
||||
text-align: left;
|
||||
}
|
||||
.hero__advantages-item p br {
|
||||
content: '';
|
||||
padding: 0;
|
||||
}
|
||||
.footer__logo {
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
.footer__tel {
|
||||
font-size: 19px;
|
||||
}
|
||||
.footer__contacts {
|
||||
gap: 24px;
|
||||
}
|
||||
.footer__top,
|
||||
.footer__bottom {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 32px;
|
||||
}
|
||||
.footer__bottom {
|
||||
gap: 12px;
|
||||
}
|
||||
.footer__bottom p {
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
@media screen and (max-width: 740px) {
|
||||
.header__logo {
|
||||
max-width: 200px;
|
||||
gap: 12px;
|
||||
}
|
||||
.header__logo img {
|
||||
width: 64px;
|
||||
height: auto;
|
||||
}
|
||||
.header__logo p {
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 670px) {
|
||||
.header__socials-link,
|
||||
.footer__socials-link,
|
||||
.header__contacts .header__tel {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
.header__socials-link img,
|
||||
.footer__socials-link img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.header__contacts .header__tel::before {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.header__tel,
|
||||
.footer__tel {
|
||||
font-size: 18px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 49px;
|
||||
}
|
||||
h1 span {
|
||||
font-size: 39px;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 620px) {
|
||||
*[class*='__container'] {
|
||||
padding: 0 24px;
|
||||
}
|
||||
.header__logo {
|
||||
max-width: 140px;
|
||||
gap: 14px;
|
||||
}
|
||||
.header__logo img {
|
||||
width: 56px;
|
||||
}
|
||||
.hero__advantages {
|
||||
gap: 16px;
|
||||
}
|
||||
.hero__advantages-item {
|
||||
gap: 14px;
|
||||
padding: 16px 14px;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.hero__advantages-icon {
|
||||
min-width: 46px;
|
||||
width: 46px;
|
||||
height: 46px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.hero__advantages-icon img {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
.hero__advantages-item p {
|
||||
font-size: 14px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 42px;
|
||||
}
|
||||
h1 span {
|
||||
font-size: 32px;
|
||||
}
|
||||
.header__socials-link,
|
||||
.footer__socials-link,
|
||||
.header__contacts .header__tel {
|
||||
width: 37px;
|
||||
height: 37px;
|
||||
}
|
||||
.header__socials-link img,
|
||||
.footer__socials-link img {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
.header__contacts .header__tel::before {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
.hero {
|
||||
padding-top: 140px;
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
.hero__leftside {
|
||||
gap: 24px;
|
||||
}
|
||||
.hero__desc::before {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.hero__desc p {
|
||||
font-size: 16px;
|
||||
}
|
||||
.hero__price {
|
||||
gap: 12px;
|
||||
margin-right: auto;
|
||||
}
|
||||
.hero__price-header,
|
||||
.hero__price-content {
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
}
|
||||
.hero__price-stock {
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
.hero__price-header p {
|
||||
font-size: 16px;
|
||||
}
|
||||
.hero__price-stock span {
|
||||
font-size: 18px;
|
||||
}
|
||||
.hero__price-stock p {
|
||||
font-size: 24px;
|
||||
}
|
||||
.hero__price-unit {
|
||||
}
|
||||
.hero__price-unit p {
|
||||
font-size: 16px;
|
||||
}
|
||||
.hero__content::after {
|
||||
opacity: 1;
|
||||
right: -290px;
|
||||
width: 620px;
|
||||
height: 420px;
|
||||
background-size: contain;
|
||||
top: 230px;
|
||||
}
|
||||
.hero__form-title p {
|
||||
font-size: 16px;
|
||||
max-width: 390px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.hero__form-action select,
|
||||
.hero__form-action input,
|
||||
.btn-big {
|
||||
font-size: 15px;
|
||||
}
|
||||
.hero__form-gift p,
|
||||
.hero__form-gift ul li {
|
||||
font-size: 14px;
|
||||
}
|
||||
.hero__advantages {
|
||||
margin-top: 64px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,4 +0,0 @@
|
||||
/* Стили для ультрашироких экранов */
|
||||
@media only screen and (min-width: 1400px) {
|
||||
|
||||
}
|
||||
@@ -1,44 +0,0 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
assets/fonts/DINPro-Black.eot
Normal file
BIN
assets/fonts/DINPro-Black.eot
Normal file
Binary file not shown.
BIN
assets/fonts/DINPro-Black.ttf
Normal file
BIN
assets/fonts/DINPro-Black.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/DINPro-Black.woff
Normal file
BIN
assets/fonts/DINPro-Black.woff
Normal file
Binary file not shown.
BIN
assets/fonts/DINPro-Medium.eot
Normal file
BIN
assets/fonts/DINPro-Medium.eot
Normal file
Binary file not shown.
BIN
assets/fonts/DINPro-Medium.ttf
Normal file
BIN
assets/fonts/DINPro-Medium.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/DINPro-Medium.woff
Normal file
BIN
assets/fonts/DINPro-Medium.woff
Normal file
Binary file not shown.
3
assets/img/advantages_icon1.svg
Normal file
3
assets/img/advantages_icon1.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.4873 2.39045L25.9881 4.2624C26.6721 4.77436 27.392 5.03637 28.245 5.08387L31.3639 5.25736C33.2315 5.36121 34.7484 6.63393 35.1749 8.45519L35.8875 11.4967C36.0823 12.3285 36.4654 12.9919 37.0883 13.5766L39.3661 15.7144C40.7299 16.9944 41.0737 18.9444 40.23 20.6137L38.8207 23.4015C38.4354 24.164 38.3023 24.9184 38.4037 25.7667L38.7745 28.8685C38.9965 30.7258 38.0064 32.4405 36.287 33.1769L33.4155 34.4067C32.6301 34.743 32.0432 35.2354 31.5757 35.9504L29.8659 38.5648C28.8421 40.1302 26.9815 40.8073 25.1911 40.2662L22.2009 39.3626C21.3831 39.1154 20.617 39.1154 19.7992 39.3626L16.809 40.2662C15.0186 40.8073 13.1579 40.1302 12.1342 38.5648L10.4244 35.9504C9.95674 35.2354 9.36989 34.743 8.5846 34.4067L5.71285 33.1767C3.99348 32.4403 3.00344 30.7256 3.22542 28.8683L3.5962 25.7666C3.69759 24.9183 3.56453 24.1638 3.17915 23.4014L1.76994 20.6135C0.926164 18.9443 1.26996 16.9943 2.63381 15.7142L4.91157 13.5764C5.53452 12.9918 5.91752 12.3283 6.11234 11.4965L6.82487 8.45502C7.25143 6.63385 8.76827 5.36113 10.6359 5.2572L13.7548 5.0837C14.6078 5.03629 15.3277 4.7742 16.0117 4.26224L18.5125 2.39029C20.0098 1.26958 21.9899 1.26958 23.4873 2.39045ZM19.4046 22.0713L16.6907 19.3574C15.9873 18.654 14.8463 18.654 14.143 19.3574C13.4395 20.0608 13.4395 21.2017 14.143 21.9051L18.1347 25.8968C18.8381 26.6001 19.9791 26.6002 20.6824 25.8968C23.0884 23.4907 25.4671 21.0576 27.862 18.6406C28.5604 17.9358 28.5581 16.7985 27.8542 16.0985C27.1502 15.3984 26.0097 15.4004 25.3106 16.1064L19.4046 22.0713ZM20.9999 7.5841C17.2953 7.5841 13.9412 9.08576 11.5134 11.5136C9.08565 13.9414 7.58398 17.2954 7.58398 21C7.58398 24.7046 9.08565 28.0586 11.5134 30.4864C13.9412 32.9142 17.2953 34.4159 20.9999 34.4159C24.7045 34.4159 28.0585 32.9142 30.4863 30.4864C32.9141 28.0586 34.4157 24.7046 34.4157 21C34.4157 17.2954 32.9141 13.9414 30.4863 11.5136C28.0585 9.08576 24.7045 7.5841 20.9999 7.5841ZM29.5583 12.4416C27.368 10.2513 24.3421 8.8966 20.9999 8.8966C17.6576 8.8966 14.6317 10.2513 12.4415 12.4416C10.2512 14.6318 8.89648 17.6577 8.89648 21C8.89648 24.3423 10.2512 27.3681 12.4415 29.5584C14.6317 31.7486 17.6576 33.1034 20.9999 33.1034C24.3421 33.1034 27.368 31.7486 29.5583 29.5585C31.7485 27.3682 33.1032 24.3423 33.1032 21.0001C33.1033 17.6577 31.7485 14.6318 29.5583 12.4416Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
3
assets/img/advantages_icon2.svg
Normal file
3
assets/img/advantages_icon2.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M33.937 8.21272L31.312 1.65022C31.1172 1.1631 30.7809 0.745525 30.3464 0.45138C29.912 0.157236 29.3994 1.40132e-05 28.8748 0L13.1248 0C12.6001 1.40132e-05 12.0875 0.157236 11.6531 0.45138C11.2187 0.745525 10.8824 1.1631 10.6876 1.65022L8.06256 8.21272C7.81195 8.83841 7.81195 9.53659 8.06256 10.1623L10.6876 16.7248C10.8824 17.2119 11.2187 17.6295 11.6531 17.9236C12.0875 18.2178 12.6001 18.375 13.1248 18.375H14.4373C14.4373 19.8247 15.6126 21 17.0623 21H18.3748V22.0081C18.3748 25.1298 20.0827 27.9804 22.725 29.271C24.0894 29.9382 24.9373 31.2949 24.9373 32.8118C24.9373 34.9094 23.0967 36.75 20.9991 36.75C18.8285 36.75 17.0623 34.9838 17.0623 32.8125C17.0623 31.3628 15.8869 30.1875 14.4373 30.1875C12.9876 30.1875 11.8123 31.3628 11.8123 32.8125C11.8123 37.8786 15.9337 42 20.9991 42C25.9793 42 30.1873 37.792 30.1873 32.8118C30.1873 29.2729 28.2108 26.109 25.0296 24.5543C24.176 24.137 23.6248 23.138 23.6248 22.0081V21H24.9373C26.3869 21 27.5623 19.8247 27.5623 18.375H28.8748C29.3994 18.375 29.912 18.2178 30.3464 17.9236C30.7809 17.6295 31.1172 17.2119 31.312 16.7248L33.937 10.1623C34.1876 9.53659 34.1876 8.83841 33.937 8.21272ZM14.8748 14.4375H12.1076L15.6075 3.9375H18.3748L14.8748 14.4375ZM20.6334 14.4375H17.8662L21.3661 3.9375H24.1334L20.6334 14.4375ZM26.392 14.4375H23.6248L27.1247 3.9375H29.892L26.392 14.4375Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
3
assets/img/advantages_icon3.svg
Normal file
3
assets/img/advantages_icon3.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.6397 34.263L13.6801 40.559C13.6481 40.627 13.5982 40.6849 13.5356 40.7265C13.4731 40.7682 13.4004 40.7919 13.3253 40.7952C13.2503 40.7984 13.1758 40.7811 13.1099 40.7451C13.0439 40.709 12.9892 40.6556 12.9514 40.5907L10.8517 36.9772L6.73763 37.6979C6.66354 37.7109 6.5873 37.7033 6.51719 37.676C6.44709 37.6488 6.3858 37.6028 6.33998 37.5431C6.29416 37.4835 6.26556 37.4124 6.2573 37.3376C6.24903 37.2629 6.26141 37.1872 6.29309 37.119L9.65498 29.8747C9.90278 29.9924 10.0941 30.1053 10.2628 30.2472C10.7131 30.6254 10.9891 31.1968 11.8327 32.4867L11.8331 32.4873C12.885 34.0938 14.7901 34.8028 16.6397 34.263ZM22.9569 34.4322C24.4805 34.5324 25.9414 33.8179 26.8126 32.4873L26.8138 32.4856C27.6548 31.1967 27.9303 30.6256 28.3806 30.2477C28.6842 29.9929 29.0602 29.8314 29.7057 29.5677L32.3747 35.7988C32.4043 35.8679 32.4144 35.9438 32.4039 36.0183C32.3935 36.0927 32.3628 36.1629 32.3153 36.2211C32.2678 36.2794 32.2052 36.3236 32.1344 36.3488C32.0636 36.374 31.9872 36.3794 31.9136 36.3643L27.8208 35.5271L25.6212 39.0682C25.5813 39.1323 25.5246 39.1842 25.4573 39.2182C25.3899 39.2523 25.3145 39.2672 25.2393 39.2613C25.1641 39.2554 25.0919 39.229 25.0307 39.1849C24.9695 39.1408 24.9215 39.0807 24.8921 39.0112L22.9569 34.4322ZM33.2858 16.3508C33.6082 17.1302 33.5853 18.025 33.1798 18.8301C31.5957 21.9625 31.7117 21.2932 32.1312 24.778C32.2873 26.1166 31.5778 27.3526 30.3374 27.8791C27.1113 29.2623 27.6289 28.8251 25.7103 31.7655C24.974 32.8899 23.6309 33.3808 22.3415 32.9881C18.9815 31.9753 19.6598 31.9753 16.3043 32.9881C15.0103 33.3808 13.6717 32.8899 12.9354 31.7655C11.0123 28.8251 11.5344 29.2623 8.30835 27.8791C7.06787 27.3526 6.35395 26.1166 6.51462 24.778C6.9296 21.2932 7.05008 21.9625 5.46602 18.8301C4.85916 17.6253 5.10457 16.2198 6.09075 15.3006C8.64748 12.8956 8.30835 13.4845 9.10701 10.0667C9.41493 8.75485 10.5082 7.84008 11.8556 7.76423C15.3583 7.5679 14.7203 7.79997 17.5314 5.69832C18.6112 4.89069 20.0346 4.89069 21.1144 5.69832C21.175 5.74362 21.234 5.78784 21.2915 5.831C21.0087 6.68615 20.8556 7.60002 20.8556 8.54938C20.8556 9.38123 20.9732 10.1857 21.1924 10.9473C20.5784 10.8065 19.9505 10.7356 19.3207 10.7359C14.7114 10.7359 10.9499 14.4975 10.9499 19.1067C10.9499 23.716 14.7114 27.4775 19.3207 27.4775C23.9344 27.4775 27.6914 23.716 27.6914 19.1067C27.6914 18.3627 27.5935 17.6408 27.41 16.9533C28.0995 17.1256 28.8075 17.2125 29.5183 17.2121C30.8682 17.2121 32.1464 16.9026 33.2858 16.3508ZM19.566 13.9952L20.8284 17.3161C20.8666 17.417 20.9538 17.4797 21.0601 17.4851L24.61 17.6596C24.8527 17.6705 24.9509 17.9759 24.7627 18.1259L21.9926 20.3534C21.9081 20.4188 21.8753 20.5224 21.9026 20.626L22.8351 24.0559C22.9005 24.2877 22.6415 24.4759 22.4398 24.345L19.4651 22.3983C19.3752 22.3382 19.2661 22.3382 19.1761 22.3983L16.2043 24.345C16.0025 24.4759 15.7435 24.2877 15.8062 24.0559L16.7387 20.626C16.7659 20.5224 16.7332 20.4188 16.6486 20.3534L13.8785 18.1259C13.6904 17.9759 13.7886 17.6705 14.0312 17.6596L17.5811 17.4851C17.6874 17.4797 17.7747 17.417 17.8129 17.3161L19.0753 13.9952C19.1598 13.7689 19.4815 13.7689 19.566 13.9952ZM29.5183 1.20441C33.5721 1.20441 36.8632 4.49564 36.8632 8.54938C36.8632 12.6032 33.5721 15.8944 29.5183 15.8944C25.4645 15.8944 22.1733 12.6032 22.1733 8.54938C22.1733 4.49564 25.4645 1.20441 29.5183 1.20441ZM28.5233 9.21751L26.8288 7.52302C26.3898 7.08416 25.6772 7.08416 25.2383 7.52302C24.7994 7.96418 24.7994 8.67456 25.2383 9.11342L27.7292 11.6066C28.1681 12.0455 28.8808 12.0455 29.3196 11.6066C30.8218 10.1044 32.3059 8.58636 33.8014 7.07732C34.238 6.63616 34.2358 5.92578 33.7968 5.48915C33.358 5.05251 32.6453 5.05482 32.2087 5.49368L28.5233 9.21751Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.7 KiB |
11
assets/img/advantages_icon4.svg
Normal file
11
assets/img/advantages_icon4.svg
Normal file
@@ -0,0 +1,11 @@
|
||||
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2019_1481)">
|
||||
<path d="M38.8039 7.4743H36.7467V2.37257C36.7467 1.72501 36.2217 1.20001 35.5742 1.20001H34.6135V2.60318C34.6135 3.23456 34.1282 3.77785 33.4976 3.80755C32.8242 3.83929 32.2683 3.30272 32.2683 2.63632V1.20001H30.1351V7.47438H27.8352V1.20001H25.7091V2.63632C25.7091 3.28389 25.1841 3.80888 24.5365 3.80888C23.889 3.80888 23.364 3.28389 23.364 2.63632V1.20001H21.2236V7.47438H18.8785V1.20001H16.7381V2.63632C16.7381 3.28389 16.2131 3.80888 15.5655 3.80888C14.918 3.80888 14.393 3.28389 14.393 2.63632V1.20001H12.2192V7.47438H9.88878V1.20001H7.73182V2.60318C7.73182 3.23456 7.24661 3.77785 6.61593 3.80755C5.94257 3.83929 5.3867 3.30272 5.3867 2.63632V1.20001H4.40221C3.75465 1.20001 3.22965 1.72501 3.22965 2.37257V7.47438H1.17244C0.524872 7.47438 -0.00012207 7.99937 -0.00012207 8.64694V10.9921C-0.00012207 11.6396 0.524872 12.1646 1.17244 12.1646H38.8039C39.4515 12.1646 39.9765 11.6396 39.9765 10.9921V8.64694C39.9765 7.9993 39.4516 7.4743 38.8039 7.4743ZM33.0328 22.5209C35.5825 22.5209 37.8957 23.5512 39.579 25.2168C39.8223 25.002 39.9765 24.6887 39.9765 24.3385V21.9934C39.9765 21.3458 39.4515 20.8208 38.8039 20.8208H36.7467V15.7398C36.7467 15.0922 36.2217 14.5672 35.5742 14.5672H34.6135V15.9704C34.6135 16.6017 34.1282 17.145 33.4976 17.1747C32.8242 17.2065 32.2683 16.6699 32.2683 16.0035V14.5672H30.1351V20.8208H27.8352V14.5672H25.7091V16.0035C25.7091 16.6511 25.1841 17.1761 24.5365 17.1761C23.889 17.1761 23.364 16.6511 23.364 16.0035V14.5672H21.2236V20.8208H18.8785V14.5672H16.7381V16.0035C16.7381 16.6511 16.2131 17.1761 15.5655 17.1761C14.918 17.1761 14.393 16.6511 14.393 16.0035V14.5672H12.2192V20.8208H9.88878V14.5672H7.73182V15.9704C7.73182 16.6017 7.24661 17.145 6.61593 17.1747C5.94257 17.2065 5.3867 16.6699 5.3867 16.0035V14.5672H4.40221C3.75465 14.5672 3.22965 15.0922 3.22965 15.7398V20.8208H1.17244C0.524872 20.8208 -0.00012207 21.3458 -0.00012207 21.9934V24.3385C-0.00012207 24.9861 0.524872 25.5111 1.17244 25.5111H26.2022C27.9044 23.6734 30.3363 22.5209 33.0328 22.5209ZM23.7207 31.8331C23.7207 31.3165 23.7637 30.8099 23.8449 30.3161C23.5538 30.1027 23.364 29.7593 23.364 29.3708V27.9345H21.2236V34.1099H18.8785V27.9345H16.7381V29.3708C16.7381 30.0183 16.2131 30.5433 15.5655 30.5433C14.918 30.5433 14.393 30.0183 14.393 29.3708V27.9345H12.2192V34.1099H9.88878V27.9345H7.73182V29.3376C7.73182 29.969 7.24661 30.5123 6.61593 30.542C5.94257 30.5737 5.3867 30.0372 5.3867 29.3708V27.9345H4.40221C3.75465 27.9345 3.22965 28.4594 3.22965 29.107V34.1099H1.17244C0.524872 34.1099 -0.00012207 34.6349 -0.00012207 35.2825V37.6276C-0.00012207 38.2752 0.524872 38.8002 1.17244 38.8002H26.8614C24.9363 37.0928 23.7207 34.6024 23.7207 31.8331Z" fill="white"/>
|
||||
<path d="M33.0327 24.866C29.191 24.866 26.0656 27.9914 26.0656 31.8331C26.0656 35.6747 29.191 38.8001 33.0327 38.8001C36.8743 38.8001 39.9997 35.6747 39.9997 31.8331C39.9997 27.9914 36.8743 24.866 33.0327 24.866ZM36.3039 29.8145L33.2962 35.0241C33.1933 35.2024 33.0452 35.3504 32.867 35.4534C32.6888 35.5563 32.4866 35.6105 32.2807 35.6105C32.0749 35.6105 31.8727 35.5563 31.6945 35.4534C31.5162 35.3504 31.3682 35.2024 31.2653 35.0241L29.7614 32.4193C29.4376 31.8585 29.6297 31.1413 30.1905 30.8176C30.7514 30.4937 31.4685 30.686 31.7922 31.2468L32.2807 32.0927L34.2731 28.6419C34.5968 28.0811 35.3139 27.8887 35.8748 28.2127C36.4356 28.5365 36.6277 29.2536 36.3039 29.8145Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2019_1481">
|
||||
<rect width="40" height="40" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 551 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 573 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 492 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 603 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 391 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 473 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 618 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 684 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 888 KiB |
@@ -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="M2.5 5.5L7.5 10.5L12.5 5.5" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 225 B |
Binary file not shown.
|
Before Width: | Height: | Size: 702 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 762 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 702 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 145 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 104 KiB |
@@ -1,11 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 458 B |
@@ -1,3 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 2.4 KiB |
BIN
assets/img/bg_after.webp
Normal file
BIN
assets/img/bg_after.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
assets/img/bg_before.webp
Normal file
BIN
assets/img/bg_before.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
@@ -1,9 +0,0 @@
|
||||
<svg width="121" height="121" viewBox="0 0 121 121" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M103.293 60.2828C103.293 76.4596 98.412 91.066 90.5695 101.605C85.027 109.053 78.0294 114.445 70.2389 116.967C74.3157 113.838 77.8884 108.836 80.7637 102.622C85.8012 91.7348 88.8903 76.7646 88.8903 60.2828C88.8903 43.8009 85.8012 28.8307 80.7637 17.9436C77.8885 11.7295 74.3157 6.72732 70.2389 3.59884C78.0294 6.12069 85.027 11.5123 90.5695 18.9605C98.412 29.4996 103.293 44.1059 103.293 60.2828ZM60.46 120.566C60.4231 120.566 60.3862 120.566 60.3494 120.565C60.2951 120.565 60.2408 120.566 60.1864 120.566C60.1835 120.566 60.1806 120.566 60.1776 120.566C60.1752 120.566 60.1728 120.566 60.1704 120.566C58.3847 120.565 56.6246 120.427 54.8956 120.158C24.1275 117.438 -2.75205e-06 91.6409 0 60.2154C2.44683e-06 27.8551 25.5845 1.46296 57.6588 0.092141C58.4923 0.0309959 59.3322 -7.39604e-08 60.1779 0C60.2353 5.02441e-09 60.2927 0.000143045 60.3501 0.000428854C60.3867 0.000143983 60.4233 1.39357e-06 60.46 1.39686e-06C60.6265 1.4118e-06 60.7926 0.00294737 60.9582 0.00881014C61.452 0.0199689 61.9438 0.0416977 62.4334 0.0738259C94.7279 1.20495 120.563 27.6968 120.563 60.2154C120.563 91.8003 96.1902 117.7 65.1988 120.197C63.8045 120.403 62.3903 120.524 60.9589 120.557C60.793 120.563 60.6267 120.566 60.46 120.566ZM56.398 117.863C50.968 115.972 45.9285 110.334 41.9713 101.782C37.081 91.2132 34.0296 76.5419 34.0296 60.2828C34.0296 44.0236 37.081 29.3524 41.9713 18.7834C45.9285 10.2312 50.968 4.5937 56.398 2.70286C55.9307 3.43365 55.491 4.29568 55.0757 5.26482C53.7467 8.36594 52.5728 12.7918 51.5951 18.1851C49.6369 28.9881 48.4317 43.8713 48.4317 60.2828C48.4317 76.6942 49.6369 91.5775 51.5951 102.38C52.5727 107.774 53.7466 112.2 55.0757 115.301C55.491 116.27 55.9307 117.132 56.398 117.863ZM59.5738 118.391C59.3359 118.259 59.0646 118.041 58.7605 117.698C58.1613 117.022 57.5368 115.966 56.914 114.513C55.6717 111.614 54.5301 107.359 53.5631 102.024C51.632 91.3705 50.4317 76.6123 50.4317 60.2828C50.4317 43.9532 51.632 29.195 53.5631 18.5419C54.5301 13.2071 55.6717 8.95127 56.914 6.05265C57.5368 4.59943 58.1613 3.54387 58.7605 2.8675C59.2172 2.35195 59.6 2.11972 59.9065 2.03738C60.0315 2.03659 60.1565 2.0362 60.2816 2.0362C60.3361 2.0362 60.3906 2.03627 60.4451 2.03642C60.7523 2.11792 61.1363 2.34994 61.5947 2.8675C62.1939 3.54387 62.8185 4.59943 63.4413 6.05265C64.6835 8.95127 65.8251 13.2071 66.7922 18.5419C68.7232 29.195 69.9235 43.9532 69.9235 60.2828C69.9235 76.6123 68.7232 91.3705 66.7921 102.024C65.8251 107.359 64.6835 111.614 63.4412 114.513C62.8185 115.966 62.1939 117.022 61.5947 117.698C61.289 118.043 61.0164 118.261 60.7776 118.393C60.6124 118.394 60.4471 118.395 60.2816 118.395C60.0453 118.395 59.8094 118.393 59.5738 118.391ZM63.8089 118.089C64.3318 117.312 64.8206 116.372 65.2795 115.301C66.6086 112.2 67.7825 107.774 68.7601 102.38C70.7183 91.5775 71.9235 76.6942 71.9235 60.2828C71.9235 43.8713 70.7183 28.9881 68.7601 18.1851C67.7825 12.7919 66.6086 8.36594 65.2796 5.26482C64.8206 4.19382 64.3318 3.25364 63.8089 2.47682C69.5101 4.10729 74.8188 9.858 78.9486 18.7834C83.8389 29.3524 86.8903 44.0236 86.8903 60.2828C86.8903 76.5419 83.8389 91.2132 78.9486 101.782C74.8188 110.708 69.5101 116.458 63.8089 118.089ZM29.7862 101.605C35.5546 109.357 42.899 114.881 51.0731 117.261C46.8331 114.157 43.1233 109.035 40.1562 102.622C35.1187 91.7348 32.0296 76.7646 32.0296 60.2828C32.0296 43.8009 35.1187 28.8307 40.1562 17.9436C43.1233 11.5311 46.8331 6.40909 51.0731 3.3049C42.899 5.68469 35.5546 11.2088 29.7862 18.9605C21.9437 29.4995 17.063 44.1059 17.063 60.2828C17.063 76.4596 21.9437 91.066 29.7862 101.605ZM77.583 4.64253C83.0999 7.7243 88.047 12.2205 92.174 17.7665C100.298 28.6836 105.293 43.7186 105.293 60.2828C105.293 76.8469 100.298 91.882 92.174 102.799C88.1799 108.166 83.4176 112.551 78.1141 115.621C101.58 108.101 118.563 86.1369 118.563 60.2154C118.563 34.0987 101.324 11.9996 77.583 4.64253ZM41.9809 115.469C18.7572 107.808 2 85.9642 2 60.2154C2 34.2712 19.0125 12.2917 42.5107 4.79022C37.0991 7.86718 32.2433 12.3085 28.1817 17.7665C20.0579 28.6836 15.063 43.7186 15.063 60.2828C15.063 76.8469 20.0579 91.882 28.1817 102.799C32.1103 108.078 36.782 112.407 41.9809 115.469Z" fill="url(#paint0_linear_11666_41291)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_11666_41291" x1="4.63847" y1="82.4894" x2="29.4618" y2="20.0946" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F44242"/>
|
||||
<stop offset="1" stop-color="#569EF0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 4.5 KiB |
@@ -1,19 +0,0 @@
|
||||
<svg width="166" height="104" viewBox="0 0 166 104" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M142.355 59.8173L142.372 59.801L142.387 59.7839L147.777 53.871C148.857 52.6864 148.814 50.8622 147.681 49.7288L142.355 44.4031L109.757 11.8051C107.414 9.46199 107.414 5.663 109.757 3.31986C112.101 0.976713 115.9 0.976713 118.243 3.31986L162.79 47.8676C165.134 50.2107 165.134 54.0097 162.79 56.3529L118.243 100.901C115.9 103.244 112.101 103.244 109.757 100.901C107.414 98.5575 107.414 94.7585 109.757 92.4153L142.355 59.8173Z" stroke="url(#paint0_linear_11666_41297)" stroke-width="2"/>
|
||||
<path d="M88.8554 59.8173L88.8717 59.801L88.8873 59.7839L94.2768 53.871C95.3566 52.6864 95.3144 50.8622 94.181 49.7288L88.8554 44.4031L56.2574 11.8051C53.9142 9.46199 53.9142 5.663 56.2574 3.31986C58.6005 0.976713 62.3995 0.976713 64.7427 3.31986L109.29 47.8676C111.634 50.2107 111.634 54.0097 109.29 56.3529L64.7427 100.901C62.3995 103.244 58.6005 103.244 56.2574 100.901C53.9142 98.5575 53.9142 94.7585 56.2574 92.4153L88.8554 59.8173Z" stroke="url(#paint1_linear_11666_41297)" stroke-width="2"/>
|
||||
<path d="M35.3554 59.8173L35.3717 59.801L35.3873 59.7839L40.7768 53.871C41.8566 52.6864 41.8144 50.8622 40.681 49.7288L35.3554 44.4031L2.75736 11.8051C0.414214 9.46199 0.414213 5.663 2.75736 3.31986C5.10051 0.976713 8.89951 0.976713 11.2427 3.31986L55.7904 47.8676C58.1335 50.2107 58.1335 54.0097 55.7904 56.3529L11.2427 100.901C8.89951 103.244 5.10052 103.244 2.75737 100.901C0.414222 98.5575 0.41422 94.7585 2.75737 92.4153L35.3554 59.8173Z" stroke="url(#paint2_linear_11666_41297)" stroke-width="2"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_11666_41297" x1="109.253" y1="71.0991" x2="138.293" y2="29.6446" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F44242"/>
|
||||
<stop offset="1" stop-color="#569EF0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_11666_41297" x1="55.7525" y1="71.0991" x2="84.793" y2="29.6446" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F44242"/>
|
||||
<stop offset="1" stop-color="#569EF0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_11666_41297" x1="2.25254" y1="71.0991" x2="31.293" y2="29.6446" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F44242"/>
|
||||
<stop offset="1" stop-color="#569EF0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.2 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 3.4 MiB |
@@ -1,9 +0,0 @@
|
||||
<svg width="145" height="98" viewBox="0 0 145 98" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M66.9613 0.661133C66.3364 0.661133 65.7371 0.904633 65.2952 1.33807L33.1564 32.8619C32.3011 33.7008 32.2323 35.0387 32.9972 35.9577L39.739 44.0584C27.9109 49.1211 17.8349 54.9282 10.8059 60.7227C7.17983 63.712 4.31581 66.7378 2.45064 69.7005C0.582667 72.6678 -0.333613 75.658 0.110647 78.4864C0.707324 82.2852 3.54344 85.1201 7.74426 87.101C11.9591 89.0887 17.7247 90.3088 24.5811 90.782C35.5224 91.5371 49.4098 90.4007 64.605 87.2774V95.3499C64.605 96.6264 65.66 97.6611 66.9613 97.6611H82.2655C83.5668 97.6611 84.6218 96.6264 84.6218 95.3499V82.1903C101.016 77.2236 115.448 70.8146 126.064 64.11C132.234 60.2132 137.174 56.1793 140.455 52.2216C143.725 48.2771 145.481 44.2353 144.885 40.4365C144.377 37.203 142.079 34.7256 138.709 32.9022C135.33 31.0739 130.725 29.8167 125.268 29.091C114.481 27.6562 100.115 28.2669 84.6218 30.9123V2.97234C84.6218 1.69589 83.5668 0.661133 82.2655 0.661133H66.9613ZM84.6218 33.2672V79.7951C100.665 74.8984 114.716 68.6299 125.002 62.1332C131.046 58.3159 135.731 54.457 138.763 50.8003C141.805 47.1305 143.049 43.8363 142.609 41.0347C142.246 38.727 140.565 36.6846 137.48 35.015C134.403 33.3503 130.074 32.1413 124.751 31.4333C114.212 30.0315 100.024 30.6249 84.6218 33.2672ZM82.2655 80.5002V2.97234H66.9613L34.8226 34.4962L44.2405 45.8124L66.9613 24.1037V84.4148C69.9535 83.7611 72.9948 83.0303 76.0727 82.2214C78.1646 81.6716 80.23 81.0971 82.2655 80.5002ZM66.9613 86.7794V95.3499H82.2655V82.8902C80.345 83.4494 78.3994 83.9885 76.4314 84.5057C73.2335 85.3462 70.0722 86.1038 66.9613 86.7794ZM64.605 84.9157V29.5815L45.8847 47.468C45.4113 47.9203 44.7661 48.1568 44.1064 48.1199C43.4467 48.083 42.8331 47.7761 42.4152 47.274L41.2541 45.8789C29.2075 50.965 19.0684 56.7905 12.1377 62.5041C8.63995 65.3876 6.00819 68.2027 4.35063 70.8357C2.69589 73.4643 2.06251 75.8246 2.38665 77.8882C2.8267 80.6898 4.96565 83.0949 8.87395 84.938C12.7682 86.7744 18.2459 87.9624 24.9624 88.4259C35.7179 89.1682 49.4812 88.042 64.605 84.9157Z" fill="url(#paint0_linear_1_3164)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1_3164" x1="5.57864" y1="67.0273" x2="20.0296" y2="12.7285" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F44242"/>
|
||||
<stop offset="1" stop-color="#569EF0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.3 KiB |
@@ -1,9 +0,0 @@
|
||||
<svg width="145" height="98" viewBox="0 0 145 98" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.9201 36.0402C32.8523 36.689 33.0711 37.3353 33.5224 37.8191C33.9737 38.3028 34.6152 38.5789 35.2882 38.5789H36.328C26.3176 43.1677 17.6325 48.3985 11.2812 53.6175C7.53717 56.694 4.55692 59.805 2.60355 62.8198C0.651972 65.8318 -0.341358 68.8573 0.106108 71.6716C0.70351 75.4289 3.54284 78.2313 7.74461 80.1887C11.9606 82.1527 17.7268 83.3581 24.5831 83.8256C27.0569 83.9942 29.6812 84.0674 32.4372 84.0439V95.3548C32.4372 96.6285 33.5028 97.6611 34.8174 97.6611H100.97C102.284 97.6611 103.35 96.6285 103.35 95.3548V80.8694C103.35 79.5956 102.284 78.563 100.97 78.563H72.6935C73.933 78.2631 75.1789 77.9507 76.4304 77.6257C96.1922 72.4948 113.709 65.1843 126.06 57.4782C132.23 53.6286 137.171 49.6432 140.453 45.7325C143.724 41.8349 145.482 37.8388 144.885 34.0814C144.458 31.3958 142.82 29.2222 140.361 27.5222C137.908 25.8267 134.575 24.5548 130.587 23.6694C122.614 21.8992 111.787 21.6239 99.4679 22.8192C98.3782 17.7407 96.432 13.3742 93.5637 9.78139C88.6641 3.46393 80.0441 0.661133 68.5999 0.661133C58.431 0.661133 50.1046 3.33308 43.9074 8.92099L43.8953 8.932C37.7155 14.5828 34.1995 23.7981 32.9201 36.0402ZM99.896 25.1229C100.318 27.789 100.525 30.6337 100.525 33.6492C100.525 39.1049 98.9851 44.3635 95.9728 49.3948C93.0423 54.4203 88.3149 59.5967 81.9253 64.9368L81.9235 64.9383C77.0925 68.9677 70.9409 73.3994 63.4868 78.2321C67.5877 77.4174 71.7925 76.4563 76.068 75.3462C95.6509 70.2618 112.913 63.0388 124.988 55.5055C131.03 51.7353 135.713 47.9246 138.743 44.3142C141.784 40.6906 143.025 37.4406 142.586 34.6784C142.277 32.7351 141.075 30.9981 138.922 29.5104C136.764 28.0182 133.713 26.8254 129.877 25.9737C122.305 24.2928 111.899 23.9893 99.896 25.1229ZM57.3983 79.348C57.8185 79.0851 58.2351 78.8235 58.6479 78.563C67.6603 72.8765 74.9012 67.7522 80.3708 63.1903C86.6486 57.9436 91.1607 52.9631 93.9073 48.2487C96.7323 43.5343 98.1448 38.6678 98.1448 33.6492C98.1448 24.0683 95.9868 16.5785 91.6708 11.1797C87.4333 5.7049 79.743 2.9675 68.5999 2.9675C58.8692 2.9675 51.1789 5.51481 45.5289 10.6094C40.3207 15.3718 36.9982 23.1574 35.5614 33.9662C35.4612 34.7202 35.3701 35.489 35.2882 36.2725H41.603C41.6849 36.2384 41.7669 36.2043 41.8489 36.1703C42.2364 36.0096 42.6393 36.0616 42.9319 36.2725H50.2373C51.1005 29.429 52.9838 24.6006 55.8873 21.7871C58.7908 18.9737 63.0283 17.567 68.5999 17.567C73.7791 17.567 77.5065 18.9737 79.7822 21.7871C82.0579 24.5245 83.1958 28.4786 83.1958 33.6492C83.1958 37.9074 81.744 42.0515 78.8405 46.0816C76.0155 50.1116 71.2287 54.75 64.48 59.9967C57.8099 65.2434 47.9223 72.2009 34.8174 80.8694V81.6496C41.6564 81.4691 49.2771 80.7093 57.3983 79.348ZM34.8174 84.0005V95.3548H100.97V80.8694H62.0343C52.2129 82.7389 42.9886 83.7739 34.8174 84.0005ZM32.4372 81.6893V80.8694C32.4372 80.1072 32.8258 79.3942 33.4754 78.9645C46.5632 70.3074 56.3867 63.3922 62.9799 58.206L62.9905 58.1978C69.6671 53.0071 74.2418 48.5372 76.8716 44.7856C76.8773 44.7775 76.8831 44.7694 76.8889 44.7613C79.5578 41.0568 80.8156 37.3652 80.8156 33.6492C80.8156 28.7654 79.7354 25.4074 77.9286 23.234C77.922 23.226 77.9154 23.218 77.9089 23.2099C76.2469 21.1553 73.3595 19.8733 68.5999 19.8733C63.4283 19.8733 59.8869 21.1733 57.5703 23.418C55.2319 25.6839 53.4411 29.8832 52.5999 36.5523C52.4539 37.7093 51.4401 38.5789 50.2373 38.5789H41.9659C30.0356 43.5809 19.7553 49.5372 12.6357 55.3876C9.01639 58.3617 6.26107 61.2699 4.5118 63.9697C2.76075 66.6723 2.08436 69.0568 2.40519 71.0747C2.84438 73.8369 4.97947 76.2104 8.88576 78.0302C12.7779 79.8433 18.2533 81.0166 24.9682 81.4744C27.3198 81.6348 29.8152 81.7068 32.4372 81.6893Z" fill="url(#paint0_linear_1_3169)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1_3169" x1="5.57864" y1="67.0273" x2="20.0296" y2="12.7285" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F44242"/>
|
||||
<stop offset="1" stop-color="#569EF0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.9 KiB |
@@ -1,9 +0,0 @@
|
||||
<svg width="145" height="98" viewBox="0 0 145 98" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M38.9515 84.0341C33.7684 84.3385 28.9484 84.3376 24.5949 84.0373C17.7393 83.5644 11.973 82.345 7.75662 80.3578C3.55451 78.3772 0.713038 75.5409 0.115148 71.7365C-0.327501 68.9199 0.526682 65.9612 2.32256 63.0258C4.11345 60.0986 6.87992 57.1244 10.4079 54.1885C17.4603 48.3197 27.7525 42.4418 40.059 37.2741L49.0623 32.9348C49.0885 32.9221 49.1148 32.9105 49.1412 32.8999L70.8457 18.6302H38.5945C37.2702 18.6302 36.1967 17.5778 36.1967 16.2797V3.0117C36.1967 1.71352 37.2702 0.661133 38.5945 0.661133H100.498C101.822 0.661133 102.896 1.71352 102.896 3.0117V16.2797C102.896 17.1018 102.458 17.8643 101.74 18.2902L92.8708 23.5566L99.3855 22.3176L99.4382 22.3124C111.768 21.1 122.604 21.3774 130.584 23.1696C134.572 24.0654 137.905 25.3523 140.359 27.0681C142.819 28.7885 144.457 30.9888 144.885 33.7083C145.482 37.5127 143.722 41.5578 140.451 45.5014C137.169 49.4584 132.228 53.4904 126.059 57.3846C119.991 61.2147 112.677 64.9481 104.462 68.3708C103.373 76.4414 100.224 83.1146 94.875 88.2254L94.8637 88.2361C88.0985 94.6165 78.7635 97.6611 67.1925 97.6611C58.8897 97.6611 51.6871 95.4534 45.7211 90.9415C43.1739 89.0152 40.9202 86.7075 38.9515 84.0341ZM47.8839 62.7147C47.6171 62.0565 47.0617 61.5514 46.3723 61.3397C45.6829 61.128 44.9328 61.2324 44.3307 61.6238L33.5035 68.6616C32.6025 69.2472 32.2127 70.3513 32.5516 71.3576C33.8487 75.2085 35.4541 78.6705 37.3783 81.7247C32.9219 81.9318 28.7661 81.9021 24.9828 81.6411C18.2697 81.1781 12.7964 79.9914 8.90618 78.1579C5.00171 76.3176 2.86967 73.9184 2.43116 71.1281C2.10565 69.0568 2.70003 66.7239 4.27485 64.1499C5.85466 61.5677 8.38103 58.8148 11.7734 55.9917C18.5559 50.3475 28.6032 44.5851 40.7874 39.4713L40.818 39.4585L46.8112 36.57C46.821 36.597 46.8315 36.6239 46.8424 36.6508L52.9622 51.6493C53.4521 52.8502 54.8397 53.4374 56.0672 52.9634C60.9959 51.0599 65.7982 50.1272 70.4877 50.1272C75.2247 50.1272 78.7925 51.1965 81.4063 53.1183L81.4201 53.1284C81.4259 53.1326 81.4317 53.1367 81.4376 53.1409C83.8065 54.8246 85.1547 57.4848 85.1547 61.6215C85.1547 67.2588 83.4182 71.2752 80.2148 74.0366C80.0423 74.1813 79.8674 74.3224 79.6899 74.46C78.4928 74.7955 77.2861 75.1232 76.0705 75.4425C72.1126 76.4822 68.2154 77.3926 64.4052 78.1759C60.6283 77.802 57.7367 76.6428 55.5791 74.8414C52.8501 72.4957 50.2455 68.5399 47.8839 62.7147ZM58.6304 79.2784C56.8876 78.6247 55.348 77.7385 54.0115 76.6201C51.2719 74.27 48.8014 70.6598 46.5998 65.7895C46.2794 65.0806 45.9647 64.3451 45.6557 63.5828L34.8285 70.6206C36.2342 74.7943 37.9997 78.4439 40.1251 81.5694C45.8875 81.1872 52.1037 80.4274 58.6304 79.2784ZM101.879 69.425C100.692 76.4429 97.7995 82.1486 93.2014 86.5422C87.0032 92.3878 78.3336 95.3106 67.1925 95.3106C59.3467 95.3106 52.6777 93.2338 47.1856 89.0804C45.2155 87.5904 43.422 85.8431 41.8052 83.8385C48.858 83.287 56.5181 82.1953 64.5437 80.5493C65.3949 80.6218 66.2779 80.6581 67.1925 80.6581C72.6015 80.6581 77.1487 79.2933 80.8341 76.5637C88.2648 74.4538 95.3345 72.0405 101.879 69.425ZM102.238 66.7887C102.412 65.133 102.499 63.4107 102.499 61.6215C102.499 53.9299 99.9488 48.0074 94.849 43.854C89.8277 39.6236 82.8057 37.5084 73.783 37.5084C72.3022 37.5084 70.7111 37.5805 69.0097 37.7246C67.1956 37.8782 65.256 38.1139 63.1911 38.4314L100.498 16.2797V3.0117H38.5945V16.2797H78.7259L49.0686 35.7778L55.1883 50.7762C60.3666 48.7764 65.4664 47.7767 70.4877 47.7767C75.5875 47.7767 79.7066 48.9304 82.8449 51.2379C85.9833 53.4684 87.5524 56.9296 87.5524 61.6215C87.5524 66.2671 86.4567 70.1017 84.2653 73.1252C90.6002 71.204 96.6274 69.0685 102.238 66.7887ZM104.74 65.7511C112.439 62.4912 119.286 58.9676 124.978 55.3742C131.019 51.5608 135.701 47.7068 138.729 44.0559C141.768 40.3916 143.007 37.107 142.568 34.3167C142.26 32.3539 141.06 30.5984 138.909 29.0944C136.752 27.5858 133.703 26.3796 129.868 25.5182C122.212 23.7986 111.657 23.5043 99.4824 24.6976L90.0422 26.493C89.5381 26.5889 89.081 26.3479 88.8787 25.927L73.329 35.1599C73.4813 35.1585 73.6326 35.1578 73.783 35.1578C83.1621 35.1578 90.8062 37.3562 96.3967 42.0585C102.137 46.7413 104.896 53.3805 104.896 61.6215C104.896 63.0331 104.844 64.4098 104.74 65.7511Z" fill="url(#paint0_linear_1_3174)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1_3174" x1="5.57864" y1="67.0273" x2="20.0296" y2="12.7285" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F44242"/>
|
||||
<stop offset="1" stop-color="#569EF0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 4.4 KiB |
@@ -1,14 +0,0 @@
|
||||
<svg width="145" height="98" viewBox="0 0 145 98" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M76.7999 62.6744V21.095L44.5417 62.6744H76.7999ZM49.1258 60.3738L74.6437 27.4823V60.3738H49.1258Z" fill="url(#paint0_linear_1_3179)"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M104.719 69.5394C112.74 65.9858 119.896 62.1587 125.861 58.2669C132.059 54.2231 137.027 50.0735 140.34 46.0409C143.633 42.0334 145.456 37.9289 144.902 34.0885C144.505 31.34 142.883 29.1655 140.462 27.5023C138.044 25.841 134.744 24.628 130.785 23.8206C122.86 22.2046 112.062 22.169 99.7455 23.6636L99.7181 23.667L93.0286 24.8654V2.96178C93.0286 1.69117 92.0632 0.661133 90.8723 0.661133H75.7174C75.0836 0.661133 74.4819 0.958656 74.0722 1.47463L44.3558 38.8998C44.0907 38.6365 43.6931 38.554 43.3094 38.7238C30.9526 44.1914 19.8817 50.6387 12.052 56.987C8.14123 60.158 4.98889 63.3443 2.89426 66.4162C0.808053 69.4758 -0.333601 72.5829 0.0862154 75.4903C0.640754 79.3307 3.45795 82.1084 7.60101 83.9901C11.77 85.8836 17.4949 86.9762 24.3228 87.296C37.6536 87.9204 55.4239 85.6084 74.6437 80.248V95.3605C74.6437 96.6311 75.6091 97.6611 76.7999 97.6611H90.8723C92.0632 97.6611 93.0286 96.6311 93.0286 95.3605V79.5279H102.563C103.754 79.5279 104.719 78.4979 104.719 77.2272V69.5394ZM104.719 62.6744C104.719 61.4038 103.754 60.3738 102.563 60.3738H93.0286V27.2086L99.7925 25.9968C111.989 24.5187 122.557 24.574 130.209 26.1344C134.041 26.9158 137.085 28.0634 139.231 29.5376C141.374 31.0097 142.539 32.7452 142.819 34.684C143.217 37.4455 141.955 40.7722 138.851 44.5501C135.768 48.3029 131.028 52.293 124.936 56.2678C119.234 59.9881 112.396 63.6636 104.719 67.0968V62.6744ZM102.563 68.0452V62.6744H90.8723V2.96178H75.7174L28.3043 62.6744V77.2272H76.7999V77.2665C86.0058 74.5894 94.6942 71.4489 102.563 68.0452ZM76.7999 79.6355C85.9732 76.9827 94.6593 73.8676 102.563 70.4791V77.2272H90.8723V95.3605H76.7999V79.6355ZM68.4442 79.5279H28.3043C27.1135 79.5279 26.1481 78.4979 26.1481 77.2272V62.6744C26.1481 62.1298 26.3292 61.6028 26.6591 61.1873L42.1368 41.6945C30.6197 46.9322 20.4222 52.9658 13.1771 58.8402C9.3653 61.9308 6.42088 64.9373 4.52605 67.7162C2.62279 70.5074 1.88226 72.909 2.16899 74.8948C2.56774 77.6563 4.65267 80.0261 8.5583 81.8C12.438 83.5621 17.9084 84.6332 24.6199 84.9475C36.3412 85.4965 51.6605 83.73 68.4442 79.5279Z" fill="url(#paint1_linear_1_3179)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1_3179" x1="5.57864" y1="67.0273" x2="20.0296" y2="12.7285" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F44242"/>
|
||||
<stop offset="1" stop-color="#569EF0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1_3179" x1="5.57864" y1="67.0273" x2="20.0296" y2="12.7285" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F44242"/>
|
||||
<stop offset="1" stop-color="#569EF0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 138 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 142 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 310 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 88 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 190 KiB |
BIN
assets/img/footer-logo.webp
Normal file
BIN
assets/img/footer-logo.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
@@ -1,3 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 911 B |
@@ -1,3 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 676 B |
@@ -1,6 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -1,3 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 439 B |
@@ -1,3 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 391 B |
@@ -1,3 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 389 B |
@@ -1,3 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 391 B |
BIN
assets/img/hero-img.webp
Normal file
BIN
assets/img/hero-img.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 373 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 263 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 246 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 668 KiB |
11
assets/img/i-close.svg
Normal file
11
assets/img/i-close.svg
Normal file
@@ -0,0 +1,11 @@
|
||||
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2035_1668)">
|
||||
<path d="M0.935471 0.935471C1.5161 0.354843 2.45748 0.354843 3.03811 0.935471L24.0645 21.9619C24.6451 22.5425 24.6451 23.4839 24.0645 24.0645C23.4839 24.6451 22.5425 24.6451 21.9619 24.0645L0.935471 3.03811C0.354843 2.45748 0.354843 1.5161 0.935471 0.935471Z" fill="white"/>
|
||||
<path d="M24.0645 0.935609C24.6452 1.51624 24.6452 2.45762 24.0645 3.03825L3.03813 24.0646C2.45751 24.6453 1.51612 24.6453 0.935494 24.0646C0.354866 23.484 0.354867 22.5426 0.935494 21.962L21.9619 0.935609C22.5425 0.354982 23.4839 0.354981 24.0645 0.935609Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2035_1668">
|
||||
<rect width="24" height="24.0001" fill="white" transform="translate(0.5 0.5)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 834 B |
4
assets/img/i-delivery.svg
Normal file
4
assets/img/i-delivery.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.0613 2.50026C15.7156 2.49776 15.4338 2.77589 15.4313 3.12089C15.4288 3.46589 15.7063 3.74776 16.0519 3.75026C16.3969 3.75276 16.6788 3.47526 16.6813 3.13026C16.6838 2.78526 16.4063 2.50339 16.0613 2.50026ZM16.0328 6.2502C13.6196 6.23307 11.6433 8.17989 11.6251 10.5923C11.6069 13.0046 13.5548 14.9819 15.9672 15.0001L16.0007 15.0002C18.3978 15.0002 20.3568 13.0592 20.3749 10.6579C20.3931 8.24576 18.4453 6.26839 16.0328 6.2502ZM16.0006 13.7503L15.9766 13.7501C14.2534 13.7371 12.862 12.3248 12.875 10.6017C12.8879 8.88639 14.2872 7.50001 15.9994 7.50001L16.0234 7.50014C17.7466 7.51314 19.138 8.92551 19.125 10.6486C19.112 12.3639 17.7128 13.7503 16.0006 13.7503ZM18.7269 2.97426C18.4018 2.85889 18.0444 3.0292 17.929 3.35457C17.8137 3.67995 17.984 4.03714 18.3093 4.15251C21.0623 5.1282 22.8969 7.75014 22.8749 10.6768C22.8724 11.0219 23.1501 11.3039 23.4953 11.3065H23.5001C23.8429 11.3065 24.1223 11.0298 24.1249 10.6862C24.1509 7.22701 21.9816 4.12782 18.7269 2.97426Z" fill="#00071E"/>
|
||||
<path d="M19.8348 23.5276C23.9919 18.1767 26.5898 15.3864 26.6249 10.7049C26.6689 4.81469 21.8887 0 15.999 0C10.178 0 5.41936 4.71425 5.37511 10.5455C5.33936 15.3539 7.98555 18.1404 12.1713 23.5268C8.00724 24.149 5.37511 25.7126 5.37511 27.625C5.37511 28.9061 6.55924 30.0556 8.70943 30.8619C10.6665 31.5958 13.2557 31.9999 16 31.9999C18.7443 31.9999 21.3335 31.5958 23.2906 30.8619C25.4407 30.0556 26.6249 28.906 26.6249 27.6249C26.6249 25.7136 23.9952 24.1504 19.8348 23.5276ZM6.62505 10.5549C6.66405 5.40937 10.8625 1.25 15.9991 1.25C21.1966 1.25 25.4137 5.49925 25.3749 10.6956C25.3417 15.1414 22.5866 17.8812 18.188 23.6152C17.4034 24.6374 16.6829 25.6039 16.0009 26.5494C15.3209 25.6034 14.6148 24.6542 13.8185 23.6148C9.23811 17.6408 6.59118 15.1081 6.62505 10.5549ZM16 30.75C10.6343 30.75 6.62505 29.1002 6.62505 27.625C6.62505 26.531 9.0218 25.149 13.0517 24.6704C13.9425 25.8392 14.7235 26.9011 15.4895 27.9856C15.5471 28.0673 15.6236 28.1339 15.7123 28.1799C15.801 28.2259 15.8995 28.2499 15.9994 28.25H16C16.0999 28.25 16.1983 28.2261 16.287 28.1802C16.3757 28.1344 16.4521 28.0679 16.5099 27.9864C17.2686 26.9161 18.071 25.828 18.9542 24.6711C22.9803 25.1502 25.3749 26.5318 25.3749 27.6251C25.3749 29.1002 21.3657 30.75 16 30.75Z" fill="#00071E"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
17
assets/img/i-info.svg
Normal file
17
assets/img/i-info.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2012_938)">
|
||||
<circle cx="12.5" cy="12.5" r="7.5" fill="#1C1B1B"/>
|
||||
<path d="M12 0.5C5.36761 0.5 0 5.867 0 12.5C0 19.1323 5.367 24.5 12 24.5C18.6324 24.5 24 19.133 24 12.5C24 5.8677 18.633 0.5 12 0.5ZM13.2323 17.2635C13.2323 17.6426 12.6795 18.0216 12.0002 18.0216C11.2894 18.0216 10.784 17.6426 10.784 17.2635V11.2453C10.784 10.8031 11.2895 10.5029 12.0002 10.5029C12.6795 10.5029 13.2323 10.8031 13.2323 11.2453V17.2635ZM12.0003 9.04981C11.2737 9.04981 10.7051 8.51277 10.7051 7.91248C10.7051 7.31225 11.2737 6.791 12.0003 6.791C12.7111 6.791 13.2798 7.31225 13.2798 7.91248C13.2798 8.51277 12.711 9.04981 12.0003 9.04981Z" fill="#FFCC00"/>
|
||||
<path d="M12 0.5C5.36761 0.5 0 5.867 0 12.5C0 19.1323 5.367 24.5 12 24.5C18.6324 24.5 24 19.133 24 12.5C24 5.8677 18.633 0.5 12 0.5ZM13.2323 17.2635C13.2323 17.6426 12.6795 18.0216 12.0002 18.0216C11.2894 18.0216 10.784 17.6426 10.784 17.2635V11.2453C10.784 10.8031 11.2895 10.5029 12.0002 10.5029C12.6795 10.5029 13.2323 10.8031 13.2323 11.2453V17.2635ZM12.0003 9.04981C11.2737 9.04981 10.7051 8.51277 10.7051 7.91248C10.7051 7.31225 11.2737 6.791 12.0003 6.791C12.7111 6.791 13.2798 7.31225 13.2798 7.91248C13.2798 8.51277 12.711 9.04981 12.0003 9.04981Z" fill="url(#paint0_linear_2012_938)"/>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_2012_938" x1="5.08642" y1="-0.262542" x2="25.6213" y2="0.490587" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0"/>
|
||||
<stop offset="0.415" stop-color="white" stop-opacity="0.32"/>
|
||||
<stop offset="1" stop-color="white" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_2012_938">
|
||||
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
11
assets/img/i-percent.svg
Normal file
11
assets/img/i-percent.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_2049_2154)">
|
||||
<path d="M22.4042 12.3109C22.3565 12.2142 22.3317 12.1078 22.3317 12C22.3317 11.8922 22.3565 11.7859 22.4042 11.6892L23.2993 9.85802C23.7976 8.83844 23.4028 7.62322 22.4003 7.09133L20.5999 6.13602C20.5045 6.0858 20.4219 6.01433 20.3586 5.92713C20.2952 5.83993 20.2527 5.73933 20.2344 5.6331L19.8823 3.62551C19.6862 2.50773 18.6523 1.75661 17.5288 1.91556L15.5107 2.20103C15.404 2.21645 15.2952 2.20715 15.1927 2.17383C15.0902 2.14052 14.9967 2.08408 14.9195 2.00889L13.4546 0.591773C12.6389 -0.197316 11.3611 -0.197363 10.5455 0.591773L9.08058 2.00903C9.00333 2.08421 8.90984 2.14063 8.80733 2.17394C8.70482 2.20725 8.59603 2.21657 8.48935 2.20117L6.47125 1.9157C5.34743 1.75666 4.31384 2.50787 4.11776 3.62565L3.76564 5.63315C3.74734 5.73938 3.70487 5.83998 3.64152 5.92718C3.57816 6.01439 3.49562 6.08588 3.40025 6.13612L1.59979 7.09142C0.59733 7.62326 0.202457 8.83859 0.700829 9.85816L1.5959 11.6893C1.64355 11.786 1.66833 11.8923 1.66833 12.0001C1.66833 12.1079 1.64355 12.2143 1.5959 12.311L0.700783 14.1421C0.20241 15.1617 0.597283 16.3769 1.59975 16.9088L3.4002 17.8641C3.49558 17.9143 3.57814 17.9858 3.6415 18.073C3.70486 18.1602 3.74734 18.2608 3.76564 18.367L4.11776 20.3746C4.29626 21.3922 5.16879 22.1058 6.17158 22.1057C6.27034 22.1057 6.37056 22.0987 6.4713 22.0845L8.48939 21.799C8.59608 21.7836 8.70488 21.7929 8.8074 21.8262C8.90991 21.8595 9.0034 21.916 9.08062 21.9912L10.5455 23.4083C10.9534 23.8029 11.4766 24.0001 12 24.0001C12.5233 24 13.0468 23.8028 13.4546 23.4083L14.9195 21.9912C15.0775 21.8383 15.293 21.7685 15.5107 21.799L17.5288 22.0845C18.6528 22.2435 19.6862 21.4923 19.8823 20.3745L20.2345 18.367C20.2528 18.2608 20.2952 18.1602 20.3586 18.073C20.4219 17.9858 20.5045 17.9143 20.5999 17.8641L22.4003 16.9088C23.4028 16.3769 23.7976 15.1616 23.2993 14.142L22.4042 12.3109ZM9.23156 5.77106C10.6309 5.77106 11.7693 6.9095 11.7693 8.30881C11.7693 9.70811 10.6309 10.8466 9.23156 10.8466C7.83226 10.8466 6.69381 9.70811 6.69381 8.30881C6.69381 6.9095 7.83226 5.77106 9.23156 5.77106ZM7.92169 17.0571C7.78655 17.1922 7.60941 17.2598 7.43232 17.2598C7.25523 17.2598 7.07804 17.1923 6.94295 17.0571C6.67267 16.7868 6.67267 16.3486 6.94295 16.0783L16.0783 6.94292C16.3485 6.67264 16.7868 6.67264 17.0571 6.94292C17.3274 7.2132 17.3274 7.65144 17.0571 7.92172L7.92169 17.0571ZM14.7684 18.229C13.3691 18.229 12.2307 17.0906 12.2307 15.6913C12.2307 14.292 13.3691 13.1535 14.7684 13.1535C16.1677 13.1535 17.3062 14.292 17.3062 15.6913C17.3062 17.0906 16.1677 18.229 14.7684 18.229Z" fill="#FFCC00"/>
|
||||
<path d="M14.7687 14.5378C14.1326 14.5378 13.6152 15.0553 13.6152 15.6913C13.6152 16.3273 14.1326 16.8448 14.7687 16.8448C15.4047 16.8448 15.9222 16.3273 15.9222 15.6913C15.9222 15.0553 15.4047 14.5378 14.7687 14.5378ZM9.23185 7.15527C8.5958 7.15527 8.07835 7.67272 8.07835 8.30877C8.07835 8.94481 8.5958 9.46231 9.23185 9.46231C9.86789 9.46231 10.3854 8.94486 10.3854 8.30877C10.3853 7.67277 9.86789 7.15527 9.23185 7.15527Z" fill="#FFCC00"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2049_2154">
|
||||
<rect width="24" height="24" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
3
assets/img/i-select.svg
Normal file
3
assets/img/i-select.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.6521 13.769C9.85806 14.9327 8.14194 14.9327 7.34793 13.769L2.13379 6.12724C1.22796 4.79968 2.1787 3 3.78586 3L14.2141 3C15.8213 3 16.772 4.79968 15.8662 6.12724L10.6521 13.769Z" fill="#D8D8D8"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 311 B |
3
assets/img/i-tel.svg
Normal file
3
assets/img/i-tel.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="27" height="28" viewBox="0 0 27 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M24.728 19.28C24.6624 19.228 19.9 15.7952 18.5928 16.0416C17.9688 16.152 17.612 16.5776 16.896 17.4296C16.7808 17.5672 16.504 17.8968 16.2888 18.1312C15.8363 17.9836 15.3949 17.804 14.968 17.5936C12.7644 16.5208 10.984 14.7404 9.9112 12.5368C9.70069 12.1099 9.52103 11.6685 9.3736 11.216C9.6088 11 9.9384 10.7232 10.0792 10.6048C10.9272 9.8928 11.3536 9.536 11.464 8.9104C11.6904 7.6144 8.26 2.8192 8.224 2.776C8.06836 2.55366 7.86524 2.36869 7.62934 2.23448C7.39344 2.10027 7.13065 2.02018 6.86 2C5.4696 2 1.5 7.1496 1.5 8.0168C1.5 8.0672 1.5728 13.1904 7.8904 19.6168C14.3104 25.9272 19.4328 26 19.4832 26C20.3512 26 25.5 22.0304 25.5 20.64C25.48 20.3703 25.4004 20.1084 25.2669 19.8732C25.1334 19.638 24.9493 19.4354 24.728 19.28Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 862 B |
12
assets/img/i-volume.svg
Normal file
12
assets/img/i-volume.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2048_2118)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.9706 0.995728L24.8811 7.29479V19.893L13.9706 26.1922L3.06024 19.893V7.29479L13.9706 0.995728Z" stroke="#00071E" stroke-width="1.25001" stroke-miterlimit="22.9256" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M24.6561 7.42467L13.9706 13.5939M13.9706 13.5939L11.0721 11.9205M13.9706 13.5939V25.8797M6.20006 9.10761L3.30188 7.4343M28.1281 8.9183L29.7515 7.2948L31.375 8.9183M28.1281 18.2696L29.7515 19.893L31.375 18.2696M29.7515 7.61949V19.5684M25.0986 23.5168L27.3162 24.111L26.722 26.3287M17.0001 28.1924L16.4059 30.4101L18.6236 31.0044M27.0351 24.2734L16.6871 30.2478M10.9412 28.1924L11.5354 30.4101L9.31769 31.0044M2.84275 23.5167L0.625 24.111L1.21925 26.3287M11.2542 30.2477L0.906187 24.2734" stroke="#00071E" stroke-width="1.25001" stroke-miterlimit="22.9256" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M8.6358 10.5142H8.63618" stroke="#00071E" stroke-width="1.24999" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2048_2118">
|
||||
<rect width="32" height="32" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -1,3 +0,0 @@
|
||||
<svg width="42" height="33" viewBox="0 0 42 33" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.88461 32.6538C6.5 32.6538 4.42308 31.7692 2.65385 30C0.884615 28.2308 0 25.5769 0 22.0385C0 18.9615 0.615385 16 1.84615 13.1538C3.07692 10.3077 5.07692 7.73077 7.84615 5.42308C10.6923 3.11538 14.3846 1.30769 18.9231 0V4.84615C15.1538 6.07692 12.3846 7.57692 10.6154 9.34615C8.84615 11.0385 7.96154 13 7.96154 15.2308C7.96154 16.3846 8.38461 17.2692 9.23077 17.8846C10.0769 18.5 11.0385 19.0769 12.1154 19.6154C13.2692 20.1538 14.2692 20.8846 15.1154 21.8077C15.9615 22.7308 16.3846 24.0769 16.3846 25.8462C16.3846 28 15.6538 29.6923 14.1923 30.9231C12.8077 32.0769 11.0385 32.6538 8.88461 32.6538ZM31.9615 32.6538C29.5769 32.6538 27.5 31.7692 25.7308 30C23.9615 28.2308 23.0769 25.5769 23.0769 22.0385C23.0769 18.9615 23.6923 16 24.9231 13.1538C26.1538 10.3077 28.1538 7.73077 30.9231 5.42308C33.7692 3.11538 37.4615 1.30769 42 0V4.84615C38.2308 6.07692 35.4615 7.57692 33.6923 9.34615C31.9231 11.0385 31.0385 13 31.0385 15.2308C31.0385 16.3846 31.4615 17.2692 32.3077 17.8846C33.1538 18.5 34.1154 19.0769 35.1923 19.6154C36.3462 20.1538 37.3462 20.8846 38.1923 21.8077C39.0385 22.7308 39.4615 24.0769 39.4615 25.8462C39.4615 28 38.7308 29.6923 37.2692 30.9231C35.8846 32.0769 34.1154 32.6538 31.9615 32.6538Z" fill="#121212"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB |
@@ -1,3 +0,0 @@
|
||||
<svg width="42" height="31" viewBox="0 0 42 31" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M33.1154 0.00698775C35.5 0.00698796 37.5769 0.846611 39.3462 2.52586C41.1154 4.2051 42 6.72397 42 10.0825C42 13.0029 41.3846 15.8138 40.1538 18.5152C38.9231 21.2166 36.9231 23.6624 34.1538 25.8528C31.3077 28.0431 27.6154 29.7588 23.0769 31L23.0769 26.4003C26.8462 25.2322 29.6154 23.8085 31.3846 22.1292C33.1538 20.523 34.0385 18.6612 34.0385 16.5439C34.0385 15.4487 33.6154 14.6091 32.7692 14.025C31.9231 13.4409 30.9615 12.8934 29.8846 12.3823C28.7308 11.8712 27.7308 11.1776 26.8846 10.3015C26.0385 9.42536 25.6154 8.14768 25.6154 6.46843C25.6154 4.42413 26.3462 2.8179 27.8077 1.64973C29.1923 0.554568 30.9615 0.00698756 33.1154 0.00698775ZM10.0385 0.00698573C12.4231 0.00698594 14.5 0.846609 16.2692 2.52585C18.0385 4.2051 18.9231 6.72397 18.9231 10.0825C18.9231 13.0029 18.3077 15.8138 17.0769 18.5152C15.8462 21.2166 13.8462 23.6624 11.0769 25.8527C8.23077 28.0431 4.53846 29.7588 3.8147e-06 31L4.21681e-06 26.4003C3.76923 25.2322 6.53846 23.8085 8.30769 22.1292C10.0769 20.523 10.9615 18.6612 10.9615 16.5439C10.9615 15.4487 10.5385 14.6091 9.6923 14.025C8.84615 13.4409 7.88462 12.8934 6.80769 12.3823C5.65385 11.8712 4.65385 11.1776 3.8077 10.3015C2.96154 9.42536 2.53846 8.14767 2.53846 6.46843C2.53846 4.42413 3.26923 2.8179 4.73077 1.64972C6.11538 0.554566 7.88462 0.00698554 10.0385 0.00698573Z" fill="#121212"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -1,5 +0,0 @@
|
||||
<svg width="68" height="60" viewBox="0 0 68 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M34 46.0156C32.8954 46.0156 32 46.9111 32 48.0156C32 49.1202 32.8954 50.0156 34 50.0156C35.1046 50.0156 36 49.1202 36 48.0156C36 46.9111 35.1046 46.0156 34 46.0156ZM40 48.0156C40 51.3293 37.3137 54.0156 34 54.0156C30.6863 54.0156 28 51.3293 28 48.0156C28 44.7019 30.6863 42.0156 34 42.0156C37.3137 42.0156 40 44.7019 40 48.0156Z" fill="#DD2127"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M40 19.0156V34.0156C40 37.3293 37.3137 40.0156 34 40.0156C30.6863 40.0156 28 37.3293 28 34.0156V19.0156C28 15.7019 30.6863 13.0156 34 13.0156C37.3137 13.0156 40 15.7019 40 19.0156ZM36 19.0156V34.0156C36 35.1202 35.1046 36.0156 34 36.0156C32.8954 36.0156 32 35.1202 32 34.0156V19.0156C32 17.9111 32.8954 17.0156 34 17.0156C35.1046 17.0156 36 17.9111 36 19.0156Z" fill="#DD2127"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M34 0.015625C35.4291 0.015625 36.7496 0.778021 37.4641 2.01562L67.4641 53.9771C68.1786 55.2148 68.1786 56.7395 67.4641 57.9771C66.7496 59.2148 65.4291 59.9771 64 59.9771H4C2.57094 59.9771 1.25043 59.2148 0.535898 57.9771C-0.178633 56.7395 -0.178633 55.2148 0.535898 53.9771L30.5359 2.01562C31.2504 0.778021 32.5709 0.015625 34 0.015625ZM34 4.01562L4 55.9771H64L34 4.01562Z" fill="#DD2127"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB |
@@ -1,5 +0,0 @@
|
||||
<svg width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M68 34C68 52.7777 52.7777 68 34 68C15.2223 68 0 52.7777 0 34C0 15.2223 15.2223 0 34 0C52.7777 0 68 15.2223 68 34ZM34 64C50.5685 64 64 50.5685 64 34C64 17.4315 50.5685 4 34 4C17.4315 4 4 17.4315 4 34C4 50.5685 17.4315 64 34 64Z" fill="#F3C81C"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M34 49C32.8954 49 32 49.8954 32 51C32 52.1046 32.8954 53 34 53C35.1046 53 36 52.1046 36 51C36 49.8954 35.1046 49 34 49ZM40 51C40 54.3137 37.3137 57 34 57C30.6863 57 28 54.3137 28 51C28 47.6863 30.6863 45 34 45C37.3137 45 40 47.6863 40 51Z" fill="#F3C81C"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M40 16V36C40 39.3137 37.3137 42 34 42C30.6863 42 28 39.3137 28 36V16C28 12.6863 30.6863 10 34 10C37.3137 10 40 12.6863 40 16ZM36 16C36 14.8954 35.1046 14 34 14C32.8954 14 32 14.8954 32 16V36C32 37.1046 32.8954 38 34 38C35.1046 38 36 37.1046 36 36V16Z" fill="#F3C81C"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1021 B |
@@ -1,18 +0,0 @@
|
||||
<svg width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M68 34C68 52.7777 52.7777 68 34 68C15.2223 68 0 52.7777 0 34C0 15.2223 15.2223 0 34 0C45.7745 0 56.1488 5.98866 62.245 15.0677C63.0245 16.2286 63.7345 17.4405 64.369 18.6976C64.8342 19.6192 65.2588 20.565 65.6404 21.5327C67.1646 25.3983 68 29.6064 68 34ZM34 64C50.5685 64 64 50.5685 64 34C64 30.1168 63.2622 26.406 61.9192 23C61.5828 22.1468 65 21.5327 63.5 18C61.9192 15.0677 58.9242 17.2975 58.9242 17.2975C53.5392 9.27772 44.3859 4 34 4C17.4315 4 4 17.4315 4 34C4 50.5685 17.4315 64 34 64Z" fill="url(#paint0_radial_11667_42358)"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M65.5962 14.9038C68.1346 17.4422 68.1346 21.5578 65.5962 24.0962L62.7678 21.2678C63.7441 20.2915 63.7441 18.7085 62.7678 17.7322L65.5962 14.9038ZM35 36.3076L56.4038 14.9038C58.9422 12.3654 63.0578 12.3654 65.5962 14.9038L62.7678 17.7322C61.7915 16.7559 60.2085 16.7559 59.2322 17.7322L35 41.9645L22.2678 29.2322C21.2915 28.2559 19.7085 28.2559 18.7322 29.2322C17.7559 30.2085 17.7559 31.7915 18.7322 32.7678L33.2322 47.2678C34.2085 48.2441 35.7915 48.2441 36.7678 47.2678L62.7678 21.2678L65.5962 24.0962L39.5962 50.0962C37.0578 52.6346 32.9422 52.6346 30.4038 50.0962L15.9038 35.5962C13.3654 33.0578 13.3654 28.9422 15.9038 26.4038C18.4422 23.8654 22.5578 23.8654 25.0962 26.4038L35 36.3076Z" fill="url(#paint1_radial_11667_42358)"/>
|
||||
<defs>
|
||||
<radialGradient id="paint0_radial_11667_42358" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(68 3.53762e-06) rotate(135) scale(96.1665 131.292)">
|
||||
<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_42358" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(68 3.53762e-06) rotate(135) scale(96.1665 131.292)">
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 2.1 KiB |
@@ -1,18 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 2.1 KiB |
@@ -1,11 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 2.3 KiB |
@@ -1,3 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 1.9 KiB |
BIN
assets/img/logo.webp
Normal file
BIN
assets/img/logo.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
@@ -1,3 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 246 B |
@@ -1,4 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 929 B |
@@ -1,11 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 2.2 KiB |
@@ -1,3 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 246 B |
@@ -1,3 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 244 B |
@@ -1,3 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 246 B |
@@ -1,18 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 795 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 781 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
@@ -1,5 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 458 B |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user