Compare commits
4 Commits
d04ff5db02
...
cosmopet--
| Author | SHA1 | Date | |
|---|---|---|---|
|
064e8ef037 | ||
|
e67ea16299 | ||
| d8f89ad9a9 | |||
| 043a617c87 |
@@ -11,6 +11,7 @@
|
|||||||
+ значение модификатора отделяется от его имени двумя дефисами (--)
|
+ значение модификатора отделяется от его имени двумя дефисами (--)
|
||||||
* из конечного HTML-файла убрать все комментарии, если такие имеются
|
* из конечного HTML-файла убрать все комментарии, если такие имеются
|
||||||
* все медиазапросы пишутся в отдельных файлах (которые мы подготовили) для того чтобы оптимизировать скорость загрузки; если используется препроцессор, то не нужно в классе каждого блока использовать импорты медиа запросов, а наоборот выносим пример можно посмотреть на ["видео"](https://www.youtube.com/watch?v=9uaENbRyVT4)
|
* все медиазапросы пишутся в отдельных файлах (которые мы подготовили) для того чтобы оптимизировать скорость загрузки; если используется препроцессор, то не нужно в классе каждого блока использовать импорты медиа запросов, а наоборот выносим пример можно посмотреть на ["видео"](https://www.youtube.com/watch?v=9uaENbRyVT4)
|
||||||
|
* **частая ошибка:** верстальщик берет изображения/видео из макета и не задает им адаптивную ширину/высоту, и на моменте сдачи верстки не заметно косяков, а вот когда мы переходим к натяжке и медиаматериалы начинают выводиться в шаблон динамически и уже разных форматов (ШИРИНАxВЫСОТА), тогда верстка начинает плыть. Чтоб такое избежать проверяйте на как себя ведет элемент при замене слишком большой/маленькой картинки.
|
||||||
* **ВАЖНО:** если верстка делается для многостраничного сайта (особенно на CMS), то для всех страниц прописывать уникальный класс в \<body\>, от которого строить все CSS-правила на этой странице + для кажой станицы использовать свои отдельные CSS-файлы
|
* **ВАЖНО:** если верстка делается для многостраничного сайта (особенно на CMS), то для всех страниц прописывать уникальный класс в \<body\>, от которого строить все CSS-правила на этой странице + для кажой станицы использовать свои отдельные CSS-файлы
|
||||||
|
|
||||||
|
|
||||||
@@ -25,7 +26,11 @@
|
|||||||
## **Порядок работы**
|
## **Порядок работы**
|
||||||
|
|
||||||
### **Подготовка окружения для локальной разработки**
|
### **Подготовка окружения для локальной разработки**
|
||||||
1. Выкачивать локально на свой компьютер шаблон командой: `git clone https://git.good-production.xyz/Good-Production/template-for-verstka.git`
|
1. Выкачивать локально на свой компьютер один из 2х шаблонов (по веткам: 1 - master, 2 - with-phpmailer) командой: `git clone -b ${branch_name} https://git.good-production.xyz/Good-Production/template-for-verstka.git`
|
||||||
|
|
||||||
|
заменить переменную:
|
||||||
|
`${branch_name}` -- на "master", если достаточно только отправки форм в ТГ, либо "with-phpmailer", если нужна отправка на почту средствами PHP (без использования плагинов CMS)
|
||||||
|
|
||||||
2. Далее создать свою ветку командой: `git checkout -b ${project_name}--${name}`
|
2. Далее создать свою ветку командой: `git checkout -b ${project_name}--${name}`
|
||||||
3. Приступить к локальной разработке в созданной ветке
|
3. Приступить к локальной разработке в созданной ветке
|
||||||
4. Для демонстрации работы пушить свои комиты в созданную ветку командой: `git push origin ${project_name}--${name}`
|
4. Для демонстрации работы пушить свои комиты в созданную ветку командой: `git push origin ${project_name}--${name}`
|
||||||
|
|||||||
962
articles.html
Normal file
962
articles.html
Normal file
@@ -0,0 +1,962 @@
|
|||||||
|
<!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,487 +1,119 @@
|
|||||||
/* Переменные, шрифты, UI kit */
|
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Proxima Nova";
|
font-family: "Craftwork Grotest";
|
||||||
src: local("Proxima Nova Bold"),
|
src: url('../fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Regular.ttf');
|
||||||
local("ProximaNova-Bold"),
|
font-weight: 400;
|
||||||
url("/assets/fonts/ProximaNova-Bold.woff2") format("woff2"),
|
|
||||||
url("/assets/fonts/ProximaNova-Bold.woff") format("woff"),
|
|
||||||
url("/assets/fonts/ProximaNova-Bold.ttf") format("ttf");
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Proxima Nova";
|
font-family: "Craftwork Grotest";
|
||||||
src: local("Proxima Nova Semibold"),
|
src: url('../fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Medium.ttf');
|
||||||
local("ProximaNova-Semibold"),
|
font-weight: 500;
|
||||||
url("/assets/fonts/ProximaNova-Semibold.woff2") format("woff2"),
|
}
|
||||||
url("/assets/fonts/ProximaNova-Semibold.woff") format("woff"),
|
|
||||||
url("/assets/fonts/ProximaNova-Semibold.ttf") format("ttf");
|
@font-face {
|
||||||
|
font-family: "Craftwork Grotest";
|
||||||
|
src: url('../fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-SemiBold.ttf');
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Proxima Nova";
|
font-family: "Craftwork Grotest";
|
||||||
src: local("Proxima Nova Regular"),
|
src: url('../fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Bold.ttf');
|
||||||
local("ProximaNova-Regular"),
|
font-weight: 700;
|
||||||
url("/assets/fonts/ProximaNova-Regular.woff2") format("woff2"),
|
|
||||||
url("/assets/fonts/ProximaNova-Regular.woff") format("woff"),
|
|
||||||
url("/assets/fonts/ProximaNova-Regular.ttf") format("ttf");
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Proxima Nova";
|
font-family: "Abel";
|
||||||
src: local("Proxima Nova Light"),
|
src: url('../fonts/Abel/Abel-Regular.ttf');
|
||||||
local("ProximaNova-Light"),
|
font-weight: 400;
|
||||||
url("/assets/fonts/ProximaNova-Light.woff2") format("woff2"),
|
|
||||||
url("/assets/fonts/ProximaNova-Light.woff") format("woff"),
|
|
||||||
url("/assets/fonts/ProximaNova-Light.ttf") format("ttf");
|
|
||||||
font-weight: 300;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
*{
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--font-family: "Proxima Nova", sans-serif;
|
/* Colors */
|
||||||
|
--radial: radial-gradient(261.43% 263.03% at 124% -28.000000000000004%,rgb(15, 88, 129),rgb(30, 164, 156) 36.979%,rgb(118, 206, 117) 66.667%,rgb(236, 243, 159) 91.146%);
|
||||||
|
--accent-1: radial-gradient(142.43% 141.42% at 100% 0%, #188892 0%, #1EA49C 45%, #76CE75 90%, #BBE38D 100%);
|
||||||
|
--accent-2: radial-gradient(2700.48% 141.42% at 100% 0%,rgb(122, 217, 231),rgb(126, 231, 225) 25%,rgb(181, 228, 180) 80%,rgb(215, 238, 170) 100%);
|
||||||
|
--accent-3: linear-gradient(6deg, rgb(244, 66, 66) 7.584%,rgb(86, 158, 240) 72.371%);
|
||||||
|
--linear: linear-gradient(-7.39deg, rgb(244, 241, 240) 23.643%,rgba(244, 241, 240, 0.3) 59.827%);
|
||||||
|
--btn-bg: radial-gradient(100% 174.56% at 100% 0%, #7AD9E7 0%, #7EE7E1 25%, #B5E4B4 80%, #D7EEAA 100%);
|
||||||
|
|
||||||
--red: #d3241d;
|
|
||||||
--blood: #ae0b05;
|
|
||||||
|
|
||||||
--background-main: #111114;
|
--main_white: #FFFFFF;
|
||||||
--background-grey: #2a2a2d;
|
--creme-white: #F4F1F0;
|
||||||
--background-grey-hover: #46464a;
|
--grey-f5: #F5F5F5;
|
||||||
|
--main_black: #121212;
|
||||||
--link: #86868b;
|
--grey-black: #121212;
|
||||||
|
--bg-light-grey: #F5F5F5;
|
||||||
--text-white: #fff;
|
--interface_title: #333333;
|
||||||
|
--interface_hover: #666666;
|
||||||
|
--orange_80: #FFDF99;
|
||||||
|
--green_90: #D9FFCC;
|
||||||
|
--green-dark: #76CE75;
|
||||||
|
--violet_90: #E7CAFF;
|
||||||
|
--blue_90: #CCE2FF;
|
||||||
|
--background: #F4F1F0;
|
||||||
|
--placeholder: #999999;
|
||||||
|
/* Fonts */
|
||||||
|
--font-craftwork: 'Craftwork Grotest', sans-serif;
|
||||||
|
--font-abel: 'Abel', serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
body{
|
body {
|
||||||
background-color: var(--background-main);
|
background: var(--radial);
|
||||||
|
font-family: var(--font-craftwork);
|
||||||
font-family: var(--font-family);
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal{
|
.container {
|
||||||
position: fixed;
|
max-width: 1232px;
|
||||||
top: 0;
|
margin: 0 auto;
|
||||||
|
|
||||||
height: 100vh;
|
@media (max-width: 1264px) {
|
||||||
|
max-width: calc(100% - 32px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-inp {
|
||||||
|
height: 48px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
border: 1px solid var(--placeholder);
|
||||||
display: flex;
|
border-radius: 20px;
|
||||||
justify-content: center;
|
background: var(--main_white);
|
||||||
align-items: center;
|
padding: 0 16px;
|
||||||
|
color: var(--main_black);
|
||||||
background-color: rgba(17, 17, 20, .8);
|
font-size: 20px;
|
||||||
|
|
||||||
z-index: 100;
|
|
||||||
|
|
||||||
pointer-events: none;
|
|
||||||
|
|
||||||
transition: opacity .3s;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.modal.active{
|
|
||||||
pointer-events: auto;
|
|
||||||
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal__item{
|
|
||||||
padding: 88px 64px;
|
|
||||||
|
|
||||||
background-color: var(--background-main);
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.modal__item.active{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* text */
|
|
||||||
.title-1{
|
|
||||||
font-weight: 700;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.title-2{
|
|
||||||
font-weight: 700;
|
|
||||||
color: var(--text-white);
|
|
||||||
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.title-3{
|
|
||||||
font-weight: 700;
|
|
||||||
color: var(--text-white);
|
|
||||||
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.title-4{
|
|
||||||
font-weight: 700;
|
|
||||||
color: var(--text-white);
|
|
||||||
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.title--center{
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.text-1{
|
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: var(--text-white);
|
line-height: 24px;
|
||||||
}
|
|
||||||
.text-2{
|
|
||||||
font-weight: 400;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.text-3{
|
|
||||||
font-weight: 400;
|
|
||||||
color: var(--text-white);
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
.text--bo-line{
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
/* text */
|
|
||||||
|
|
||||||
/* components */
|
|
||||||
.btn-social{
|
|
||||||
margin-left: 16px;
|
|
||||||
|
|
||||||
width: 40px;
|
|
||||||
aspect-ratio: 1;
|
|
||||||
|
|
||||||
padding: 8px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
background-color: var(--background-grey);
|
|
||||||
|
|
||||||
transition: background-color .3s;
|
|
||||||
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.btn-social:first-child{
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.btn-social:hover{
|
|
||||||
background-color: var(--background-grey-hover);
|
|
||||||
}
|
|
||||||
.btn-social:active{
|
|
||||||
background-color: var(--background-grey-hover);
|
|
||||||
}
|
|
||||||
.btn-social> img{
|
|
||||||
width: 24px;
|
|
||||||
aspect-ratio: 1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-big{
|
.form-inp::placeholder {
|
||||||
display: block;
|
color: var(--placeholder);
|
||||||
|
|
||||||
padding: 22.5px 32px;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 16px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--text-white);
|
|
||||||
text-decoration: none;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
transition: background-color .3s;
|
|
||||||
background-color: rgba(17, 17, 20, 0);
|
|
||||||
|
|
||||||
cursor: pointer;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
.btn-big--border{
|
|
||||||
padding: 21px 32px;
|
|
||||||
|
|
||||||
border: 1px solid;
|
|
||||||
}
|
|
||||||
.btn-big--border--blood{
|
|
||||||
border-color: var(--blood);
|
|
||||||
}
|
|
||||||
.btn-big--border--blood:hover{
|
|
||||||
background-color: var(--red);
|
|
||||||
}
|
|
||||||
.btn-big--border--blood:active{
|
|
||||||
background-color: var(--blood);
|
|
||||||
}
|
|
||||||
.btn-big--border--white{
|
|
||||||
border-color: var(--text-white);
|
|
||||||
}
|
|
||||||
.btn-big--border--white:hover{
|
|
||||||
background-color: var(--background-grey-hover);
|
|
||||||
}
|
|
||||||
.btn-big--border--white:active{
|
|
||||||
background-color: rgba(17, 17, 20, 0);
|
|
||||||
}
|
|
||||||
.btn-big--blood{
|
|
||||||
background-color: var(--blood);
|
|
||||||
}
|
|
||||||
.btn-big--blood:hover{
|
|
||||||
background-color: var(--red);
|
|
||||||
}
|
|
||||||
.btn-big--blood:active{
|
|
||||||
background-color: var(--blood);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-big--social{
|
.form-inp:hover,
|
||||||
padding-right: 66px;
|
.form-inp:focus {
|
||||||
|
border-color: var(--main_black);
|
||||||
background-position: top 20px right 34px;
|
|
||||||
background-size: 24px;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
.btn-big--tg{
|
|
||||||
background-image: url(/assets/img/social/telegram.svg);
|
|
||||||
}
|
|
||||||
.btn-big--ws{
|
|
||||||
background-image: url(/assets/img/social/whatsapp.svg);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn--100-per{
|
.form-textarea {
|
||||||
|
height: 96px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
resize: none;
|
||||||
|
background: var(--main_white);
|
||||||
.link{
|
border: 1px solid var(--placeholder);
|
||||||
|
padding: 12px 16px;
|
||||||
|
border-radius: 20px;
|
||||||
|
color: var(--main_black);
|
||||||
|
font-size: 20px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
text-transform: uppercase;
|
line-height: 24px;
|
||||||
text-decoration: underline;
|
|
||||||
text-decoration-skip-ink: none;
|
|
||||||
color: var(--link);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.input__block{
|
.form-textarea::placeholder {
|
||||||
display: flex;
|
color: var(--placeholder);
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.input__label{
|
|
||||||
position: absolute;
|
|
||||||
top: 14px;
|
|
||||||
left: 24px;
|
|
||||||
|
|
||||||
|
|
||||||
font-size: 12px;
|
|
||||||
color: var(--link);
|
|
||||||
text-transform: uppercase;
|
|
||||||
|
|
||||||
transition: all 0.3s;
|
|
||||||
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
.input__field{
|
|
||||||
height: 64px;
|
|
||||||
|
|
||||||
padding: 31px 24px 14px 24px;
|
|
||||||
|
|
||||||
height: 64px;
|
|
||||||
|
|
||||||
background-color: var(--background-grey-hover);
|
|
||||||
border: none;
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 16px;
|
|
||||||
color: var(--text-white);
|
|
||||||
|
|
||||||
outline: none;
|
|
||||||
transition: all 0.3s;
|
|
||||||
}
|
|
||||||
.input__field:hover{
|
|
||||||
border: 1px solid var(--text-white);
|
|
||||||
}
|
|
||||||
.input__field:focus{
|
|
||||||
border: 1px solid var(--text-white);
|
|
||||||
}
|
|
||||||
.input__field:placeholder-shown + .input__label{
|
|
||||||
top: 22.5px;
|
|
||||||
left: 24px;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 16px;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.input__field:focus + .input__label{
|
|
||||||
top: 14px;
|
|
||||||
left: 24px;
|
|
||||||
|
|
||||||
|
|
||||||
font-size: 12px;
|
|
||||||
color: var(--link);
|
|
||||||
}
|
|
||||||
.input__field:not(:placeholder-shown):invalid{
|
|
||||||
border: 1px solid #ef120a;
|
|
||||||
}
|
|
||||||
.input__error{
|
|
||||||
margin-top: 16px;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 12px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--text-white);
|
|
||||||
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.form.checked .input__error{
|
|
||||||
display: block;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.form__item{
|
.form-textarea:hover,
|
||||||
margin-top: 16px;
|
.form-textarea:focus {
|
||||||
|
border-color: var(--main_black);
|
||||||
}
|
}
|
||||||
.form__item:first-child{
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.form__item--two{
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
.form__item--two .input__block{
|
|
||||||
width: calc(50% - 8px);
|
|
||||||
}
|
|
||||||
.form__additional{
|
|
||||||
margin-top: 32px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.form__additional input[type="file"]{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.form-additional__text{
|
|
||||||
margin-left: 16px;
|
|
||||||
}
|
|
||||||
.form input[type=submit]{
|
|
||||||
margin-top: 32px;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
.form__link{
|
|
||||||
margin-left: 6px;
|
|
||||||
|
|
||||||
font-size: 16px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
text-decoration: underline;
|
|
||||||
text-decoration-skip-ink: none;
|
|
||||||
color: var(--link);
|
|
||||||
}
|
|
||||||
.form__file{
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.form__mini-btn{
|
|
||||||
background-color: var(--background-grey-hover);
|
|
||||||
border: none;
|
|
||||||
|
|
||||||
transition: all .3s;
|
|
||||||
}
|
|
||||||
.form__mini-btn:hover{
|
|
||||||
opacity: .8;
|
|
||||||
}
|
|
||||||
.form__checkbox{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.form__checkbox:checked + .form-checkbox__square{
|
|
||||||
border-color: var(--blood);
|
|
||||||
|
|
||||||
background-image: url(/assets/img/icon/red-arrow.svg);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center;
|
|
||||||
}
|
|
||||||
.form.checked .form__checkbox:invalid + .form-checkbox__square{
|
|
||||||
border-color: var(--blood);
|
|
||||||
}
|
|
||||||
.form__checkbox-block{
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.form-checkbox__square{
|
|
||||||
width: 18px;
|
|
||||||
aspect-ratio: 1;
|
|
||||||
|
|
||||||
border-radius: 4px;
|
|
||||||
border: 1.50px solid var(--text-white);
|
|
||||||
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
/* components */
|
|
||||||
|
|
||||||
/* header */
|
|
||||||
.header__logo{
|
|
||||||
width: 74px;
|
|
||||||
height: 64px;
|
|
||||||
|
|
||||||
background-image: url(/assets/img/main/logo.svg);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
}
|
|
||||||
/* header */
|
|
||||||
|
|
||||||
/* footer */
|
|
||||||
.footer__logo{
|
|
||||||
width: 74px;
|
|
||||||
height: 64px;
|
|
||||||
}
|
|
||||||
.footer__menu{
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.footer-menu__list{
|
|
||||||
list-style-type: none;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.footer-menu__list a{
|
|
||||||
color: var(--text-white);
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.footer__text{
|
|
||||||
margin-top: 24px;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.footer__text:first-child{
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.footer__text--no-line{
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.footer__media{
|
|
||||||
margin-top: 24px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.footer__review{
|
|
||||||
width: 309px;
|
|
||||||
height: 146px;
|
|
||||||
}
|
|
||||||
.footer__about{
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 16px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--link);
|
|
||||||
}
|
|
||||||
/* footer */
|
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -1,81 +1,133 @@
|
|||||||
/* Стили для мобильных устройств */
|
/* Стили для мобильных устройств */
|
||||||
@media only screen and (max-width: 576px) {
|
@media only screen and (max-width: 576px) {
|
||||||
|
.anons-best__title {
|
||||||
|
font-size: 26px;
|
||||||
|
line-height: 32px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
/* component */
|
.anons-best__card {
|
||||||
.link{
|
padding-top: 205px;
|
||||||
font-size: 14px;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
|
.anons-best__card .main-img {
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
/* footer */
|
.anons-best__card-body {
|
||||||
.footer{
|
padding: 20px 17px;
|
||||||
padding: 40px 16px;
|
}
|
||||||
}
|
|
||||||
.footer__wrapper{
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
display: block;
|
.anons-best__card-body__title {
|
||||||
}
|
font-size: 20px;
|
||||||
.footer__item{
|
line-height: 24px;
|
||||||
margin-top: 40px;
|
margin-bottom: 16px;
|
||||||
}
|
}
|
||||||
.footer__item:nth-child(2){
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.footer__contact .footer__item:nth-child(2),
|
|
||||||
.footer__contact .footer__item:nth-child(3){
|
|
||||||
margin-top: 40px;
|
|
||||||
}
|
|
||||||
.footer__contact{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.footer__contact .footer__item{
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.footer-menu__item{
|
|
||||||
margin-left: 53px;
|
|
||||||
}
|
|
||||||
.footer-menu__item:first-child{
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.footer-menu__list{
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
.footer-menu__list li{
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
.footer-menu__list li:first-child{
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.footer__text{
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
font-size: 18px;
|
.anons-best__card.light .main-img {
|
||||||
}
|
height: 197px;
|
||||||
.footer__about{
|
}
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.footer-about__link{
|
|
||||||
margin-top: 24px;
|
|
||||||
}
|
|
||||||
/* footer */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* services */
|
.anons-best__card.light .anons-best__card-body__title {
|
||||||
@media only screen and (max-width: 576px) {
|
font-size: 20px;
|
||||||
.services__content .title-4{
|
line-height: 24px;
|
||||||
margin-bottom: 0;
|
}
|
||||||
}
|
|
||||||
.services__item .text-2{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* services */
|
|
||||||
|
|
||||||
/* call */
|
.editorial-card {
|
||||||
.call .title-3{
|
flex-direction: column;
|
||||||
font-size: 20px;
|
border-radius: 30px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editorial-card .main-img {
|
||||||
|
width: 100%;
|
||||||
|
height: 203px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editorial-card__content {
|
||||||
|
padding: 17px 13px 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editorial-card__content-alerts {
|
||||||
|
position: absolute;
|
||||||
|
top: 13px;
|
||||||
|
left: 8px;
|
||||||
|
width: calc(100% - 16px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.editorial-card__content-title {
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 24px;
|
||||||
|
margin-bottom: 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editorial-card__content-data {
|
||||||
|
gap: 5px 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
padding: 24px 0 58px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-top {
|
||||||
|
align-items: flex-start;
|
||||||
|
text-align: left;
|
||||||
|
gap: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content__wrap {
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content {
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content .logo {
|
||||||
|
font-size: 20px;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content__address {
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 24px;
|
||||||
|
margin-bottom: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content ul {
|
||||||
|
gap: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content ul p {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content ul a {
|
||||||
|
font-size: 24px;
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-top__link .link-white {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-contact {
|
||||||
|
width: 100%;
|
||||||
|
padding: 16px;
|
||||||
|
border-radius: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-contact__title {
|
||||||
|
color: var(--main_white);
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-bottom {
|
||||||
|
margin-top: 0;
|
||||||
|
padding-top: 24px;
|
||||||
|
border: 0;
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 17px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
/* call */
|
|
||||||
78
assets/css/gp-style-normalize.css
Normal file
78
assets/css/gp-style-normalize.css
Normal file
@@ -0,0 +1,78 @@
|
|||||||
|
* {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
-webkit-tap-highlight-color: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
display: inline-block;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
span,
|
||||||
|
label {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
}
|
||||||
|
|
||||||
|
input,
|
||||||
|
textarea {
|
||||||
|
outline: none;
|
||||||
|
border: 0;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
button,
|
||||||
|
select {
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
background: transparent;
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
address {
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapper {
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
min-height: 100svh;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul,
|
||||||
|
ol,
|
||||||
|
dl {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
p,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=number]::-webkit-inner-spin-button,
|
||||||
|
input[type=number]::-webkit-outer-spin-button {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
44
assets/css/gp-style-xl.css
Normal file
44
assets/css/gp-style-xl.css
Normal file
@@ -0,0 +1,44 @@
|
|||||||
|
@media (max-width: 1200px) {
|
||||||
|
.header-navs {
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-navs__link {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-right {
|
||||||
|
gap: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.anons-article__card-wrap {
|
||||||
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
.editorial-card__wrap {
|
||||||
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-top {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content__wrap {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
gap: 48px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-bottom {
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
assets/fonts/Abel/Abel-Regular.ttf
Normal file
BIN
assets/fonts/Abel/Abel-Regular.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Bold.ttf
Normal file
BIN
assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Bold.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Medium.ttf
Normal file
BIN
assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Medium.ttf
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
assets/img/anons-article-card-1.png
Normal file
BIN
assets/img/anons-article-card-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 551 KiB |
BIN
assets/img/anons-article-card-2.png
Normal file
BIN
assets/img/anons-article-card-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 573 KiB |
BIN
assets/img/anons-article-card-3.png
Normal file
BIN
assets/img/anons-article-card-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 492 KiB |
BIN
assets/img/anons-article-card-4.png
Normal file
BIN
assets/img/anons-article-card-4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 603 KiB |
BIN
assets/img/anons-article-card-5.png
Normal file
BIN
assets/img/anons-article-card-5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 391 KiB |
BIN
assets/img/anons-article-card-6.png
Normal file
BIN
assets/img/anons-article-card-6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 473 KiB |
BIN
assets/img/anons-best-card-1.png
Normal file
BIN
assets/img/anons-best-card-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 618 KiB |
BIN
assets/img/anons-best-card-2.png
Normal file
BIN
assets/img/anons-best-card-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 684 KiB |
BIN
assets/img/anons-best-card-3.png
Normal file
BIN
assets/img/anons-best-card-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 888 KiB |
3
assets/img/arrow-down.svg
Normal file
3
assets/img/arrow-down.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M2.5 5.5L7.5 10.5L12.5 5.5" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 225 B |
BIN
assets/img/articke-block-card-3.png
Normal file
BIN
assets/img/articke-block-card-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 702 KiB |
BIN
assets/img/article-block-card-1.png
Normal file
BIN
assets/img/article-block-card-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
BIN
assets/img/article-block-card-2.png
Normal file
BIN
assets/img/article-block-card-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 762 KiB |
BIN
assets/img/article-block-card-3.png
Normal file
BIN
assets/img/article-block-card-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 702 KiB |
BIN
assets/img/article-home-card.png
Normal file
BIN
assets/img/article-home-card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 MiB |
BIN
assets/img/author-card-mb.png
Normal file
BIN
assets/img/author-card-mb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 145 KiB |
BIN
assets/img/author-card.png
Normal file
BIN
assets/img/author-card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
11
assets/img/bars.svg
Normal file
11
assets/img/bars.svg
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_12806_2018)">
|
||||||
|
<path d="M4 8H20" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M4 16H20" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_12806_2018">
|
||||||
|
<rect width="24" height="24" fill="white"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 458 B |
3
assets/img/basket-icon.svg
Normal file
3
assets/img/basket-icon.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.9995 11.5385C19.3616 11.5385 18.7499 11.7816 18.2988 12.2144C17.8478 12.6471 17.5944 13.2341 17.5944 13.8462V15.1282H22.4045V13.8462C22.4045 13.2341 22.1511 12.6471 21.7001 12.2144C21.2491 11.7816 20.6373 11.5385 19.9995 11.5385ZM24.0079 15.1282V13.8462C24.0079 12.8261 23.5856 11.8478 22.8339 11.1265C22.0821 10.4052 21.0626 10 19.9995 10C18.9364 10 17.9168 10.4052 17.1651 11.1265C16.4133 11.8478 15.991 12.8261 15.991 13.8462V15.1282H13.9399M15.991 16.6667H13.9398C13.7471 16.6666 13.5566 16.7066 13.3816 16.7838C13.2065 16.861 13.051 16.9736 12.9255 17.1138C12.8 17.2541 12.7077 17.4188 12.6548 17.5965C12.6019 17.7742 12.5896 17.9608 12.6189 18.1435C12.6189 18.1434 12.6189 18.1435 12.6189 18.1435L13.9604 26.5045C14.0477 27.0493 14.3354 27.5463 14.7714 27.9052C15.2074 28.2642 15.7629 28.4615 16.3373 28.4615C16.3373 28.4615 16.3374 28.4615 16.3373 28.4615H23.6616C24.2362 28.4617 24.7921 28.2644 25.2283 27.9055C25.6645 27.5465 25.9523 27.0496 26.0396 26.5046L27.3811 18.1436C27.3811 18.1436 27.3811 18.1435 27.3811 18.1436C27.4104 17.9609 27.3981 17.7742 27.3452 17.5965C27.2923 17.4188 27.1999 17.2541 27.0745 17.1138C26.949 16.9736 26.7935 16.861 26.6184 16.7838C26.4433 16.7066 26.253 16.6666 26.0603 16.6667H24.0079V18.9744C24.0079 19.3992 23.649 19.7436 23.2062 19.7436C22.7635 19.7436 22.4045 19.3992 22.4045 18.9744V16.6667H17.5944V18.9744C17.5944 19.3992 17.2355 19.7436 16.7927 19.7436C16.3499 19.7436 15.991 19.3992 15.991 18.9744V16.6667ZM24.0079 15.1282H26.0601C26.0601 15.1282 26.0602 15.1282 26.0601 15.1282C26.4839 15.1282 26.9028 15.2161 27.2879 15.3859C27.673 15.5557 28.0153 15.8034 28.2913 16.112C28.5673 16.4206 28.7705 16.7829 28.8869 17.1739C29.0033 17.5649 29.0303 17.9755 28.9658 18.3774L27.6244 26.7385C27.6243 26.7385 27.6244 26.7384 27.6244 26.7385C27.4788 27.6467 26.9991 28.475 26.2722 29.0732C25.5453 29.6715 24.6192 30.0002 23.6616 30C23.6615 30 23.6616 30 23.6616 30H16.3373C15.3799 30 14.454 29.6711 13.7273 29.0728C13.0007 28.4746 12.5212 27.6466 12.3757 26.7386C12.3756 26.7385 12.3757 26.7386 12.3757 26.7386L11.0342 18.3776C10.9697 17.9756 10.9966 17.5649 11.1131 17.1739C11.2295 16.7829 11.4327 16.4206 11.7087 16.112C11.9847 15.8034 12.327 15.5557 12.7121 15.3859C13.0972 15.2161 13.5161 15.1282 13.9399 15.1282" fill="#333333"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.4 KiB |
9
assets/img/block-accent-icon-1.svg
Normal file
9
assets/img/block-accent-icon-1.svg
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 4.5 KiB |
19
assets/img/block-accent-icon-2.svg
Normal file
19
assets/img/block-accent-icon-2.svg
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 2.2 KiB |
14
assets/img/block-accent-icon-3.svg
Normal file
14
assets/img/block-accent-icon-3.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 3.4 MiB |
9
assets/img/block-list-icon-1.svg
Normal file
9
assets/img/block-list-icon-1.svg
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 2.3 KiB |
9
assets/img/block-list-icon-2.svg
Normal file
9
assets/img/block-list-icon-2.svg
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 3.9 KiB |
9
assets/img/block-list-icon-3.svg
Normal file
9
assets/img/block-list-icon-3.svg
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 4.4 KiB |
14
assets/img/block-list-icon-4.svg
Normal file
14
assets/img/block-list-icon-4.svg
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 2.8 KiB |
BIN
assets/img/discount-bg-sm.png
Normal file
BIN
assets/img/discount-bg-sm.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 138 KiB |
BIN
assets/img/discount-bg.png
Normal file
BIN
assets/img/discount-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 142 KiB |
BIN
assets/img/editorial-card.png
Normal file
BIN
assets/img/editorial-card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 310 KiB |
BIN
assets/img/editorial-head-icon.png
Normal file
BIN
assets/img/editorial-head-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
BIN
assets/img/editorial-head-star.png
Normal file
BIN
assets/img/editorial-head-star.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
3
assets/img/footer-network-1.svg
Normal file
3
assets/img/footer-network-1.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25023 2.99272C0 5.24325 0 8.86108 0 16.101V17.3791C0 24.619 0 28.2411 2.25023 30.4917C4.50046 32.7422 8.11782 32.7422 15.361 32.7422H16.639C23.8779 32.7422 27.4995 32.7422 29.7498 30.4917C32 28.2411 32 24.6233 32 17.3791V16.101C32 8.86108 32 5.239 29.7498 2.98847C27.4995 0.742188 23.8779 0.742188 16.639 0.742188H15.361C8.11782 0.742188 4.50046 0.742188 2.25023 2.99272ZM5.40056 10.4789C5.57463 18.7974 9.73544 23.7995 17.0253 23.7995H17.4372V19.0394C20.1162 19.3069 22.1414 21.2645 22.9566 23.7995H26.7438C25.7036 20.0118 22.9694 17.9184 21.2626 17.1201C22.9694 16.135 25.3682 13.7316 25.9414 10.4789H22.5023C21.7551 13.1201 19.5431 15.5193 17.4372 15.7443V10.4789H13.9981V19.7061C11.8668 19.1711 9.17076 16.5851 9.05188 10.4789H5.40056Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 911 B |
3
assets/img/footer-network-2.svg
Normal file
3
assets/img/footer-network-2.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M16 0.742188C7.16387 0.742188 0 7.90606 0 16.7422C0 25.5783 7.16387 32.7422 16 32.7422C24.8361 32.7422 32 25.5783 32 16.7422C32 7.90606 24.8361 0.742188 16 0.742188ZM23.8555 11.7048L21.2335 24.0815C21.0374 24.959 20.5213 25.1757 19.7884 24.7628L15.7832 21.8106L13.8529 23.6686C13.6361 23.8854 13.4606 24.0609 13.0477 24.0609L13.3265 19.9938L20.7381 13.2944C21.0581 13.0157 20.6658 12.8506 20.2426 13.1293L11.0761 18.8996L7.1329 17.6712C6.27613 17.4028 6.25548 16.8144 7.31871 16.4015L22.751 10.4454C23.4632 10.1873 24.0929 10.6209 23.8555 11.7048Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 676 B |
6
assets/img/footer-network-3.svg
Normal file
6
assets/img/footer-network-3.svg
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M15.568 0.742188C15.3825 3.24847 15.3939 5.78891 14.9687 8.25368C14.1605 12.9294 11.5304 15.3105 6.79636 15.8649C4.54453 16.1288 2.2659 16.1683 0 16.3095C0 15.8187 0.160702 14.5311 0.188825 14.3684C1.18518 8.62865 4.32691 4.50931 9.62271 2.11485C11.0322 1.47874 15.0772 0.742188 15.568 0.742188Z" fill="white"/>
|
||||||
|
<path d="M0 17.1484C1.98668 17.287 3.98207 17.3527 5.9567 17.5897C7.26575 17.7464 8.59221 18.0209 9.82962 18.4669C12.4651 19.417 14.1652 21.387 14.6935 24.0901C15.2399 26.887 15.4375 29.7528 15.8051 32.7325C13.2814 32.8082 11.2063 32.2571 9.25913 31.3016C4.19768 28.8188 1.14634 24.7905 0.190834 19.2074C0.156685 19.0072 0 17.6399 0 17.1484Z" fill="white"/>
|
||||||
|
<path d="M19.7047 1.16135C26.3892 2.64115 31.7125 8.86167 32.0111 15.5469C32.0205 15.7538 32.0124 15.9614 32.0124 16.3069C28.4489 16.181 24.8913 16.3457 21.5842 14.8097C18.8215 13.526 17.5138 11.1249 17.0839 8.25502C16.7739 6.18397 16.7257 4.07408 16.5542 1.9816C16.5201 1.56713 16.4585 1.15533 16.4089 0.742189C16.8997 0.741519 19.096 1.0261 19.7047 1.16135Z" fill="white"/>
|
||||||
|
<path d="M16.3945 32.6792C16.6202 30.1595 16.7032 27.7075 17.0862 25.303C17.7719 20.9968 20.1751 18.5528 24.4544 17.843C26.8897 17.4393 29.3799 17.3643 31.844 17.1406C32.5009 24.1633 25.5157 32.8807 16.3945 32.6792Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.4 KiB |
3
assets/img/header-red.svg
Normal file
3
assets/img/header-red.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="24" height="21" viewBox="0 0 24 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M17.7934 0.742188C14.0742 0.742188 12.4292 3.534 12.0716 4.92991C11.8093 3.534 10.2263 0.742188 5.99218 0.742188C0.699506 0.742188 -1.66074 7.7458 2.98823 13.7386C6.7074 18.5328 10.5935 20.4052 12.0716 20.7422C13.7166 20.4293 17.8935 18.4895 21.4411 13.2332C25.8755 6.66277 22.4424 0.742188 17.7934 0.742188Z" fill="#FE8D8D"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 439 B |
3
assets/img/heart-grey.svg
Normal file
3
assets/img/heart-grey.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M14.2859 0C11.2135 0 9.85457 2.23345 9.55915 3.35018C9.34251 2.23345 8.03478 0 4.53702 0C0.164809 0 -1.78496 5.60289 2.05549 10.3971C5.12786 14.2325 8.33808 15.7304 9.55915 16C10.9181 15.7497 14.3686 14.1978 17.2991 9.99278C20.9623 4.73646 18.1263 0 14.2859 0Z" fill="#999999"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 391 B |
3
assets/img/heart-white.svg
Normal file
3
assets/img/heart-white.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M14.2859 0C11.2135 0 9.85457 2.23345 9.55915 3.35018C9.34251 2.23345 8.03478 0 4.53702 0C0.164809 0 -1.78496 5.60289 2.05549 10.3971C5.12786 14.2325 8.33808 15.7304 9.55915 16C10.9181 15.7497 14.3686 14.1978 17.2991 9.99278C20.9623 4.73646 18.1263 0 14.2859 0Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 389 B |
3
assets/img/heart.svg
Normal file
3
assets/img/heart.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M14.2859 0C11.2135 0 9.85457 2.23345 9.55915 3.35018C9.34251 2.23345 8.03478 0 4.53702 0C0.164809 0 -1.78496 5.60289 2.05549 10.3971C5.12786 14.2325 8.33808 15.7304 9.55915 16C10.9181 15.7497 14.3686 14.1978 17.2991 9.99278C20.9623 4.73646 18.1263 0 14.2859 0Z" fill="#666666"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 391 B |
BIN
assets/img/home-card-2.png
Normal file
BIN
assets/img/home-card-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 263 KiB |
BIN
assets/img/home-card-3.png
Normal file
BIN
assets/img/home-card-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 246 KiB |
BIN
assets/img/home-card.png
Normal file
BIN
assets/img/home-card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 668 KiB |
3
assets/img/icon-1.svg
Normal file
3
assets/img/icon-1.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 1.3 KiB |
3
assets/img/icon-2.svg
Normal file
3
assets/img/icon-2.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 1.4 KiB |
5
assets/img/icon-3.svg
Normal file
5
assets/img/icon-3.svg
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 1.3 KiB |
5
assets/img/icon-4.svg
Normal file
5
assets/img/icon-4.svg
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 1021 B |
18
assets/img/icon-5.svg
Normal file
18
assets/img/icon-5.svg
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 2.1 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="M12 6L8 10L4 6" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 187 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M6 4.5L10 8.5L6 12.5" stroke="white" stroke-width="1.55" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 194 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M7 25L16 16M16 16L25 7M16 16L25 25M16 16L7 7" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 217 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M11.7303 20.2701C20.574 29.1138 23.1655 26.9975 24.3228 26.1706C24.51 26.0644 28.7936 23.3042 26.1295 20.6407C19.9506 14.4612 21.2043 22.4932 15.3545 16.6446C9.50604 10.7947 17.5388 12.0494 11.3598 5.87056C8.69544 3.20623 5.9349 7.49023 5.8299 7.67609C5.00198 8.83351 2.88653 11.4265 11.7303 20.2701Z" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 473 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M25.3334 9.3335L6.66675 9.33352M25.3334 16.0002H6.66675M25.3334 22.6668H6.66675" stroke="white" stroke-width="1.55" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 253 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M13.9998 8.11765L8.05874 14.0587C7.26274 14.8547 7.26274 16.1453 8.05874 16.9413C8.85476 17.7373 10.1454 17.7373 10.9414 16.9413L18.3078 9.57484C19.7947 8.08801 19.7945 5.67732 18.3073 4.19077C16.8206 2.70461 14.4107 2.70483 12.9242 4.19127L5.55775 11.5577C3.38049 13.735 3.38049 17.265 5.55775 19.4423C7.73502 21.6196 11.2651 21.6196 13.4424 19.4423L18.8846 14" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 534 B |
@@ -1,4 +0,0 @@
|
|||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M19 10.2647C19 13.1109 15.4774 17.8245 13.43 20.3238C12.6809 21.2382 11.3191 21.2382 10.57 20.3238C8.52261 17.8245 5 13.1109 5 10.2647C5 6.25252 8.13401 3 12 3C15.866 3 19 6.25252 19 10.2647Z" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
<path d="M14.6004 10.0001C14.6004 11.436 13.4363 12.6001 12.0004 12.6001C10.5645 12.6001 9.40039 11.436 9.40039 10.0001C9.40039 8.56408 10.5645 7.40002 12.0004 7.40002C13.4363 7.40002 14.6004 8.56408 14.6004 10.0001Z" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 641 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M1 3.5L3.75 6.25L9.25 0.749999" stroke="#AE0B05" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 227 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M21.2551 20.6112L26.6671 25.9998M23.9999 13.9998C23.9999 8.84518 19.8213 4.6665 14.6666 4.6665C9.51193 4.6665 5.33325 8.84518 5.33325 13.9998C5.33325 19.1545 9.51193 23.3332 14.6666 23.3332C19.8213 23.3332 23.9999 19.1545 23.9999 13.9998Z" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 411 B |
@@ -1,7 +0,0 @@
|
|||||||
<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M55 7.33325V43.9999C55 48.0333 51.7 51.3333 47.6667 51.3333H7.33337V21.9999C7.33337 13.8966 13.8967 7.33325 22 7.33325H55Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M80.6667 51.3333V62.3333C80.6667 68.4199 75.7534 73.3333 69.6667 73.3333H66C66 69.2999 62.7 65.9999 58.6667 65.9999C54.6334 65.9999 51.3334 69.2999 51.3334 73.3333H36.6667C36.6667 69.2999 33.3667 65.9999 29.3334 65.9999C25.3 65.9999 22 69.2999 22 73.3333H18.3334C12.2467 73.3333 7.33337 68.4199 7.33337 62.3333V51.3333H47.6667C51.7 51.3333 55 48.0333 55 43.9999V18.3333H61.7467C64.3867 18.3333 66.8067 19.7633 68.1267 22.0366L74.3967 32.9999H69.6667C67.65 32.9999 66 34.6499 66 36.6666V47.6666C66 49.6833 67.65 51.3333 69.6667 51.3333H80.6667Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M29.3333 80.6667C33.3834 80.6667 36.6667 77.3834 36.6667 73.3333C36.6667 69.2832 33.3834 66 29.3333 66C25.2832 66 22 69.2832 22 73.3333C22 77.3834 25.2832 80.6667 29.3333 80.6667Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M58.6667 80.6667C62.7168 80.6667 66 77.3834 66 73.3333C66 69.2832 62.7168 66 58.6667 66C54.6166 66 51.3334 69.2832 51.3334 73.3333C51.3334 77.3834 54.6166 80.6667 58.6667 80.6667Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M80.6667 44V51.3333H69.6667C67.65 51.3333 66 49.6833 66 47.6667V36.6667C66 34.65 67.65 33 69.6667 33H74.3967L80.6667 44Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.7 KiB |
@@ -1,4 +0,0 @@
|
|||||||
<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M44 55C50.0751 55 55 50.0751 55 44C55 37.9249 50.0751 33 44 33C37.9249 33 33 37.9249 33 44C33 50.0751 37.9249 55 44 55Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M7.33337 47.2266V40.7733C7.33337 36.9599 10.45 33.8066 14.3 33.8066C20.9367 33.8066 23.65 29.1133 20.3134 23.3566C18.4067 20.0566 19.5434 15.7666 22.88 13.8599L29.2234 10.2299C32.12 8.5066 35.86 9.53326 37.5834 12.4299L37.9867 13.1266C41.2867 18.8833 46.7134 18.8833 50.05 13.1266L50.4534 12.4299C52.1767 9.53326 55.9167 8.5066 58.8134 10.2299L65.1567 13.8599C68.4934 15.7666 69.63 20.0566 67.7234 23.3566C64.3867 29.1133 67.1 33.8066 73.7367 33.8066C77.55 33.8066 80.7034 36.9233 80.7034 40.7733V47.2266C80.7034 51.0399 77.5867 54.1933 73.7367 54.1933C67.1 54.1933 64.3867 58.8866 67.7234 64.6433C69.63 67.9799 68.4934 72.2333 65.1567 74.1399L58.8134 77.7699C55.9167 79.4933 52.1767 78.4666 50.4534 75.5699L50.05 74.8733C46.75 69.1166 41.3234 69.1166 37.9867 74.8733L37.5834 75.5699C35.86 78.4666 32.12 79.4933 29.2234 77.7699L22.88 74.1399C19.5434 72.2333 18.4067 67.9433 20.3134 64.6433C23.65 58.8866 20.9367 54.1933 14.3 54.1933C10.45 54.1933 7.33337 51.0399 7.33337 47.2266Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -1,5 +0,0 @@
|
|||||||
<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M39.4146 60.6667H35.2439L31.0732 57.1944M21.3415 30.1111H27.5746C28.5726 30.1111 29.2456 31.1306 28.8524 32.0471L25.5122 39.8333M58.878 27.3333L50.5366 49.5556M70 19L63.4656 26.8336C63.2015 27.1502 62.8102 27.3333 62.3976 27.3333H50.5366M27.6542 69H58.8942C62.7243 69 65.8293 65.8981 65.8293 62.0717C65.8293 59.4994 64.4027 57.1388 62.1242 55.9407L34.4793 41.405C24.7209 36.274 13 43.3434 13 54.3601C13 62.4455 19.5609 69 27.6542 69ZM31.0732 53.7222C31.0732 56.0234 29.2059 57.8889 26.9024 57.8889C24.599 57.8889 22.7317 56.0234 22.7317 53.7222C22.7317 51.421 24.599 49.5556 26.9024 49.5556C29.2059 49.5556 31.0732 51.421 31.0732 53.7222Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M84.3332 58.5566C84.3332 72.7466 72.8565 84.2233 58.6665 84.2233L62.5165 77.8066" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M3.66663 29.2233C3.66663 15.0333 15.1433 3.55664 29.3333 3.55664L25.4833 9.97331" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.2 KiB |
@@ -1,8 +0,0 @@
|
|||||||
<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M66 26.2533C65.78 26.2166 65.5233 26.2166 65.3033 26.2533C60.2433 26.0699 56.21 21.9266 56.21 16.7933C56.21 11.5499 60.4266 7.33325 65.67 7.33325C70.9133 7.33325 75.1299 11.5866 75.1299 16.7933C75.0933 21.9266 71.06 26.0699 66 26.2533Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M62.2233 52.9467C67.2466 53.79 72.7833 52.91 76.67 50.3067C81.84 46.86 81.84 41.2134 76.67 37.7667C72.7466 35.1634 67.1366 34.2833 62.1133 35.1633" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M21.89 26.2533C22.11 26.2166 22.3667 26.2166 22.5867 26.2533C27.6467 26.0699 31.68 21.9266 31.68 16.7933C31.68 11.5499 27.4633 7.33325 22.22 7.33325C16.9767 7.33325 12.76 11.5866 12.76 16.7933C12.7967 21.9266 16.83 26.0699 21.89 26.2533Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M25.6667 52.9467C20.6434 53.79 15.1067 52.91 11.22 50.3067C6.05003 46.86 6.05003 41.2134 11.22 37.7667C15.1434 35.1634 20.7534 34.2833 25.7767 35.1633" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M44 53.6434C43.78 53.6067 43.5233 53.6067 43.3033 53.6434C38.2433 53.4601 34.21 49.3167 34.21 44.1834C34.21 38.9401 38.4266 34.7234 43.67 34.7234C48.9133 34.7234 53.13 38.9767 53.13 44.1834C53.0933 49.3167 49.06 53.4967 44 53.6434Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M33.33 65.1933C28.16 68.64 28.16 74.2866 33.33 77.7333C39.1967 81.6566 48.8033 81.6566 54.67 77.7333C59.84 74.2866 59.84 68.64 54.67 65.1933C48.84 61.3067 39.1967 61.3067 33.33 65.1933Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.8 KiB |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M69.3333 77C75.4085 77 80.3333 72.0751 80.3333 66C80.3333 59.9249 75.4085 55 69.3333 55M69.3333 77C63.2582 77 58.3333 72.0751 58.3333 66C58.3333 59.9249 63.2582 55 69.3333 55M69.3333 77H14.7632C10.4757 77 7 73.5243 7 69.2368C7 65.3002 9.9465 61.9867 13.8562 61.5267L69.3333 55M69.3333 55L58.3333 22M69.3333 11L49.6911 28.8566C49.3537 29.1633 48.914 29.3333 48.4579 29.3333H34.5M71.1667 66C71.1667 64.9875 70.3459 64.1667 69.3333 64.1667C68.3208 64.1667 67.5 64.9875 67.5 66M71.1667 66C71.1667 67.0125 70.3459 67.8333 69.3333 67.8333C68.3208 67.8333 67.5 67.0125 67.5 66M71.1667 66H67.5" stroke="#F2F2F2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 784 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M22.5 4L10.5 16L22.5 28" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 196 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M10.5 4L22.5 16L10.5 28" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 196 B |
@@ -1,4 +0,0 @@
|
|||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M10.3273 10.3274L7.00001 7M7.00001 7H9.21823M7.00001 7L7 9.21825M13.6726 13.6726L17 17M17 17H14.7817M17 17V14.7818M10.3273 13.6726L7.00001 17M7.00001 17H9.21823M7.00001 17L7 14.7818M13.6726 10.3274L17 7M17 7H14.7817M17 7V9.21825" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
<path d="M15.1 2.5H8.9C6.65979 2.5 5.53969 2.5 4.68404 2.93597C3.93139 3.31947 3.31947 3.93139 2.93597 4.68404C2.5 5.53969 2.5 6.65979 2.5 8.9V15.1C2.5 17.3402 2.5 18.4603 2.93597 19.316C3.31947 20.0686 3.93139 20.6805 4.68404 21.064C5.53969 21.5 6.65979 21.5 8.9 21.5H15.1C17.3402 21.5 18.4603 21.5 19.316 21.064C20.0686 20.6805 20.6805 20.0686 21.064 19.316C21.5 18.4603 21.5 17.3402 21.5 15.1V8.9C21.5 6.65979 21.5 5.53969 21.064 4.68404C20.6805 3.93139 20.0686 3.31947 19.316 2.93597C18.4603 2.5 17.3402 2.5 15.1 2.5Z" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 983 B |
18
assets/img/indent-icon-1.svg
Normal file
18
assets/img/indent-icon-1.svg
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
<svg width="54" height="49" viewBox="0 0 54 49" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M48.0815 7.92932C49.4355 6.5889 51.629 6.5889 52.983 7.92932C54.339 9.27186 54.339 11.4501 52.983 12.7927L29.1999 36.3385C27.8459 37.6789 25.6524 37.6789 24.2984 36.3385L10.8231 22.9976C9.46708 21.6551 9.46708 19.4768 10.8231 18.1343C12.1771 16.7939 14.3706 16.7939 15.7246 18.1343L26.7492 29.0489L48.0815 7.92932ZM51.8777 9.03434C51.1351 8.29909 49.9294 8.29909 49.1867 9.03434L26.7492 31.2481L14.6194 19.2393C13.8767 18.504 12.671 18.504 11.9284 19.2393C11.1878 19.9724 11.1878 21.1595 11.9284 21.8926L25.4037 35.2335C26.1463 35.9687 27.352 35.9687 28.0946 35.2335L51.8777 11.6877C52.6182 10.9545 52.6182 9.76747 51.8777 9.03434Z" fill="url(#paint0_radial_11666_41321)"/>
|
||||||
|
<path d="M1.56688 24.6641C1.56688 12.2738 11.7134 2.22296 24.238 2.22296C32.565 2.22296 39.8409 6.66576 43.7825 13.2851L44.9262 12.1528C40.6662 5.26123 32.9929 0.664062 24.238 0.664062C10.8554 0.664062 0 11.4056 0 24.6641C0 37.9225 10.8554 48.6641 24.238 48.6641C37.6206 48.6641 48.476 37.9225 48.476 24.6641C48.476 22.0965 48.0689 19.6234 47.3152 17.3043L46.0573 18.5496C46.6122 20.4936 46.9091 22.5446 46.9091 24.6641C46.9091 37.0543 36.7625 47.1052 24.238 47.1052C11.7134 47.1052 1.56688 37.0543 1.56688 24.6641Z" fill="url(#paint1_radial_11666_41321)"/>
|
||||||
|
<defs>
|
||||||
|
<radialGradient id="paint0_radial_11666_41321" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(54 0.664065) rotate(138.366) scale(72.2496 97.959)">
|
||||||
|
<stop stop-color="#188892"/>
|
||||||
|
<stop offset="0.45" stop-color="#1EA49C"/>
|
||||||
|
<stop offset="0.9" stop-color="#76CE75"/>
|
||||||
|
<stop offset="1" stop-color="#BBE38D"/>
|
||||||
|
</radialGradient>
|
||||||
|
<radialGradient id="paint1_radial_11666_41321" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(54 0.664065) rotate(138.366) scale(72.2496 97.959)">
|
||||||
|
<stop stop-color="#188892"/>
|
||||||
|
<stop offset="0.45" stop-color="#1EA49C"/>
|
||||||
|
<stop offset="0.9" stop-color="#76CE75"/>
|
||||||
|
<stop offset="1" stop-color="#BBE38D"/>
|
||||||
|
</radialGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.1 KiB |
11
assets/img/logo-green.svg
Normal file
11
assets/img/logo-green.svg
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
<svg width="55" height="44" viewBox="0 0 55 44" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M54.4456 6.968C52.8502 4.26022 48.1445 3.74111 41.1703 5.49485C37.7503 2.7802 33.5793 1.14675 29.203 0.808095C24.8266 0.469444 20.4485 1.44136 16.6411 3.59675C12.8338 5.75214 9.77451 8.99066 7.8633 12.8888C5.9521 16.787 5.27795 21.1633 5.92903 25.4455C0.860701 30.5173 -1.05 34.7988 0.552524 37.5159C1.53158 39.1785 3.63429 40.0203 6.71606 40.0203C8.68733 39.9852 10.649 39.7398 12.5667 39.2884C12.9792 39.1972 13.4011 39.0966 13.8278 38.9891C17.0317 41.5323 20.8992 43.1302 24.9842 43.5984C29.0692 44.0666 33.2052 43.386 36.9149 41.6351C40.6245 39.8842 43.7568 37.1345 45.9501 33.703C48.1434 30.2716 49.3085 26.2985 49.3109 22.242C49.3125 21.1675 49.2333 20.0943 49.0738 19.0314C52.1011 15.9916 54.1255 13.1201 54.7632 10.7374C55.1639 9.27359 55.0548 8.00622 54.4456 6.968ZM27.5014 2.6C32.1048 2.60551 36.5646 4.18168 40.1241 7.0611C43.6836 9.94053 46.1237 13.9459 47.0304 18.3977C43.1971 22.0666 37.8325 25.9926 31.7424 29.444C25.2683 33.1128 19.2233 35.5821 14.2925 36.9266C11.2741 34.2819 9.14206 30.7945 8.17904 26.9271C7.21602 23.0597 7.46753 18.995 8.90022 15.2718C10.3329 11.5486 12.8791 8.34292 16.2011 6.07984C19.5232 3.81675 23.4641 2.60317 27.5014 2.6ZM2.19534 36.5759C1.18784 34.8689 2.78799 31.5251 6.40315 27.6762C7.38336 31.3793 9.34736 34.7574 12.0926 37.4621C6.84408 38.6102 3.19573 38.2782 2.19534 36.5759ZM27.5014 41.8839C23.4308 41.8879 19.4578 40.655 16.1226 38.353C21.2383 36.8144 26.987 34.2914 32.6812 31.0668C38.4299 27.8072 43.4934 24.1781 47.3385 20.6753C47.3812 21.192 47.4097 21.7135 47.4097 22.242C47.4034 27.4486 45.3041 32.4403 41.572 36.1224C37.84 39.8045 32.7799 41.8765 27.5014 41.8839ZM52.9331 10.2533C52.4282 12.124 50.8992 14.3805 48.6068 16.8147C47.6205 13.1031 45.6464 9.71887 42.8889 7.01243C48.0687 5.88535 51.8 6.20336 52.8051 7.90801C53.1512 8.4996 53.1963 9.28762 52.9331 10.2533Z" fill="url(#paint0_radial_12821_4886)"/>
|
||||||
|
<defs>
|
||||||
|
<radialGradient id="paint0_radial_12821_4886" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(55 0.74219) rotate(141.981) scale(69.814 92.4982)">
|
||||||
|
<stop stop-color="#188892"/>
|
||||||
|
<stop offset="0.45" stop-color="#1EA49C"/>
|
||||||
|
<stop offset="0.9" stop-color="#76CE75"/>
|
||||||
|
<stop offset="1" stop-color="#BBE38D"/>
|
||||||
|
</radialGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.3 KiB |
3
assets/img/logo.svg
Normal file
3
assets/img/logo.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="51" height="40" viewBox="0 0 51 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M50.4859 5.79145C49.0065 3.27258 44.6431 2.78969 38.1761 4.42108C35.0048 1.89583 31.1372 0.376333 27.0791 0.0613091C23.021 -0.253715 18.9613 0.650395 15.4309 2.65541C11.9004 4.66042 9.06364 7.673 7.29143 11.2992C5.51922 14.9254 4.8941 18.9964 5.49783 22.9798C0.798105 27.6978 -0.973633 31.6805 0.51234 34.2081C1.42019 35.7547 3.36998 36.5377 6.22762 36.5377C8.05553 36.5052 9.87449 36.2769 11.6527 35.8569C12.0352 35.7721 12.4265 35.6785 12.8222 35.5785C15.793 37.9443 19.3793 39.4307 23.1672 39.8663C26.9551 40.3018 30.7903 39.6687 34.2301 38.0399C37.67 36.4112 40.5744 33.8533 42.6083 30.6613C44.6421 27.4693 45.7224 23.7733 45.7246 19.9998C45.7261 19.0003 45.6527 18.002 45.5048 17.0132C48.3119 14.1855 50.1891 11.5144 50.7805 9.29786C51.1519 7.93619 51.0508 6.75724 50.4859 5.79145ZM25.5013 1.7282C29.77 1.73333 33.9054 3.19952 37.206 5.87806C40.5066 8.5566 42.7692 12.2825 43.61 16.4238C40.0555 19.8366 35.081 23.4888 29.4339 26.6994C23.4306 30.1122 17.8253 32.4092 13.253 33.66C10.4542 31.1997 8.47718 27.9557 7.5842 24.3581C6.69122 20.7605 6.92444 16.9793 8.25293 13.5159C9.58142 10.0525 11.9424 7.07045 15.0229 4.96526C18.1033 2.86006 21.7576 1.73114 25.5013 1.7282ZM2.03568 33.3337C1.10145 31.7458 2.58523 28.6353 5.93746 25.0549C6.84638 28.4997 8.66755 31.6421 11.2131 34.1581C6.34633 35.2261 2.96332 34.9172 2.03568 33.3337ZM25.5013 38.2714C21.7268 38.275 18.0427 37.1282 14.95 34.9868C19.6937 33.5556 25.0243 31.2085 30.3044 28.2089C35.635 25.1767 40.3303 21.8008 43.8957 18.5424C43.9353 19.0231 43.9617 19.5082 43.9617 19.9998C43.9559 24.8432 42.0092 29.4866 38.5486 32.9118C35.088 36.3371 30.3959 38.2645 25.5013 38.2714ZM49.0835 8.84759C48.6152 10.5877 47.1974 12.6868 45.0718 14.9512C44.1572 11.4985 42.3267 8.3504 39.7697 5.83278C44.5728 4.78434 48.0327 5.08016 48.9648 6.66588C49.2857 7.2162 49.3274 7.94924 49.0835 8.84759Z" fill="#121212"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.9 KiB |
3
assets/img/long-arrow.svg
Normal file
3
assets/img/long-arrow.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="207" height="22" viewBox="0 0 207 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M197.037 1L206 11M206 11L197.037 21M206 11L1 11" stroke="#121212" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 246 B |
@@ -1,23 +0,0 @@
|
|||||||
<svg width="222" height="192" viewBox="0 0 222 192" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g clip-path="url(#clip0_2_549)">
|
|
||||||
<mask id="mask0_2_549" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="222" height="192">
|
|
||||||
<path d="M222 0H0V192H222V0Z" fill="white"/>
|
|
||||||
</mask>
|
|
||||||
<g mask="url(#mask0_2_549)">
|
|
||||||
<path d="M11.4147 156.631V164.699H26.4437V176.018H11.4147V191.049H0V145.312H11.4147H26.7449V156.631H11.4147Z" fill="white"/>
|
|
||||||
<path d="M43.2515 145.312H31.8369V191.019H43.2515V145.312Z" fill="white"/>
|
|
||||||
<path d="M78.0935 156.631H68.3352V191.049H57.0108V156.631H47.2525V145.312H68.3352H78.0935V156.631Z" fill="white"/>
|
|
||||||
<path d="M116.742 145.312V191.049H107.977L93.5208 167.398V191.049H82.106V145.312H90.9607L105.417 168.963V145.312H116.742Z" fill="white"/>
|
|
||||||
<path d="M151.221 180.067V191.049H127.308H123.814V145.312H135.229H150.89V156.293H135.229V162.766H149.294V173.134H135.229V180.067H151.221Z" fill="white"/>
|
|
||||||
<path d="M153.87 176.417H165.285C165.285 179.607 167.122 180.926 170.887 180.926C174.26 180.926 175.585 179.546 175.585 177.797C175.585 175.497 172.393 174.454 168.568 173.227C162.334 171.202 154.443 168.012 154.443 158.41C154.443 149.085 161.581 144.361 169.863 144.361C178.266 144.361 185.735 148.931 185.735 159.637H174.381C174.381 157.03 172.965 155.465 169.863 155.465C167.122 155.465 165.857 156.784 165.857 158.41C165.857 160.956 168.929 161.999 172.875 163.38C179.049 165.405 186.94 168.533 186.94 178.012C186.94 187.338 179.802 192.062 170.827 192.062C161.52 192 153.87 187.43 153.87 176.417Z" fill="white"/>
|
|
||||||
<path d="M188.899 176.417H200.314C200.314 179.607 202.151 180.926 205.916 180.926C209.289 180.926 210.615 179.546 210.615 177.797C210.615 175.497 207.422 174.454 203.597 173.227C197.363 171.202 189.472 168.012 189.472 158.41C189.472 149.085 196.61 144.361 204.892 144.361C213.295 144.361 220.764 148.931 220.764 159.637H209.44C209.44 157.03 208.024 155.465 204.922 155.465C202.181 155.465 200.916 156.784 200.916 158.41C200.916 160.956 203.989 161.999 207.934 163.38C214.108 165.405 221.999 168.533 221.999 178.012C221.999 187.338 214.861 192.062 205.886 192.062C196.549 192 188.899 187.43 188.899 176.417Z" fill="white"/>
|
|
||||||
<path d="M222 94.1133H151.674H79.2405H68.5184H60.2362H54.3328H44.5445H43.4603H36.6536H34.696V110.525L23.9739 94.1133H15.6915V128.624H25.4799V111.752L36.6838 128.624H43.4905H151.674H222V94.1133ZM0 94.1133H9.78836V128.624H0V94.1133Z" fill="#AE0B05"/>
|
|
||||||
<path d="M221.97 1.19636H200.646H173.57V6.62597H194.894V77.2111H200.646V6.62597H221.97V1.19636ZM145.109 78.3768C157.788 78.3768 168.661 70.6771 168.661 58.4069C168.661 44.6333 156.403 40.6147 145.199 36.1668C135.591 32.4857 126.978 29.2034 126.978 19.3258C126.978 11.1967 133.815 5.55233 143.603 5.55233C153.512 5.55233 160.77 11.5341 160.77 20.7369H166.432C166.432 7.82234 155.891 0 143.633 0C131.586 0 121.346 7.4849 121.346 19.3258C121.346 33.774 133.604 37.4551 144.808 41.8111C154.295 45.4003 162.939 48.8666 162.939 58.4069C162.939 66.996 155.469 72.8551 145.139 72.8551C133.001 72.8551 124.99 66.6586 124.99 56.1367H119.237C119.207 70.3397 130.622 78.3768 145.109 78.3768ZM74.1204 71.7506V41.5658H106.859V36.1361H74.1204V6.62597H109.509V1.19636H74.1204H68.4582V77.1804H70.8978H110.021V71.7506H74.1204ZM29.3049 71.7506H5.66218V41.5351H32.8888C43.9723 41.5351 48.7309 49.02 48.7309 56.6275C48.7309 67.3949 40.3582 71.7506 29.3049 71.7506ZM29.8772 6.62597C43.6409 6.62597 46.3517 15.798 46.2613 20.7675C46.1108 28.866 38.7619 36.1054 33.1599 36.1054H5.66218V6.62597H29.8772ZM42.0447 37.7314C44.0325 35.7679 51.7128 32.363 51.8934 20.7675C51.9837 14.0802 48.1586 1.19636 29.8772 1.19636H5.66218H0V77.1804H1.05413H30.0276C43.5507 77.1804 54.4533 70.7998 54.4533 56.6275C54.4835 47.4247 51.1103 41.2284 42.0447 37.7314Z" fill="white"/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<clipPath id="clip0_2_549">
|
|
||||||
<rect width="222" height="192" fill="white"/>
|
|
||||||
</clipPath>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 3.8 KiB |
4
assets/img/minus-icon.svg
Normal file
4
assets/img/minus-icon.svg
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 33C26.2843 33 33 26.2843 33 18C33 16.0529 32.6305 14.1994 31.9606 12.5005C31.7927 12.0745 31.6057 11.6579 31.4007 11.2518C31.1211 10.6979 30.808 10.1633 30.4639 9.65087C27.7663 5.63342 23.1901 3 18 3C9.71573 3 3 9.71573 3 18C3 26.2843 9.71573 33 18 33ZM18 36C27.9411 36 36 27.9411 36 18C36 15.6701 35.5573 13.4436 34.7515 11.4C34.5497 10.8881 34.325 10.3877 34.0789 9.9C33.7431 9.23477 33.3672 8.59322 32.9545 7.97852C29.7235 3.16663 24.2316 0 18 0C8.05888 0 0 8.05888 0 18C0 27.9411 8.05888 36 18 36Z" fill="#DD2127"/>
|
||||||
|
<path d="M28.4694 18.0918C28.4694 19.4613 27.3534 20.5714 25.9767 20.5714H10.0233C8.64664 20.5714 7.53061 19.4613 7.53061 18.0918C7.53061 16.7224 8.64664 15.6122 10.0233 15.6122H25.9767C27.3534 15.6122 28.4694 16.7224 28.4694 18.0918Z" fill="#DD2127"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 929 B |
11
assets/img/msg-green.svg
Normal file
11
assets/img/msg-green.svg
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
<svg width="23" height="21" viewBox="0 0 23 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.76298 4.44735C3.06952 5.67081 2.13126 7.27684 2.13126 8.95074C2.13126 10.9189 3.43754 12.8055 5.72596 14.0611C6.06925 14.2494 6.23788 14.6639 6.12924 15.0523C5.80108 16.2254 4.97453 17.5082 4.37705 18.4355C4.35717 18.4664 4.33755 18.4969 4.3182 18.5269C4.30813 18.5425 4.29815 18.5581 4.28825 18.5734C4.53639 18.4536 4.80635 18.3131 5.09199 18.1538C6.28443 17.4885 7.6774 16.5358 8.80068 15.5042C8.98115 15.3384 9.22254 15.2642 9.46036 15.3013C10.1165 15.4037 10.7989 15.4578 11.5 15.4578C14.1673 15.4578 16.5467 14.6753 18.237 13.4541C19.9305 12.2307 20.8687 10.6246 20.8687 8.95074C20.8687 7.27684 19.9305 5.67081 18.237 4.44735C16.5467 3.22618 14.1673 2.44368 11.5 2.44368C8.83266 2.44368 6.45327 3.22618 4.76298 4.44735ZM3.0195 19.0408C3.01951 19.0408 3.02033 19.0407 3.02191 19.0407C3.02027 19.0408 3.01948 19.0408 3.0195 19.0408ZM3.83415 3.04862C5.82987 1.60678 8.54267 0.742188 11.5 0.742188C14.4573 0.742188 17.1701 1.60678 19.1659 3.04862C21.1584 4.48816 22.5 6.56104 22.5 8.95074C22.5 11.3404 21.1584 13.4133 19.1659 14.8529C17.1701 16.2947 14.4573 17.1593 11.5 17.1593C10.8501 17.1593 10.2129 17.1176 9.59312 17.0374C8.41664 18.0694 7.04427 18.9942 5.86135 19.6541C5.22123 20.0112 4.61837 20.301 4.11684 20.4893C3.86744 20.583 3.62444 20.6586 3.40353 20.7017C3.21456 20.7385 2.91813 20.7785 2.63153 20.6825C2.42855 20.6146 2.21877 20.4705 2.08381 20.2244C1.95926 19.9972 1.94674 19.7703 1.95698 19.6181C1.97576 19.3391 2.08812 19.078 2.17184 18.9038C2.35249 18.5281 2.6576 18.0542 2.9561 17.5905L2.96393 17.5784C3.47206 16.7891 4.00731 15.953 4.33796 15.1946C2.0636 13.7424 0.5 11.537 0.5 8.95074C0.5 6.56104 1.84159 4.48816 3.83415 3.04862Z" fill="url(#paint0_radial_11432_38673)"/>
|
||||||
|
<defs>
|
||||||
|
<radialGradient id="paint0_radial_11432_38673" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(22.5 0.742189) rotate(137.726) scale(29.7321 40.4084)">
|
||||||
|
<stop stop-color="#188892"/>
|
||||||
|
<stop offset="0.45" stop-color="#1EA49C"/>
|
||||||
|
<stop offset="0.9" stop-color="#76CE75"/>
|
||||||
|
<stop offset="1" stop-color="#BBE38D"/>
|
||||||
|
</radialGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.2 KiB |
3
assets/img/msg-grey.svg
Normal file
3
assets/img/msg-grey.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M0 3C0 1.34315 1.34315 0 3 0H14C15.6569 0 17 1.34315 17 3V16L13.8125 12.3871H3C1.34315 12.3871 0 11.044 0 9.3871V3Z" fill="#999999"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 246 B |
3
assets/img/msg-white.svg
Normal file
3
assets/img/msg-white.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M0 3C0 1.34315 1.34315 0 3 0H14C15.6569 0 17 1.34315 17 3V16L13.8125 12.3871H3C1.34315 12.3871 0 11.044 0 9.3871V3Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 244 B |
3
assets/img/msg.svg
Normal file
3
assets/img/msg.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M0 3C0 1.34315 1.34315 0 3 0H14C15.6569 0 17 1.34315 17 3V16L13.8125 12.3871H3C1.34315 12.3871 0 11.044 0 9.3871V3Z" fill="#666666"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 246 B |
Binary file not shown.
|
Before Width: | Height: | Size: 156 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 189 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user