Compare commits
2 Commits
cosmopet--
...
942c9a0896
| Author | SHA1 | Date | |
|---|---|---|---|
|
942c9a0896 | ||
|
|
6f1ca3924c |
35
README.md
35
README.md
@@ -2,7 +2,35 @@
|
||||
|
||||
### **С точки зрения веб-разработки:**
|
||||
* верстаем на чистом HTML/CSS с использованием flex и grid (без подключение библиотек типа bootstrap и т.п.)
|
||||
* при именовании блоков используем методологию **БЭМ в стиле "Two Dashes"**:
|
||||
* соблюдаем Scope-ориентированный подход:
|
||||
- каждую секцию/экран именуем **уникальным** классом-родителем, от которого строим CSS-селектор для дочерних элементов, что ограничивает область ваших стилей только внутри секции/экрана, не влияя на другие части сайта.
|
||||
|
||||
- пример: <br>
|
||||
|
||||
HTML:
|
||||
```
|
||||
<section class="my-namespace">
|
||||
<h1>Новый заголовок</h1>
|
||||
<button class="my-button">Кнопка</button>
|
||||
</section>
|
||||
```
|
||||
|
||||
CSS:
|
||||
|
||||
```
|
||||
.my-namespace h1 {
|
||||
font-size: 24px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.my-namespace .my-button {
|
||||
background-color: #007BFF;
|
||||
color: #fff;
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
* чтобы дополнительно структурировать CSS при именовании блоков используем методологию **БЭМ в стиле "Two Dashes"**:
|
||||
`block-name__elem-name--mod-name--mod-val`
|
||||
+ имена записываются латиницей в нижнем регистре
|
||||
+ для разделения слов в именах БЭМ-сущностей используется дефис (-)
|
||||
@@ -12,8 +40,9 @@
|
||||
* из конечного HTML-файла убрать все комментарии, если такие имеются
|
||||
* все медиазапросы пишутся в отдельных файлах (которые мы подготовили) для того чтобы оптимизировать скорость загрузки; если используется препроцессор, то не нужно в классе каждого блока использовать импорты медиа запросов, а наоборот выносим пример можно посмотреть на ["видео"](https://www.youtube.com/watch?v=9uaENbRyVT4)
|
||||
* **частая ошибка:** верстальщик берет изображения/видео из макета и не задает им адаптивную ширину/высоту, и на моменте сдачи верстки не заметно косяков, а вот когда мы переходим к натяжке и медиаматериалы начинают выводиться в шаблон динамически и уже разных форматов (ШИРИНАxВЫСОТА), тогда верстка начинает плыть. Чтоб такое избежать проверяйте на как себя ведет элемент при замене слишком большой/маленькой картинки.
|
||||
* **ВАЖНО:** если верстка делается для многостраничного сайта (особенно на CMS), то для всех страниц прописывать уникальный класс в \<body\>, от которого строить все CSS-правила на этой странице + для кажой станицы использовать свои отдельные CSS-файлы
|
||||
|
||||
* **ВАЖНО:** если верстка делается для многостраничного сайта (особенно на CMS), то для всех страниц прописывать уникальный класс в \<body\>, от которого строить все CSS-правила на этой странице + для кажой станицы использовать свои отдельные CSS-файлы
|
||||
* подключаем вначале normalize.min.css и reset.min.css, чтобы сбросить глобальные стили и устранить влияние наследуемых правил.
|
||||
* шрифты и глобальные переменные выносим в отдельный файл (у нас это *gp-style-core.css*)
|
||||
|
||||
### **С точки зрения SEO:**
|
||||
* все теги использовать строго по назначению! Текстовые (strong, b, i, em, h1-h6… p) используем только в текстовых блоках и заголовках. Для дизайна используем div и span. Например не нужно втыкать в подвал, шапку или формы захвата h4 или закрывать просто крупный текст, который не является заголовком в h2.
|
||||
|
||||
962
articles.html
962
articles.html
@@ -1,962 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>SEO title</title>
|
||||
<meta name="description" content="SEO Description">
|
||||
<link rel="shortcut icon" href="/assets/img/favicon.ico?v=1.0">
|
||||
|
||||
<!-- Link Swiper's CSS -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||
|
||||
<!-- Базовые стили -->
|
||||
<link rel="stylesheet" href="/assets/css/gp-style-normalize.css?v=1.0">
|
||||
<link rel="stylesheet" href="/assets/css/gp-style-core.css?v=1.0">
|
||||
<link rel="stylesheet" href="/assets/css/gp-style-desktop.css?v=1.0">
|
||||
<!-- Адаптив -->
|
||||
<link rel="stylesheet" media="screen and (min-width: 1400px)" href="/assets/css/gp-style-ultra.css?v=1.0">
|
||||
<link rel="stylesheet" media="screen and (max-width: 1200px)" href="/assets/css/gp-style-xl.css?v=1.0">
|
||||
<link rel="stylesheet" media="screen and (max-width: 992px)" href="/assets/css/gp-style-tablet.css?v=1.0">
|
||||
<link rel="stylesheet" media="screen and (max-width: 576px)" href="/assets/css/gp-style-mobile.css?v=1.0">
|
||||
|
||||
|
||||
<!-- Яндекс.Вебмастер + Google Search Console -->
|
||||
<meta name="yandex-verification" content="XXXXXXXXXXXXXXXXX" />
|
||||
<meta name="google-site-verification" content="XXXXXXXXXXXXXXXXX" />
|
||||
<!-- /Яндекс.Вебмастер + Google Search Console -->
|
||||
|
||||
<!-- Yandex.Metrika counter -->
|
||||
<script type="text/javascript">
|
||||
(function (m, e, t, r, i, k, a) {
|
||||
m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
|
||||
m[i].l = 1 * new Date();
|
||||
for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
|
||||
k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
|
||||
})
|
||||
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
|
||||
|
||||
ym(XXXXXX, "init", { // XXXXXX - счетчик
|
||||
clickmap: true,
|
||||
trackLinks: true,
|
||||
accurateTrackBounce: true,
|
||||
webvisor: true,
|
||||
ecommerce: "dataLayer"
|
||||
});
|
||||
</script>
|
||||
<noscript>
|
||||
<div><img src="https://mc.yandex.ru/watch/85828806" style="position:absolute; left:-9999px;" alt="" /></div>
|
||||
</noscript>
|
||||
<!-- /Yandex.Metrika counter -->
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
|
||||
<!-- Header -->
|
||||
<header class="header">
|
||||
<div class="container header-container">
|
||||
<button class="header-bars">
|
||||
<img src="./assets/img/bars.svg" alt="">
|
||||
</button>
|
||||
<a href="/" class="header-logo">
|
||||
<img src="./assets/img/logo.svg" alt="">
|
||||
<span>сosmopet</span>
|
||||
</a>
|
||||
<ul class="header-navs">
|
||||
<li>
|
||||
<a href="#" class="header-navs__link">ГЛАВНАЯ</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="header-navs__link">О COSMOPET</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="header-navs__link">ПРОИЗВОДСТВО</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="header-navs__link">БЛОГ</a>
|
||||
</li>
|
||||
<li class="header-accordion">
|
||||
<div class="header-accordion__btn">
|
||||
<span>ПРОДУКЦИЯ</span>
|
||||
<img src="./assets/img/arrow-down.svg" alt="">
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="header-right">
|
||||
<div class="header-lang">
|
||||
<div class="header-lang__btn">
|
||||
<span>RU</span>
|
||||
<img src="./assets/img/arrow-down.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<a href="#">
|
||||
<img src="./assets/img/user-icon.svg" alt="">
|
||||
</a>
|
||||
<a href="#">
|
||||
<img src="./assets/img/basket-icon.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header end -->
|
||||
|
||||
<main>
|
||||
|
||||
<!-- Breadcrumb -->
|
||||
<section class="breadcrumb">
|
||||
<div class="container">
|
||||
<a href="#">Главная</a> /
|
||||
<a href="#">Блог</a> /
|
||||
<a href="#">Статья</a>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Breadcrumb end -->
|
||||
|
||||
<!-- Article home -->
|
||||
<!--
|
||||
use classes position-1, position-2
|
||||
<div class="article-home position-1 position-2"></div>
|
||||
-->
|
||||
<section class="article-home">
|
||||
<div class="container">
|
||||
<h1>Сколько корма нужно именно вашей <br>собаке?</h1>
|
||||
<div class="article-home__data">
|
||||
<ul class="article-home__data-alerts">
|
||||
<li>
|
||||
<a href="#">Хештег 1</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Хештег 2</a>
|
||||
</li>
|
||||
</ul>
|
||||
<p>21.10.24</p>
|
||||
<p>время чтения: 5 минут</p>
|
||||
<p>
|
||||
<img src="./assets/img/heart-white.svg" alt="">
|
||||
<span>22</span>
|
||||
</p>
|
||||
<p>
|
||||
<img src="./assets/img/msg-white.svg" alt="">
|
||||
<span>5</span>
|
||||
</p>
|
||||
<div class="user">
|
||||
<img src="./assets/img/user-logo.png" alt="">
|
||||
<span>Ольга М.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-home__card">
|
||||
<img src="./assets/img/article-home-card.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Article home end -->
|
||||
|
||||
<!-- Article content -->
|
||||
<div class="article-content">
|
||||
<div class="article-container">
|
||||
|
||||
<!-- Discount -->
|
||||
<section class="discount">
|
||||
<h2 class="discount-title">Узнайте о нас больше и получите <span>скидку!</span></h2>
|
||||
<img src="./assets/img/discount-bg.png" alt="" class="discount-bg">
|
||||
<img src="./assets/img/discount-bg-sm.png" alt="" class="discount-bg mb">
|
||||
<form action="" class="discount-form">
|
||||
<input type="email" placeholder="почта">
|
||||
<img src="./assets/img/long-arrow.svg" alt="">
|
||||
<button type="submit">подписаться</button>
|
||||
</form>
|
||||
<div class="discount-descriptions">
|
||||
<p class="discount-description__1">Подписываясь на рассылка, я даю согласие на обработку персональных данных, на получение рекламных сообщений и новостей о товарах и услугах</p>
|
||||
<p class="discount-description__2">Подпишитесь, чтобы быть в курсе деятельности Cosmopet и узнавать о наших предложениях. Обещаем не заваливать вас бесполезными письмами. А за подписку дарим -25% на весь ассортимент нашей продукции</p>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Discount end -->
|
||||
|
||||
<!-- Diet -->
|
||||
<section class="diet">
|
||||
<p>Удобный инструмент - калькулятор, который поможет вам определить дневную дозировку корма непосредственно для вашего котика и пёсика.</p>
|
||||
<a href="#">Калькулятор рациона</a>
|
||||
</section>
|
||||
<!-- Diet end -->
|
||||
|
||||
<!-- Texts -->
|
||||
<section class="texts">
|
||||
<h2>ЗАГОЛОВОК 2</h2>
|
||||
<h3>ЗАГОЛОВОК 3</h3>
|
||||
<div class="texts-description">
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
<p>
|
||||
<b>Текст Body large Текст Body large</b> Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large
|
||||
</p>
|
||||
<p>
|
||||
Текст Body large Текст Body large Текст <a href="#">Body large Текст Body large</a> Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large
|
||||
</p>
|
||||
</div>
|
||||
<ol>
|
||||
<li>
|
||||
<h4>1</h4>
|
||||
<p>Нумерованный список</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>2</h4>
|
||||
<p>Нумерованный список</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>3</h4>
|
||||
<p>Нумерованный список</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>4</h4>
|
||||
<p>Нумерованный список</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>5</h4>
|
||||
<p>Нумерованный список</p>
|
||||
</li>
|
||||
</ol>
|
||||
<ul>
|
||||
<li>Маркированный список</li>
|
||||
<li>Маркированный список</li>
|
||||
<li>Маркированный список</li>
|
||||
<li>Маркированный список</li>
|
||||
<li>Маркированный список</li>
|
||||
</ul>
|
||||
<div class="texts-swp">
|
||||
<button class="texts-swp__prev">
|
||||
<img src="./assets/img/swp-prev.svg" alt="">
|
||||
</button>
|
||||
<button class="texts-swp__next">
|
||||
<img src="./assets/img/swp-next.svg" alt="">
|
||||
</button>
|
||||
<div class="texts-swp__pagination"></div>
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/img/texts-card-1.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/img/texts-card-2.png" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./assets/img/texts-card-3.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Texts end -->
|
||||
|
||||
<!-- Alerts -->
|
||||
<section class="alerts">
|
||||
<div class="alerts-grey">
|
||||
<img src="./assets/img/icon-1.svg" alt="" class="icon-1">
|
||||
<p>Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет выполнять важные задания по разработке соответствующий условий активизации. Идейные соображения высшего порядка, а также рамки и место обучения кадров требуют определения и уточнения соответствующий условий активизации. Разнообразный и богатый опыт укрепление и развитие структуры влечет за собой процесс внедрения и модернизации форм развития.</p>
|
||||
<img src="./assets/img/icon-2.svg" alt="" class="icon-2">
|
||||
</div>
|
||||
<div class="alerts-violet">
|
||||
<img src="./assets/img/icon-3.svg" alt="" class="icon-1">
|
||||
<p>Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет выполнять важные задания по разработке соответствующий условий активизации. Идейные соображения высшего порядка, а также рамки и место обучения кадров требуют определения и уточнения соответствующий условий активизации. Разнообразный и богатый опыт укрепление и развитие структуры влечет за собой процесс внедрения и модернизации форм развития.</p>
|
||||
</div>
|
||||
<div class="alerts-yellow">
|
||||
<img src="./assets/img/icon-4.svg" alt="" class="icon-1">
|
||||
<p>Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет выполнять важные задания по разработке соответствующий условий активизации. Идейные соображения высшего порядка, а также рамки и место обучения кадров требуют определения и уточнения соответствующий условий активизации. Разнообразный и богатый опыт укрепление и развитие структуры влечет за собой процесс внедрения и модернизации форм развития.</p>
|
||||
</div>
|
||||
<div class="alerts-green">
|
||||
<img src="./assets/img/icon-5.svg" alt="" class="icon-1">
|
||||
<p>Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет выполнять важные задания по разработке соответствующий условий активизации. Идейные соображения высшего порядка, а также рамки и место обучения кадров требуют определения и уточнения соответствующий условий активизации. Разнообразный и богатый опыт укрепление и развитие структуры влечет за собой процесс внедрения и модернизации форм развития.</p>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Alerts end -->
|
||||
|
||||
<!-- Article table -->
|
||||
<section class="article-table__wrap">
|
||||
<div class="article-table">
|
||||
<div class="article-table__item">
|
||||
<ul>
|
||||
<li>Масса собаки, кг</li>
|
||||
<li>0,8</li>
|
||||
<li>0,8</li>
|
||||
<li>0,8</li>
|
||||
<li>0,8</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>ПЕ в день, ккал</li>
|
||||
<li>118</li>
|
||||
<li>118</li>
|
||||
<li>118</li>
|
||||
<li>118</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="article-table__item">
|
||||
<ul>
|
||||
<li>Масса собаки, кг</li>
|
||||
<li>0,8</li>
|
||||
<li>0,8</li>
|
||||
<li>0,8</li>
|
||||
<li>0,8</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>ПЕ в день, ккал</li>
|
||||
<li>118</li>
|
||||
<li>118</li>
|
||||
<li>118</li>
|
||||
<li>118</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="article-table__item">
|
||||
<ul>
|
||||
<li>Масса собаки, кг</li>
|
||||
<li>0,8</li>
|
||||
<li>0,8</li>
|
||||
<li>0,8</li>
|
||||
<li>0,8</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>ПЕ в день, ккал</li>
|
||||
<li>118</li>
|
||||
<li>118</li>
|
||||
<li>118</li>
|
||||
<li>118</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Article table end -->
|
||||
|
||||
<!-- Article block -->
|
||||
<section class="article-block">
|
||||
<div class="article-block__head">
|
||||
<div class="article-block__head-left">
|
||||
<h3>ЗАГОЛОВОК 3</h3>
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
</div>
|
||||
<div class="article-block__head-right">
|
||||
<img src="./assets/img/article-block-card-1.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-block__item-wrap">
|
||||
<div class="article-block__item">
|
||||
<div class="article-block__item-content">
|
||||
<h3>ЗАГОЛОВОК H3</h3>
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./assets/img/plus-icon.svg" alt="">
|
||||
<p>Текст Body Small Текст Body Small Текст Body Small Текст Body Small Текст Body Small</p>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/minus-icon.svg" alt="">
|
||||
<p>Текст Body Small Текст Body Small Текст Body Small Текст Body Small Текст Body Small</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="article-block__item-img">
|
||||
<img src="./assets/img/article-block-card-2.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="article-block__item">
|
||||
<div class="article-block__item-img">
|
||||
<img src="./assets/img/article-block-card-3.png" alt="">
|
||||
</div>
|
||||
<div class="article-block__item-content">
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./assets/img/plus-icon.svg" alt="">
|
||||
<p>Текст Body Small Текст Body Small Текст Body Small Текст Body Small Текст Body Small</p>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/minus-icon.svg" alt="">
|
||||
<p>Текст Body Small Текст Body Small Текст Body Small Текст Body Small Текст Body Small</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Article block end -->
|
||||
|
||||
<!-- Block Accent -->
|
||||
<section class="block-accent">
|
||||
<div class="block-accent__card card-violet">
|
||||
<img src="./assets/img/block-accent-icon-1.svg" alt="">
|
||||
<div class="block-accent__card-content">
|
||||
<h3>ЗАГОЛОВОК H3</h3>
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block-accent__card card-orange">
|
||||
<img src="./assets/img/block-accent-icon-2.svg" alt="">
|
||||
<p>Кстати: экологически чистые картонные когтеточки можно получить в подарок при покупке корма для кошек Cosmocat в упаковках 2 кг.</p>
|
||||
</div>
|
||||
<div class="block-accent__card card-blue">
|
||||
<img src="./assets/img/block-accent-icon-3.svg" alt="">
|
||||
<div class="block-accent__card-content">
|
||||
<h3>Взрослая кошка (1-7 лет)</h3>
|
||||
<p>Как правило, в этом возрасте питомцу нужно просто поддерживать вес – исходя из уровня его активности и особых указаний ветеринара (если они будут).</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Block Accent end -->
|
||||
|
||||
<!-- Indent -->
|
||||
<section class="indent">
|
||||
<h2 class="indent-title">ЗАГОЛОВОК H2 ЗАГОЛОВОК H2 ЗАГОЛОВОК H2 </h2>
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./assets/img/indent-icon-1.svg" alt="">
|
||||
<div>
|
||||
<h3>ЗАГОЛОВОК H3</h3>
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/indent-icon-1.svg" alt="">
|
||||
<div>
|
||||
<h3>ЗАГОЛОВОК H3</h3>
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/indent-icon-1.svg" alt="">
|
||||
<div>
|
||||
<h3>ЗАГОЛОВОК H3</h3>
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<p>Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large </p>
|
||||
</section>
|
||||
<!-- Indent end -->
|
||||
|
||||
<!-- Product card -->
|
||||
<section class="product-card">
|
||||
<img src="./assets/img/product-card.png" alt="">
|
||||
</section>
|
||||
<!-- Product card end -->
|
||||
|
||||
<!-- Alohida -->
|
||||
|
||||
<section class="block-lists">
|
||||
<div class="block-list_block">
|
||||
<img src="./assets/img/block-list-icon-1.svg" alt="">
|
||||
<div class="block-lists_text">
|
||||
<h3>
|
||||
ЗАГОЛОВОК H3
|
||||
</h3>
|
||||
<p>
|
||||
Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block-list_block">
|
||||
<img src="./assets/img/block-list-icon-2.svg" alt="">
|
||||
<div class="block-lists_text">
|
||||
<p>
|
||||
Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block-list_block">
|
||||
<img src="./assets/img/block-list-icon-3.svg" alt="">
|
||||
<div class="block-lists_text">
|
||||
<p>
|
||||
Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block-list_block">
|
||||
<img src="./assets/img/block-list-icon-4.svg" alt="">
|
||||
<div class="block-lists_text">
|
||||
<p>
|
||||
Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large Текст Body large
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="video_block">
|
||||
<iframe width="339" height="602" src="https://www.youtube.com/embed/3zrGER3nNiw" title="Котята проголодались, мяукают и хотят кушать | Котенок Арнольд ворует еду" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
</section>
|
||||
|
||||
<section class="comment">
|
||||
<div class="comment-btn">
|
||||
<button>
|
||||
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M17.7859 4.66406C14.7135 4.66406 13.3546 6.89752 13.0591 8.01424C12.8425 6.89752 11.5348 4.66406 8.03702 4.66406C3.66481 4.66406 1.71504 10.267 5.55549 15.0612C8.62786 18.8966 11.8381 20.3945 13.0591 20.6641C14.4181 20.4138 17.8686 18.8619 20.7991 14.6568C24.4623 9.40052 21.6263 4.66406 17.7859 4.66406Z" fill="#121212"/>
|
||||
</svg>
|
||||
Нравится
|
||||
</button>
|
||||
<span>
|
||||
22
|
||||
</span>
|
||||
</div>
|
||||
<div class="comment-in">
|
||||
<h3 class="comment-title">
|
||||
КОММЕНТАРИИ (5)
|
||||
</h3>
|
||||
<div class="comment-block">
|
||||
<p class="comment-block_text">
|
||||
<a href="#">Войдите</a>, чтобы оставлять комментарии
|
||||
</p>
|
||||
</div>
|
||||
<div class="comment-block_wrapper">
|
||||
<div class="comment-block">
|
||||
<div class="comment-user">
|
||||
<img src="./assets/img/user_img.png" alt="">
|
||||
<div class="comment-user_text">
|
||||
<h6>
|
||||
Ольга М.
|
||||
</h6>
|
||||
<span>
|
||||
15 января 2025
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
Лучший обзор на когтеточки!
|
||||
</p>
|
||||
<div class="comment-btns">
|
||||
<button>
|
||||
<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.5 3H3.25C2.00736 3 1 4.00736 1 5.25V5.25C1 6.49264 2.00736 7.5 3.25 7.5H3.5" stroke="#666666"/>
|
||||
<path d="M7 0.5L9.5 3L7 5.5" stroke="#666666"/>
|
||||
</svg>
|
||||
Ответить
|
||||
</button>
|
||||
<button>
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.7745 1C8.67239 1 7.7426 2.5355 7.54047 3.30325C7.39224 2.5355 6.49748 1 4.10427 1C1.11276 1 -0.221288 4.85199 2.40639 8.14801C4.50853 10.7848 6.705 11.8147 7.54047 12C8.47026 11.8279 10.8311 10.761 12.8363 7.87004C15.3427 4.25632 13.4022 1 10.7745 1Z" stroke="#666666"/>
|
||||
</svg>
|
||||
2
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<button class="answer-btn">
|
||||
<svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14 1.41406L7.5 7.91406L1 1.41406" stroke="#76CE75" stroke-width="2"/>
|
||||
</svg>
|
||||
1 <span>
|
||||
ответ
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="comment-block answer-block active">
|
||||
<div class="comment-user">
|
||||
<img src="./assets/img/user_img2.png" alt="">
|
||||
<div class="comment-user_text">
|
||||
<h6>
|
||||
Дед
|
||||
</h6>
|
||||
<span>
|
||||
15 января 2025
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
Помню в 1937 году когтеточки были лучше
|
||||
</p>
|
||||
<div class="comment-btns">
|
||||
<button>
|
||||
<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.5 3H3.25C2.00736 3 1 4.00736 1 5.25V5.25C1 6.49264 2.00736 7.5 3.25 7.5H3.5" stroke="#666666"/>
|
||||
<path d="M7 0.5L9.5 3L7 5.5" stroke="#666666"/>
|
||||
</svg>
|
||||
Ответить
|
||||
</button>
|
||||
<button>
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.7745 1C8.67239 1 7.7426 2.5355 7.54047 3.30325C7.39224 2.5355 6.49748 1 4.10427 1C1.11276 1 -0.221288 4.85199 2.40639 8.14801C4.50853 10.7848 6.705 11.8147 7.54047 12C8.47026 11.8279 10.8311 10.761 12.8363 7.87004C15.3427 4.25632 13.4022 1 10.7745 1Z" stroke="#666666"/>
|
||||
</svg>
|
||||
2
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="comment-block">
|
||||
<div class="comment-user">
|
||||
<img src="./assets/img/user_img3.png" alt="">
|
||||
<div class="comment-user_text">
|
||||
<h6>
|
||||
Чжон Д.
|
||||
</h6>
|
||||
<span>
|
||||
15 января 2025
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
关于挠痒柱的最佳评论
|
||||
</p>
|
||||
<div class="comment-btns">
|
||||
<button>
|
||||
<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.5 3H3.25C2.00736 3 1 4.00736 1 5.25V5.25C1 6.49264 2.00736 7.5 3.25 7.5H3.5" stroke="#666666"/>
|
||||
<path d="M7 0.5L9.5 3L7 5.5" stroke="#666666"/>
|
||||
</svg>
|
||||
Ответить
|
||||
</button>
|
||||
<button>
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.7745 1C8.67239 1 7.7426 2.5355 7.54047 3.30325C7.39224 2.5355 6.49748 1 4.10427 1C1.11276 1 -0.221288 4.85199 2.40639 8.14801C4.50853 10.7848 6.705 11.8147 7.54047 12C8.47026 11.8279 10.8311 10.761 12.8363 7.87004C15.3427 4.25632 13.4022 1 10.7745 1Z" stroke="#666666"/>
|
||||
</svg>
|
||||
2
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="comment-block_wrapper">
|
||||
<div class="comment-block">
|
||||
<div class="comment-user">
|
||||
<img src="./assets/img/user_img4.png" alt="">
|
||||
<div class="comment-user_text">
|
||||
<h6>
|
||||
Пётр Ш.
|
||||
</h6>
|
||||
<span>
|
||||
15 января 2025
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
А расскажите как самому сделать когтеточки?
|
||||
</p>
|
||||
<div class="comment-btns">
|
||||
<button>
|
||||
<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.5 3H3.25C2.00736 3 1 4.00736 1 5.25V5.25C1 6.49264 2.00736 7.5 3.25 7.5H3.5" stroke="#666666"/>
|
||||
<path d="M7 0.5L9.5 3L7 5.5" stroke="#666666"/>
|
||||
</svg>
|
||||
Ответить
|
||||
</button>
|
||||
<button>
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.7745 1C8.67239 1 7.7426 2.5355 7.54047 3.30325C7.39224 2.5355 6.49748 1 4.10427 1C1.11276 1 -0.221288 4.85199 2.40639 8.14801C4.50853 10.7848 6.705 11.8147 7.54047 12C8.47026 11.8279 10.8311 10.761 12.8363 7.87004C15.3427 4.25632 13.4022 1 10.7745 1Z" stroke="#666666"/>
|
||||
</svg>
|
||||
2
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<button class="answer-btn">
|
||||
<svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14 1.41406L7.5 7.91406L1 1.41406" stroke="#76CE75" stroke-width="2"/>
|
||||
</svg>
|
||||
1
|
||||
<span>
|
||||
ответ
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="comment-block answer-block">
|
||||
<div class="comment-user">
|
||||
<img src="./assets/img/user_img2.png" alt="">
|
||||
<div class="comment-user_text">
|
||||
<h6>
|
||||
Дед
|
||||
</h6>
|
||||
<span>
|
||||
15 января 2025
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
Помню в 1937 году когтеточки были лучше
|
||||
</p>
|
||||
<div class="comment-btns">
|
||||
<button>
|
||||
<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.5 3H3.25C2.00736 3 1 4.00736 1 5.25V5.25C1 6.49264 2.00736 7.5 3.25 7.5H3.5" stroke="#666666"/>
|
||||
<path d="M7 0.5L9.5 3L7 5.5" stroke="#666666"/>
|
||||
</svg>
|
||||
Ответить
|
||||
</button>
|
||||
<button>
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.7745 1C8.67239 1 7.7426 2.5355 7.54047 3.30325C7.39224 2.5355 6.49748 1 4.10427 1C1.11276 1 -0.221288 4.85199 2.40639 8.14801C4.50853 10.7848 6.705 11.8147 7.54047 12C8.47026 11.8279 10.8311 10.761 12.8363 7.87004C15.3427 4.25632 13.4022 1 10.7745 1Z" stroke="#666666"/>
|
||||
</svg>
|
||||
2
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="comment-block_wrapper">
|
||||
<div class="comment-block">
|
||||
<div class="comment-user">
|
||||
<img src="./assets/img/user_img5.png" alt="">
|
||||
<div class="comment-user_text">
|
||||
<h6>
|
||||
Ира О.
|
||||
</h6>
|
||||
<span>
|
||||
15 января 2025
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
Классный обзор когтеточек!
|
||||
</p>
|
||||
<div class="comment-btns">
|
||||
<button>
|
||||
<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.5 3H3.25C2.00736 3 1 4.00736 1 5.25V5.25C1 6.49264 2.00736 7.5 3.25 7.5H3.5" stroke="#666666"/>
|
||||
<path d="M7 0.5L9.5 3L7 5.5" stroke="#666666"/>
|
||||
</svg>
|
||||
Ответить
|
||||
</button>
|
||||
<button>
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.7745 1C8.67239 1 7.7426 2.5355 7.54047 3.30325C7.39224 2.5355 6.49748 1 4.10427 1C1.11276 1 -0.221288 4.85199 2.40639 8.14801C4.50853 10.7848 6.705 11.8147 7.54047 12C8.47026 11.8279 10.8311 10.761 12.8363 7.87004C15.3427 4.25632 13.4022 1 10.7745 1Z" stroke="#666666"/>
|
||||
</svg>
|
||||
2
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<button class="answer-btn">
|
||||
<svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14 1.41406L7.5 7.91406L1 1.41406" stroke="#76CE75" stroke-width="2"/>
|
||||
</svg>
|
||||
1
|
||||
<span>
|
||||
ответ
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="comment-block answer-block">
|
||||
<div class="comment-user">
|
||||
<img src="./assets/img/user_img2.png" alt="">
|
||||
<div class="comment-user_text">
|
||||
<h6>
|
||||
Дед
|
||||
</h6>
|
||||
<span>
|
||||
15 января 2025
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
Помню в 1937 году когтеточки были лучше
|
||||
</p>
|
||||
<div class="comment-btns">
|
||||
<button>
|
||||
<svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.5 3H3.25C2.00736 3 1 4.00736 1 5.25V5.25C1 6.49264 2.00736 7.5 3.25 7.5H3.5" stroke="#666666"/>
|
||||
<path d="M7 0.5L9.5 3L7 5.5" stroke="#666666"/>
|
||||
</svg>
|
||||
Ответить
|
||||
</button>
|
||||
<button>
|
||||
<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.7745 1C8.67239 1 7.7426 2.5355 7.54047 3.30325C7.39224 2.5355 6.49748 1 4.10427 1C1.11276 1 -0.221288 4.85199 2.40639 8.14801C4.50853 10.7848 6.705 11.8147 7.54047 12C8.47026 11.8279 10.8311 10.761 12.8363 7.87004C15.3427 4.25632 13.4022 1 10.7745 1Z" stroke="#666666"/>
|
||||
</svg>
|
||||
2
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Article content end -->
|
||||
|
||||
<!-- Home -->
|
||||
<section class="home other-home">
|
||||
<div class="container">
|
||||
<div class="home-swp">
|
||||
<div class="home-swp__btn">
|
||||
<button class="home-swp__btn-prev">
|
||||
<img src="./assets/img/swp-prev.svg" alt="">
|
||||
</button>
|
||||
<button class="home-swp__btn-next">
|
||||
<img src="./assets/img/swp-next.svg" alt="">
|
||||
</button>
|
||||
</div>
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="home-card bg-yellow">
|
||||
<div class="home-card__img">
|
||||
<img src="./assets/img/home-card.png" alt="">
|
||||
</div>
|
||||
<div class="home-card__content">
|
||||
<h3 class="home-card__content-title">Как выбрать когтеточку: обзор мастхевов для вашей кошки</h3>
|
||||
<p class="home-card__content-description">Простая с виду задача «купить когтеточку» может оказаться утомительным и дорогим занятием. Типичная ситуация: вы приобрели сразу несколько вариантов ...</p>
|
||||
<div class="home-card__content-body">
|
||||
<ul class="home-card__content-body__alerts">
|
||||
<li>Обзоры</li>
|
||||
<li>Тренды</li>
|
||||
</ul>
|
||||
<div class="home-card__content-body__day">21.10.24</div>
|
||||
<div class="home-card__content-body__time">время чтения: 5 минут</div>
|
||||
<div class="home-card__content-body__data">
|
||||
<div>
|
||||
<img src="./assets/img/heart.svg" alt="">
|
||||
<span>22</span>
|
||||
</div>
|
||||
<div>
|
||||
<img src="./assets/img/msg.svg" alt="">
|
||||
<span>22</span>
|
||||
</div>
|
||||
<div>
|
||||
<img src="./assets/img/user-logo.png" alt="" class="main-img">
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="home-card__content-body__link">читать статью</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="home-card bg-green">
|
||||
<div class="home-card__img">
|
||||
<img src="./assets/img/home-card-2.png" alt="">
|
||||
</div>
|
||||
<div class="home-card__content">
|
||||
<h3 class="home-card__content-title">Краткая история кормов: от хлебных корок до лечебных рационов</h3>
|
||||
<p class="home-card__content-description">Современный мир сложно представить без готовых кормов для собак и кошек. И сложно поверить, что это относительно современная концепция, существующая менее 150 лет. Поэтапно о том ...</p>
|
||||
<div class="home-card__content-body">
|
||||
<ul class="home-card__content-body__alerts">
|
||||
<li>Обзоры</li>
|
||||
<li>Тренды</li>
|
||||
</ul>
|
||||
<div class="home-card__content-body__day">21.10.24</div>
|
||||
<div class="home-card__content-body__time">время чтения: 5 минут</div>
|
||||
<div class="home-card__content-body__data">
|
||||
<div>
|
||||
<img src="./assets/img/heart.svg" alt="">
|
||||
<span>22</span>
|
||||
</div>
|
||||
<div>
|
||||
<img src="./assets/img/msg.svg" alt="">
|
||||
<span>22</span>
|
||||
</div>
|
||||
<div>
|
||||
<img src="./assets/img/user-logo.png" alt="" class="main-img">
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="home-card__content-body__link">читать статью</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="home-card bg-violet">
|
||||
<div class="home-card__img">
|
||||
<img src="./assets/img/home-card-3.png" alt="">
|
||||
</div>
|
||||
<div class="home-card__content">
|
||||
<h3 class="home-card__content-title">Пищевая аллергия у собак. Причины и пути решения</h3>
|
||||
<p class="home-card__content-description">Даже привычный рацион может вызвать у питомца нежелательную реакцию – зуд, расстройства ЖКТ, изменения в поведении. Хорошая новость: с этой проблемой можно справиться. Рассказываем, как ...</p>
|
||||
<div class="home-card__content-body">
|
||||
<ul class="home-card__content-body__alerts">
|
||||
<li>Обзоры</li>
|
||||
<li>Тренды</li>
|
||||
</ul>
|
||||
<div class="home-card__content-body__day">21.10.24</div>
|
||||
<div class="home-card__content-body__time">время чтения: 5 минут</div>
|
||||
<div class="home-card__content-body__data">
|
||||
<div>
|
||||
<img src="./assets/img/heart.svg" alt="">
|
||||
<span>22</span>
|
||||
</div>
|
||||
<div>
|
||||
<img src="./assets/img/msg.svg" alt="">
|
||||
<span>22</span>
|
||||
</div>
|
||||
<div>
|
||||
<img src="./assets/img/user-logo.png" alt="" class="main-img">
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="home-card__content-body__link">читать статью</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Home end -->
|
||||
|
||||
</main>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-top">
|
||||
<div class="footer-content__wrap">
|
||||
<div class="footer-content">
|
||||
<a href="/" class="logo">
|
||||
<img src="./assets/img/logo-green.svg" alt="">
|
||||
<span>сosmopet</span>
|
||||
</a>
|
||||
<p class="footer-content__address">
|
||||
123182 г. Москва, <br>
|
||||
4-й Красногорский пр., <br>
|
||||
д. 2/4, стр. 1, этаж/ком. 3/1
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<p>Отзывы и предложения</p>
|
||||
<a href="mailto:pro@cosmopet.shop" target="_blank">pro@cosmopet.shop</a>
|
||||
</li>
|
||||
<li>
|
||||
<p>Заявки для оптовых покупателей</p>
|
||||
<a href="mailto:pro@cosmopet.shop" target="_blank">pro@cosmopet.shop</a>
|
||||
</li>
|
||||
<li>
|
||||
<p>Связь с ветеринаром</p>
|
||||
<a href="mailto:vetvopros@cosmopet.shop" target="_blank">vetvopros@cosmopet.shop</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-top__link">
|
||||
<a href="#" class="link-black">Чат бот с ветеринаром</a>
|
||||
<a href="#" class="link-white">Калькулятор рациона</a>
|
||||
</div>
|
||||
</div>
|
||||
<form class="footer-contact">
|
||||
<h3 class="footer-contact__title">Форма обратной связи</h3>
|
||||
<input type="text" placeholder="Ваше имя" class="form-inp">
|
||||
<input type="email" placeholder="Эл.почта" class="form-inp">
|
||||
<textarea class="form-textarea" name="" placeholder="Текст обращения" id=""></textarea>
|
||||
<button class="footer-contact__submit" type="submit">Отправить</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<ul class="footer-network">
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="./assets/img/footer-network-1.svg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="./assets/img/footer-network-2.svg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="./assets/img/footer-network-3.svg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#">Соглашение о конфиденциальности</a>
|
||||
<a href="#">Декларация соответствия корма</a>
|
||||
<a href="#">Декларация соответствия лакомств</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- Footer end -->
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Swiper JS -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||
<script src="./assets/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -54,7 +54,7 @@
|
||||
--background: #F4F1F0;
|
||||
--placeholder: #999999;
|
||||
/* Fonts */
|
||||
--font-craftwork: 'Craftwork Grotest', sans-serif;
|
||||
--font-craftwork: 'Craftwork Grotest', serif;
|
||||
--font-abel: 'Abel', serif;
|
||||
}
|
||||
|
||||
@@ -84,6 +84,7 @@ body {
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
font-family: var(--font-craftwork);
|
||||
}
|
||||
|
||||
.form-inp::placeholder {
|
||||
@@ -105,8 +106,8 @@ body {
|
||||
border-radius: 20px;
|
||||
color: var(--main_black);
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
font-family: var(--font-craftwork);
|
||||
}
|
||||
|
||||
.form-textarea::placeholder {
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -130,4 +130,83 @@
|
||||
align-items: flex-start;
|
||||
gap: 17px;
|
||||
}
|
||||
|
||||
.authors {
|
||||
padding-bottom: 138px;
|
||||
}
|
||||
|
||||
.authors h2 {
|
||||
font-size: 32px;
|
||||
line-height: 38px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.authors li {
|
||||
border-radius: 24px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.authors a {
|
||||
padding: 32px 17px 52px;
|
||||
}
|
||||
|
||||
.authors .main-img {
|
||||
width: 180px;
|
||||
height: 180px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.authors-name {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.authors-type {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.authors p {
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.author {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.author-content {
|
||||
margin-bottom: 23px;
|
||||
}
|
||||
|
||||
.author .main-img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.author h2 {
|
||||
font-size: 32px;
|
||||
line-height: 38px;
|
||||
}
|
||||
|
||||
.author-name {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.author-type {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.author-description {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.author p {
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
@@ -30,637 +30,123 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
.home {
|
||||
/* Where home */
|
||||
.where-home {
|
||||
padding: 92px 0 36px;
|
||||
}
|
||||
|
||||
.home-title {
|
||||
.where-home h1 {
|
||||
font-size: 32px;
|
||||
line-height: 38px;
|
||||
margin-bottom: 36px;
|
||||
}
|
||||
|
||||
.home-description {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 36px;
|
||||
}
|
||||
|
||||
.home-swp__btn {
|
||||
bottom: auto;
|
||||
top: 93px;
|
||||
left: -10px;
|
||||
width: calc(100% + 20px);
|
||||
justify-content: space-between;
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
.home-swp__btn button {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.home-card {
|
||||
flex-direction: column;
|
||||
border-radius: 24px;
|
||||
gap: 17px;
|
||||
}
|
||||
|
||||
.home-card__img {
|
||||
height: 234px;
|
||||
width: 100%;
|
||||
border-radius: 24px;
|
||||
}
|
||||
|
||||
.home-card__content {
|
||||
padding: 0 16px 89px;
|
||||
}
|
||||
|
||||
.home-card__content-title {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.home-card__content-description {
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 15px;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 5;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
.where-home p {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
/* Where home end */
|
||||
|
||||
/* Find us */
|
||||
.find-us {
|
||||
padding-bottom: 36px;
|
||||
}
|
||||
|
||||
.home-card__content-body {
|
||||
gap: 7px;
|
||||
}
|
||||
|
||||
.home-card__content-body__alerts {
|
||||
gap: 7px;
|
||||
}
|
||||
|
||||
.home-card__content-body__alerts li {
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.home-card__content-body__day {
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.home-card__content-body__time {
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.home-card__content-body__data {
|
||||
gap: 7px;
|
||||
}
|
||||
|
||||
.home-card__content-body__data>div {
|
||||
gap: 4px;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.home-card__content-body__data .main-img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.home-card__content-body__link {
|
||||
right: 50%;
|
||||
bottom: 27px;
|
||||
transform: translateX(50%);
|
||||
}
|
||||
|
||||
.anons {
|
||||
border-radius: 24px;
|
||||
}
|
||||
|
||||
.anons-article__title {
|
||||
.find-us h2 {
|
||||
font-size: 26px;
|
||||
line-height: 32px;
|
||||
margin-bottom: 36px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.anons-theme {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.anons-theme__title {
|
||||
margin-bottom: 20px;
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.anons-theme ul {
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.anons-theme ul a {
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
padding: 6px 24px;
|
||||
}
|
||||
|
||||
.anons-best__card-wrap {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.anons-article__card-wrap {
|
||||
.find-us ul {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.find-us h3 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.find-us p {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
/* Find us end */
|
||||
|
||||
/* Location */
|
||||
.location {
|
||||
padding-bottom: 36px;
|
||||
}
|
||||
|
||||
.location h2 {
|
||||
font-size: 26px;
|
||||
line-height: 32px;
|
||||
margin-bottom: 36px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.location iframe {
|
||||
height: 560px;
|
||||
width: calc(100% + 32px);
|
||||
margin-left: -16px;
|
||||
border-radius: 24px;
|
||||
}
|
||||
/* Location end */
|
||||
|
||||
/* Sell form */
|
||||
.sell-form {
|
||||
padding-bottom: 36px;
|
||||
}
|
||||
|
||||
.sell-form__container {
|
||||
max-width: 100%;
|
||||
border-radius: 24px;
|
||||
padding: 36px 16px;
|
||||
gap: 18px;
|
||||
}
|
||||
|
||||
.sell-form h2 {
|
||||
font-size: 26px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.sell-form p {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.sell-form textarea {
|
||||
height: 120px;
|
||||
}
|
||||
/* Sell form end */
|
||||
|
||||
.authors h2 {
|
||||
font-size: 48px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.authors li {
|
||||
border-radius: 32px;
|
||||
width: calc(50% - 12px);
|
||||
}
|
||||
|
||||
.authors .main-img {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.author {
|
||||
padding: 188px 0 36px;
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
|
||||
.author h2 {
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
.author-content {
|
||||
padding: 109px 42px 35px;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.author-content__start-1,
|
||||
.author-content__start-2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.author-content__img {
|
||||
display: none;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: -180px;
|
||||
width: 235px;
|
||||
}
|
||||
|
||||
.author-content__img.mb {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.author-content__title {
|
||||
width: 100%;
|
||||
font-size: 26px;
|
||||
line-height: 32px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.author-content__title br {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.author-content__link {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding: 11px;
|
||||
}
|
||||
|
||||
.editorial {
|
||||
padding-bottom: 36px;
|
||||
}
|
||||
|
||||
.editorial-head {
|
||||
margin-bottom: 36px;
|
||||
max-width: 313px;
|
||||
}
|
||||
|
||||
.editorial-head__title {
|
||||
font-size: 32px;
|
||||
line-height: 38px;
|
||||
}
|
||||
|
||||
.editorial-head__img {
|
||||
width: 100px;
|
||||
top: -14px;
|
||||
right: -22.5px;
|
||||
}
|
||||
|
||||
.editorial-head__star {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.editorial-card__wrap {
|
||||
gap: 31px;
|
||||
}
|
||||
|
||||
.breadcrumb {
|
||||
padding: 92px 0 15px;
|
||||
}
|
||||
|
||||
.article-home {
|
||||
padding-bottom: 36px;
|
||||
}
|
||||
|
||||
.article-home .container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.article-home h1 {
|
||||
order: 1;
|
||||
font-size: 32px;
|
||||
line-height: 38px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.article-home__card {
|
||||
order: 2;
|
||||
height: 199px;
|
||||
}
|
||||
|
||||
.article-home__card img {
|
||||
border-radius: 32px;
|
||||
}
|
||||
|
||||
.article-home__data {
|
||||
gap: 8px 16px;
|
||||
order: 3;
|
||||
margin: 15px 0 0;
|
||||
}
|
||||
|
||||
.article-home__data-alerts {
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.article-home__data-alerts a {
|
||||
padding: 6px 8px;
|
||||
}
|
||||
|
||||
.article-content {
|
||||
padding: 48px 0;
|
||||
border-radius: 64px;
|
||||
}
|
||||
|
||||
.discount {
|
||||
padding: 32px 24px;
|
||||
border-radius: 32px;
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
|
||||
.discount-title {
|
||||
font-size: 26px;
|
||||
line-height: 32px;
|
||||
margin-bottom: 21px;
|
||||
}
|
||||
|
||||
.discount-bg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.discount-bg.mb {
|
||||
display: inline-block;
|
||||
position: static;
|
||||
margin-bottom: 21px;
|
||||
}
|
||||
|
||||
.discount-form {
|
||||
flex-direction: column;
|
||||
gap: 21px;
|
||||
margin-bottom: 21px;
|
||||
}
|
||||
|
||||
.discount-form img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.discount-form input {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.discount-form button {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.discount-descriptions {
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
.discount-description__2 {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
font-weight: 500;
|
||||
grid-area: 21px;
|
||||
margin-bottom: 21px;
|
||||
}
|
||||
|
||||
.discount-description__1 {
|
||||
margin-bottom: 0;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.diet {
|
||||
padding: 36px 24px;
|
||||
border-radius: 32px;
|
||||
flex-direction: column;
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
|
||||
.diet p {
|
||||
width: 100%;
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.diet a {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.texts h2 {
|
||||
font-size: 28px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.texts h3 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.texts-description p {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.texts ol {
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.texts ol li {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.texts ol li h4 {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.texts ul {
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.texts ul li {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.alerts-grey {
|
||||
padding: 32px 48px;
|
||||
}
|
||||
|
||||
.alerts-grey .icon-1 {
|
||||
width: 24px;
|
||||
top: 32px;
|
||||
left: 16px;
|
||||
}
|
||||
|
||||
.alerts-grey .icon-2 {
|
||||
width: 24px;
|
||||
right: 16px;
|
||||
bottom: 32px;
|
||||
}
|
||||
|
||||
.alerts-grey p {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.alerts-violet,
|
||||
.alerts-yellow,
|
||||
.alerts-green {
|
||||
padding: 32px 24px;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.alerts-violet p,
|
||||
.alerts-yellow p,
|
||||
.alerts-green p {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.article-table {
|
||||
flex-direction: column;
|
||||
gap: 0px;
|
||||
}
|
||||
|
||||
.article-table__item {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.article-table__item:not(:first-child) li:first-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.article-table__item:not(:first-child) {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.article-table__item ul li {
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.article-block__head {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
gap: 32px;
|
||||
}
|
||||
|
||||
.article-block__head-left {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
.article-block__head-left h3 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.article-block__head-left p {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.article-block__head-right {
|
||||
order: 1;
|
||||
height: 319px;
|
||||
}
|
||||
|
||||
.article-block__item-wrap {
|
||||
gap: 48px;
|
||||
}
|
||||
|
||||
.article-block__item {
|
||||
flex-direction: column;
|
||||
gap: 32px;
|
||||
}
|
||||
|
||||
.article-block__item-img {
|
||||
order: 1;
|
||||
width: 100%;
|
||||
height: 450px;
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
.article-block__item-content {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
.article-block__item-content h3 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.article-block__item-content p {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.article-block__item-content ul {
|
||||
flex-direction: column;
|
||||
padding: 20px 14px 20px 20px;
|
||||
gap: 28px;
|
||||
border-radius: 24px;
|
||||
}
|
||||
|
||||
.article-block__item-content ul li {
|
||||
gap: 19px;
|
||||
}
|
||||
|
||||
.article-block__item-content ul li p {
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.block-accent__card {
|
||||
padding: 36px 24px;
|
||||
gap: 32px;
|
||||
flex-direction: column !important;
|
||||
}
|
||||
|
||||
.block-accent__card-content {
|
||||
gap: 27px;
|
||||
}
|
||||
|
||||
.block-accent__card-content h3 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.block-accent__card-content p {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.indent {
|
||||
padding: 36px 24px;
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.indent-title {
|
||||
font-size: 26px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.indent p {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.indent ul {
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
.indent ul li {
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.indent ul li img {
|
||||
width: 37px;
|
||||
}
|
||||
|
||||
.indent ul li h3 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.product-card {
|
||||
padding: 11px;
|
||||
gap: 40px;
|
||||
}
|
||||
|
||||
.product-card img {
|
||||
max-width: 242px;
|
||||
max-height: 167px;
|
||||
}
|
||||
/* Alohida */
|
||||
|
||||
.block-list_block img {
|
||||
flex-shrink: 0;
|
||||
width: 66px;
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
.block-list_block h3 {
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.block-list_block p {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.comment .comment-block {
|
||||
padding: 20px 24px;
|
||||
margin-top: 28px;
|
||||
}
|
||||
|
||||
.comment .comment-title {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.comment .answer-block {
|
||||
margin: 10px 0 0 42px;
|
||||
}
|
||||
|
||||
.comment .comment-user h6 {
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.comment .comment-block p {
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.comment .comment-btns {
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.comment .comment-btns button {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.comment .comment-user span {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.video_block iframe {
|
||||
width: 100%;
|
||||
height: 587px;
|
||||
}
|
||||
}
|
||||
|
||||
BIN
assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Heavy.ttf
Normal file
BIN
assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Heavy.ttf
Normal file
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 551 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 573 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 492 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 603 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 391 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 473 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 618 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 684 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 888 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 702 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 762 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 702 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 MiB |
BIN
assets/img/author-1.png
Normal file
BIN
assets/img/author-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 216 KiB |
BIN
assets/img/author-2.png
Normal file
BIN
assets/img/author-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 167 KiB |
BIN
assets/img/author-3.png
Normal file
BIN
assets/img/author-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 261 KiB |
BIN
assets/img/author-4.png
Normal file
BIN
assets/img/author-4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 261 KiB |
BIN
assets/img/author-5.png
Normal file
BIN
assets/img/author-5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 247 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 145 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 104 KiB |
BIN
assets/img/author-main-card.png
Normal file
BIN
assets/img/author-main-card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 429 KiB |
@@ -1,9 +0,0 @@
|
||||
<svg width="121" height="121" viewBox="0 0 121 121" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M103.293 60.2828C103.293 76.4596 98.412 91.066 90.5695 101.605C85.027 109.053 78.0294 114.445 70.2389 116.967C74.3157 113.838 77.8884 108.836 80.7637 102.622C85.8012 91.7348 88.8903 76.7646 88.8903 60.2828C88.8903 43.8009 85.8012 28.8307 80.7637 17.9436C77.8885 11.7295 74.3157 6.72732 70.2389 3.59884C78.0294 6.12069 85.027 11.5123 90.5695 18.9605C98.412 29.4996 103.293 44.1059 103.293 60.2828ZM60.46 120.566C60.4231 120.566 60.3862 120.566 60.3494 120.565C60.2951 120.565 60.2408 120.566 60.1864 120.566C60.1835 120.566 60.1806 120.566 60.1776 120.566C60.1752 120.566 60.1728 120.566 60.1704 120.566C58.3847 120.565 56.6246 120.427 54.8956 120.158C24.1275 117.438 -2.75205e-06 91.6409 0 60.2154C2.44683e-06 27.8551 25.5845 1.46296 57.6588 0.092141C58.4923 0.0309959 59.3322 -7.39604e-08 60.1779 0C60.2353 5.02441e-09 60.2927 0.000143045 60.3501 0.000428854C60.3867 0.000143983 60.4233 1.39357e-06 60.46 1.39686e-06C60.6265 1.4118e-06 60.7926 0.00294737 60.9582 0.00881014C61.452 0.0199689 61.9438 0.0416977 62.4334 0.0738259C94.7279 1.20495 120.563 27.6968 120.563 60.2154C120.563 91.8003 96.1902 117.7 65.1988 120.197C63.8045 120.403 62.3903 120.524 60.9589 120.557C60.793 120.563 60.6267 120.566 60.46 120.566ZM56.398 117.863C50.968 115.972 45.9285 110.334 41.9713 101.782C37.081 91.2132 34.0296 76.5419 34.0296 60.2828C34.0296 44.0236 37.081 29.3524 41.9713 18.7834C45.9285 10.2312 50.968 4.5937 56.398 2.70286C55.9307 3.43365 55.491 4.29568 55.0757 5.26482C53.7467 8.36594 52.5728 12.7918 51.5951 18.1851C49.6369 28.9881 48.4317 43.8713 48.4317 60.2828C48.4317 76.6942 49.6369 91.5775 51.5951 102.38C52.5727 107.774 53.7466 112.2 55.0757 115.301C55.491 116.27 55.9307 117.132 56.398 117.863ZM59.5738 118.391C59.3359 118.259 59.0646 118.041 58.7605 117.698C58.1613 117.022 57.5368 115.966 56.914 114.513C55.6717 111.614 54.5301 107.359 53.5631 102.024C51.632 91.3705 50.4317 76.6123 50.4317 60.2828C50.4317 43.9532 51.632 29.195 53.5631 18.5419C54.5301 13.2071 55.6717 8.95127 56.914 6.05265C57.5368 4.59943 58.1613 3.54387 58.7605 2.8675C59.2172 2.35195 59.6 2.11972 59.9065 2.03738C60.0315 2.03659 60.1565 2.0362 60.2816 2.0362C60.3361 2.0362 60.3906 2.03627 60.4451 2.03642C60.7523 2.11792 61.1363 2.34994 61.5947 2.8675C62.1939 3.54387 62.8185 4.59943 63.4413 6.05265C64.6835 8.95127 65.8251 13.2071 66.7922 18.5419C68.7232 29.195 69.9235 43.9532 69.9235 60.2828C69.9235 76.6123 68.7232 91.3705 66.7921 102.024C65.8251 107.359 64.6835 111.614 63.4412 114.513C62.8185 115.966 62.1939 117.022 61.5947 117.698C61.289 118.043 61.0164 118.261 60.7776 118.393C60.6124 118.394 60.4471 118.395 60.2816 118.395C60.0453 118.395 59.8094 118.393 59.5738 118.391ZM63.8089 118.089C64.3318 117.312 64.8206 116.372 65.2795 115.301C66.6086 112.2 67.7825 107.774 68.7601 102.38C70.7183 91.5775 71.9235 76.6942 71.9235 60.2828C71.9235 43.8713 70.7183 28.9881 68.7601 18.1851C67.7825 12.7919 66.6086 8.36594 65.2796 5.26482C64.8206 4.19382 64.3318 3.25364 63.8089 2.47682C69.5101 4.10729 74.8188 9.858 78.9486 18.7834C83.8389 29.3524 86.8903 44.0236 86.8903 60.2828C86.8903 76.5419 83.8389 91.2132 78.9486 101.782C74.8188 110.708 69.5101 116.458 63.8089 118.089ZM29.7862 101.605C35.5546 109.357 42.899 114.881 51.0731 117.261C46.8331 114.157 43.1233 109.035 40.1562 102.622C35.1187 91.7348 32.0296 76.7646 32.0296 60.2828C32.0296 43.8009 35.1187 28.8307 40.1562 17.9436C43.1233 11.5311 46.8331 6.40909 51.0731 3.3049C42.899 5.68469 35.5546 11.2088 29.7862 18.9605C21.9437 29.4995 17.063 44.1059 17.063 60.2828C17.063 76.4596 21.9437 91.066 29.7862 101.605ZM77.583 4.64253C83.0999 7.7243 88.047 12.2205 92.174 17.7665C100.298 28.6836 105.293 43.7186 105.293 60.2828C105.293 76.8469 100.298 91.882 92.174 102.799C88.1799 108.166 83.4176 112.551 78.1141 115.621C101.58 108.101 118.563 86.1369 118.563 60.2154C118.563 34.0987 101.324 11.9996 77.583 4.64253ZM41.9809 115.469C18.7572 107.808 2 85.9642 2 60.2154C2 34.2712 19.0125 12.2917 42.5107 4.79022C37.0991 7.86718 32.2433 12.3085 28.1817 17.7665C20.0579 28.6836 15.063 43.7186 15.063 60.2828C15.063 76.8469 20.0579 91.882 28.1817 102.799C32.1103 108.078 36.782 112.407 41.9809 115.469Z" fill="url(#paint0_linear_11666_41291)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_11666_41291" x1="4.63847" y1="82.4894" x2="29.4618" y2="20.0946" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F44242"/>
|
||||
<stop offset="1" stop-color="#569EF0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 4.5 KiB |
@@ -1,19 +0,0 @@
|
||||
<svg width="166" height="104" viewBox="0 0 166 104" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M142.355 59.8173L142.372 59.801L142.387 59.7839L147.777 53.871C148.857 52.6864 148.814 50.8622 147.681 49.7288L142.355 44.4031L109.757 11.8051C107.414 9.46199 107.414 5.663 109.757 3.31986C112.101 0.976713 115.9 0.976713 118.243 3.31986L162.79 47.8676C165.134 50.2107 165.134 54.0097 162.79 56.3529L118.243 100.901C115.9 103.244 112.101 103.244 109.757 100.901C107.414 98.5575 107.414 94.7585 109.757 92.4153L142.355 59.8173Z" stroke="url(#paint0_linear_11666_41297)" stroke-width="2"/>
|
||||
<path d="M88.8554 59.8173L88.8717 59.801L88.8873 59.7839L94.2768 53.871C95.3566 52.6864 95.3144 50.8622 94.181 49.7288L88.8554 44.4031L56.2574 11.8051C53.9142 9.46199 53.9142 5.663 56.2574 3.31986C58.6005 0.976713 62.3995 0.976713 64.7427 3.31986L109.29 47.8676C111.634 50.2107 111.634 54.0097 109.29 56.3529L64.7427 100.901C62.3995 103.244 58.6005 103.244 56.2574 100.901C53.9142 98.5575 53.9142 94.7585 56.2574 92.4153L88.8554 59.8173Z" stroke="url(#paint1_linear_11666_41297)" stroke-width="2"/>
|
||||
<path d="M35.3554 59.8173L35.3717 59.801L35.3873 59.7839L40.7768 53.871C41.8566 52.6864 41.8144 50.8622 40.681 49.7288L35.3554 44.4031L2.75736 11.8051C0.414214 9.46199 0.414213 5.663 2.75736 3.31986C5.10051 0.976713 8.89951 0.976713 11.2427 3.31986L55.7904 47.8676C58.1335 50.2107 58.1335 54.0097 55.7904 56.3529L11.2427 100.901C8.89951 103.244 5.10052 103.244 2.75737 100.901C0.414222 98.5575 0.41422 94.7585 2.75737 92.4153L35.3554 59.8173Z" stroke="url(#paint2_linear_11666_41297)" stroke-width="2"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_11666_41297" x1="109.253" y1="71.0991" x2="138.293" y2="29.6446" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F44242"/>
|
||||
<stop offset="1" stop-color="#569EF0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_11666_41297" x1="55.7525" y1="71.0991" x2="84.793" y2="29.6446" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F44242"/>
|
||||
<stop offset="1" stop-color="#569EF0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_11666_41297" x1="2.25254" y1="71.0991" x2="31.293" y2="29.6446" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F44242"/>
|
||||
<stop offset="1" stop-color="#569EF0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.2 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 3.4 MiB |
@@ -1,9 +0,0 @@
|
||||
<svg width="145" height="98" viewBox="0 0 145 98" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M66.9613 0.661133C66.3364 0.661133 65.7371 0.904633 65.2952 1.33807L33.1564 32.8619C32.3011 33.7008 32.2323 35.0387 32.9972 35.9577L39.739 44.0584C27.9109 49.1211 17.8349 54.9282 10.8059 60.7227C7.17983 63.712 4.31581 66.7378 2.45064 69.7005C0.582667 72.6678 -0.333613 75.658 0.110647 78.4864C0.707324 82.2852 3.54344 85.1201 7.74426 87.101C11.9591 89.0887 17.7247 90.3088 24.5811 90.782C35.5224 91.5371 49.4098 90.4007 64.605 87.2774V95.3499C64.605 96.6264 65.66 97.6611 66.9613 97.6611H82.2655C83.5668 97.6611 84.6218 96.6264 84.6218 95.3499V82.1903C101.016 77.2236 115.448 70.8146 126.064 64.11C132.234 60.2132 137.174 56.1793 140.455 52.2216C143.725 48.2771 145.481 44.2353 144.885 40.4365C144.377 37.203 142.079 34.7256 138.709 32.9022C135.33 31.0739 130.725 29.8167 125.268 29.091C114.481 27.6562 100.115 28.2669 84.6218 30.9123V2.97234C84.6218 1.69589 83.5668 0.661133 82.2655 0.661133H66.9613ZM84.6218 33.2672V79.7951C100.665 74.8984 114.716 68.6299 125.002 62.1332C131.046 58.3159 135.731 54.457 138.763 50.8003C141.805 47.1305 143.049 43.8363 142.609 41.0347C142.246 38.727 140.565 36.6846 137.48 35.015C134.403 33.3503 130.074 32.1413 124.751 31.4333C114.212 30.0315 100.024 30.6249 84.6218 33.2672ZM82.2655 80.5002V2.97234H66.9613L34.8226 34.4962L44.2405 45.8124L66.9613 24.1037V84.4148C69.9535 83.7611 72.9948 83.0303 76.0727 82.2214C78.1646 81.6716 80.23 81.0971 82.2655 80.5002ZM66.9613 86.7794V95.3499H82.2655V82.8902C80.345 83.4494 78.3994 83.9885 76.4314 84.5057C73.2335 85.3462 70.0722 86.1038 66.9613 86.7794ZM64.605 84.9157V29.5815L45.8847 47.468C45.4113 47.9203 44.7661 48.1568 44.1064 48.1199C43.4467 48.083 42.8331 47.7761 42.4152 47.274L41.2541 45.8789C29.2075 50.965 19.0684 56.7905 12.1377 62.5041C8.63995 65.3876 6.00819 68.2027 4.35063 70.8357C2.69589 73.4643 2.06251 75.8246 2.38665 77.8882C2.8267 80.6898 4.96565 83.0949 8.87395 84.938C12.7682 86.7744 18.2459 87.9624 24.9624 88.4259C35.7179 89.1682 49.4812 88.042 64.605 84.9157Z" fill="url(#paint0_linear_1_3164)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1_3164" x1="5.57864" y1="67.0273" x2="20.0296" y2="12.7285" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F44242"/>
|
||||
<stop offset="1" stop-color="#569EF0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.3 KiB |
@@ -1,9 +0,0 @@
|
||||
<svg width="145" height="98" viewBox="0 0 145 98" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.9201 36.0402C32.8523 36.689 33.0711 37.3353 33.5224 37.8191C33.9737 38.3028 34.6152 38.5789 35.2882 38.5789H36.328C26.3176 43.1677 17.6325 48.3985 11.2812 53.6175C7.53717 56.694 4.55692 59.805 2.60355 62.8198C0.651972 65.8318 -0.341358 68.8573 0.106108 71.6716C0.70351 75.4289 3.54284 78.2313 7.74461 80.1887C11.9606 82.1527 17.7268 83.3581 24.5831 83.8256C27.0569 83.9942 29.6812 84.0674 32.4372 84.0439V95.3548C32.4372 96.6285 33.5028 97.6611 34.8174 97.6611H100.97C102.284 97.6611 103.35 96.6285 103.35 95.3548V80.8694C103.35 79.5956 102.284 78.563 100.97 78.563H72.6935C73.933 78.2631 75.1789 77.9507 76.4304 77.6257C96.1922 72.4948 113.709 65.1843 126.06 57.4782C132.23 53.6286 137.171 49.6432 140.453 45.7325C143.724 41.8349 145.482 37.8388 144.885 34.0814C144.458 31.3958 142.82 29.2222 140.361 27.5222C137.908 25.8267 134.575 24.5548 130.587 23.6694C122.614 21.8992 111.787 21.6239 99.4679 22.8192C98.3782 17.7407 96.432 13.3742 93.5637 9.78139C88.6641 3.46393 80.0441 0.661133 68.5999 0.661133C58.431 0.661133 50.1046 3.33308 43.9074 8.92099L43.8953 8.932C37.7155 14.5828 34.1995 23.7981 32.9201 36.0402ZM99.896 25.1229C100.318 27.789 100.525 30.6337 100.525 33.6492C100.525 39.1049 98.9851 44.3635 95.9728 49.3948C93.0423 54.4203 88.3149 59.5967 81.9253 64.9368L81.9235 64.9383C77.0925 68.9677 70.9409 73.3994 63.4868 78.2321C67.5877 77.4174 71.7925 76.4563 76.068 75.3462C95.6509 70.2618 112.913 63.0388 124.988 55.5055C131.03 51.7353 135.713 47.9246 138.743 44.3142C141.784 40.6906 143.025 37.4406 142.586 34.6784C142.277 32.7351 141.075 30.9981 138.922 29.5104C136.764 28.0182 133.713 26.8254 129.877 25.9737C122.305 24.2928 111.899 23.9893 99.896 25.1229ZM57.3983 79.348C57.8185 79.0851 58.2351 78.8235 58.6479 78.563C67.6603 72.8765 74.9012 67.7522 80.3708 63.1903C86.6486 57.9436 91.1607 52.9631 93.9073 48.2487C96.7323 43.5343 98.1448 38.6678 98.1448 33.6492C98.1448 24.0683 95.9868 16.5785 91.6708 11.1797C87.4333 5.7049 79.743 2.9675 68.5999 2.9675C58.8692 2.9675 51.1789 5.51481 45.5289 10.6094C40.3207 15.3718 36.9982 23.1574 35.5614 33.9662C35.4612 34.7202 35.3701 35.489 35.2882 36.2725H41.603C41.6849 36.2384 41.7669 36.2043 41.8489 36.1703C42.2364 36.0096 42.6393 36.0616 42.9319 36.2725H50.2373C51.1005 29.429 52.9838 24.6006 55.8873 21.7871C58.7908 18.9737 63.0283 17.567 68.5999 17.567C73.7791 17.567 77.5065 18.9737 79.7822 21.7871C82.0579 24.5245 83.1958 28.4786 83.1958 33.6492C83.1958 37.9074 81.744 42.0515 78.8405 46.0816C76.0155 50.1116 71.2287 54.75 64.48 59.9967C57.8099 65.2434 47.9223 72.2009 34.8174 80.8694V81.6496C41.6564 81.4691 49.2771 80.7093 57.3983 79.348ZM34.8174 84.0005V95.3548H100.97V80.8694H62.0343C52.2129 82.7389 42.9886 83.7739 34.8174 84.0005ZM32.4372 81.6893V80.8694C32.4372 80.1072 32.8258 79.3942 33.4754 78.9645C46.5632 70.3074 56.3867 63.3922 62.9799 58.206L62.9905 58.1978C69.6671 53.0071 74.2418 48.5372 76.8716 44.7856C76.8773 44.7775 76.8831 44.7694 76.8889 44.7613C79.5578 41.0568 80.8156 37.3652 80.8156 33.6492C80.8156 28.7654 79.7354 25.4074 77.9286 23.234C77.922 23.226 77.9154 23.218 77.9089 23.2099C76.2469 21.1553 73.3595 19.8733 68.5999 19.8733C63.4283 19.8733 59.8869 21.1733 57.5703 23.418C55.2319 25.6839 53.4411 29.8832 52.5999 36.5523C52.4539 37.7093 51.4401 38.5789 50.2373 38.5789H41.9659C30.0356 43.5809 19.7553 49.5372 12.6357 55.3876C9.01639 58.3617 6.26107 61.2699 4.5118 63.9697C2.76075 66.6723 2.08436 69.0568 2.40519 71.0747C2.84438 73.8369 4.97947 76.2104 8.88576 78.0302C12.7779 79.8433 18.2533 81.0166 24.9682 81.4744C27.3198 81.6348 29.8152 81.7068 32.4372 81.6893Z" fill="url(#paint0_linear_1_3169)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1_3169" x1="5.57864" y1="67.0273" x2="20.0296" y2="12.7285" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F44242"/>
|
||||
<stop offset="1" stop-color="#569EF0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.9 KiB |
@@ -1,9 +0,0 @@
|
||||
<svg width="145" height="98" viewBox="0 0 145 98" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M38.9515 84.0341C33.7684 84.3385 28.9484 84.3376 24.5949 84.0373C17.7393 83.5644 11.973 82.345 7.75662 80.3578C3.55451 78.3772 0.713038 75.5409 0.115148 71.7365C-0.327501 68.9199 0.526682 65.9612 2.32256 63.0258C4.11345 60.0986 6.87992 57.1244 10.4079 54.1885C17.4603 48.3197 27.7525 42.4418 40.059 37.2741L49.0623 32.9348C49.0885 32.9221 49.1148 32.9105 49.1412 32.8999L70.8457 18.6302H38.5945C37.2702 18.6302 36.1967 17.5778 36.1967 16.2797V3.0117C36.1967 1.71352 37.2702 0.661133 38.5945 0.661133H100.498C101.822 0.661133 102.896 1.71352 102.896 3.0117V16.2797C102.896 17.1018 102.458 17.8643 101.74 18.2902L92.8708 23.5566L99.3855 22.3176L99.4382 22.3124C111.768 21.1 122.604 21.3774 130.584 23.1696C134.572 24.0654 137.905 25.3523 140.359 27.0681C142.819 28.7885 144.457 30.9888 144.885 33.7083C145.482 37.5127 143.722 41.5578 140.451 45.5014C137.169 49.4584 132.228 53.4904 126.059 57.3846C119.991 61.2147 112.677 64.9481 104.462 68.3708C103.373 76.4414 100.224 83.1146 94.875 88.2254L94.8637 88.2361C88.0985 94.6165 78.7635 97.6611 67.1925 97.6611C58.8897 97.6611 51.6871 95.4534 45.7211 90.9415C43.1739 89.0152 40.9202 86.7075 38.9515 84.0341ZM47.8839 62.7147C47.6171 62.0565 47.0617 61.5514 46.3723 61.3397C45.6829 61.128 44.9328 61.2324 44.3307 61.6238L33.5035 68.6616C32.6025 69.2472 32.2127 70.3513 32.5516 71.3576C33.8487 75.2085 35.4541 78.6705 37.3783 81.7247C32.9219 81.9318 28.7661 81.9021 24.9828 81.6411C18.2697 81.1781 12.7964 79.9914 8.90618 78.1579C5.00171 76.3176 2.86967 73.9184 2.43116 71.1281C2.10565 69.0568 2.70003 66.7239 4.27485 64.1499C5.85466 61.5677 8.38103 58.8148 11.7734 55.9917C18.5559 50.3475 28.6032 44.5851 40.7874 39.4713L40.818 39.4585L46.8112 36.57C46.821 36.597 46.8315 36.6239 46.8424 36.6508L52.9622 51.6493C53.4521 52.8502 54.8397 53.4374 56.0672 52.9634C60.9959 51.0599 65.7982 50.1272 70.4877 50.1272C75.2247 50.1272 78.7925 51.1965 81.4063 53.1183L81.4201 53.1284C81.4259 53.1326 81.4317 53.1367 81.4376 53.1409C83.8065 54.8246 85.1547 57.4848 85.1547 61.6215C85.1547 67.2588 83.4182 71.2752 80.2148 74.0366C80.0423 74.1813 79.8674 74.3224 79.6899 74.46C78.4928 74.7955 77.2861 75.1232 76.0705 75.4425C72.1126 76.4822 68.2154 77.3926 64.4052 78.1759C60.6283 77.802 57.7367 76.6428 55.5791 74.8414C52.8501 72.4957 50.2455 68.5399 47.8839 62.7147ZM58.6304 79.2784C56.8876 78.6247 55.348 77.7385 54.0115 76.6201C51.2719 74.27 48.8014 70.6598 46.5998 65.7895C46.2794 65.0806 45.9647 64.3451 45.6557 63.5828L34.8285 70.6206C36.2342 74.7943 37.9997 78.4439 40.1251 81.5694C45.8875 81.1872 52.1037 80.4274 58.6304 79.2784ZM101.879 69.425C100.692 76.4429 97.7995 82.1486 93.2014 86.5422C87.0032 92.3878 78.3336 95.3106 67.1925 95.3106C59.3467 95.3106 52.6777 93.2338 47.1856 89.0804C45.2155 87.5904 43.422 85.8431 41.8052 83.8385C48.858 83.287 56.5181 82.1953 64.5437 80.5493C65.3949 80.6218 66.2779 80.6581 67.1925 80.6581C72.6015 80.6581 77.1487 79.2933 80.8341 76.5637C88.2648 74.4538 95.3345 72.0405 101.879 69.425ZM102.238 66.7887C102.412 65.133 102.499 63.4107 102.499 61.6215C102.499 53.9299 99.9488 48.0074 94.849 43.854C89.8277 39.6236 82.8057 37.5084 73.783 37.5084C72.3022 37.5084 70.7111 37.5805 69.0097 37.7246C67.1956 37.8782 65.256 38.1139 63.1911 38.4314L100.498 16.2797V3.0117H38.5945V16.2797H78.7259L49.0686 35.7778L55.1883 50.7762C60.3666 48.7764 65.4664 47.7767 70.4877 47.7767C75.5875 47.7767 79.7066 48.9304 82.8449 51.2379C85.9833 53.4684 87.5524 56.9296 87.5524 61.6215C87.5524 66.2671 86.4567 70.1017 84.2653 73.1252C90.6002 71.204 96.6274 69.0685 102.238 66.7887ZM104.74 65.7511C112.439 62.4912 119.286 58.9676 124.978 55.3742C131.019 51.5608 135.701 47.7068 138.729 44.0559C141.768 40.3916 143.007 37.107 142.568 34.3167C142.26 32.3539 141.06 30.5984 138.909 29.0944C136.752 27.5858 133.703 26.3796 129.868 25.5182C122.212 23.7986 111.657 23.5043 99.4824 24.6976L90.0422 26.493C89.5381 26.5889 89.081 26.3479 88.8787 25.927L73.329 35.1599C73.4813 35.1585 73.6326 35.1578 73.783 35.1578C83.1621 35.1578 90.8062 37.3562 96.3967 42.0585C102.137 46.7413 104.896 53.3805 104.896 61.6215C104.896 63.0331 104.844 64.4098 104.74 65.7511Z" fill="url(#paint0_linear_1_3174)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1_3174" x1="5.57864" y1="67.0273" x2="20.0296" y2="12.7285" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F44242"/>
|
||||
<stop offset="1" stop-color="#569EF0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 4.4 KiB |
@@ -1,14 +0,0 @@
|
||||
<svg width="145" height="98" viewBox="0 0 145 98" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M76.7999 62.6744V21.095L44.5417 62.6744H76.7999ZM49.1258 60.3738L74.6437 27.4823V60.3738H49.1258Z" fill="url(#paint0_linear_1_3179)"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M104.719 69.5394C112.74 65.9858 119.896 62.1587 125.861 58.2669C132.059 54.2231 137.027 50.0735 140.34 46.0409C143.633 42.0334 145.456 37.9289 144.902 34.0885C144.505 31.34 142.883 29.1655 140.462 27.5023C138.044 25.841 134.744 24.628 130.785 23.8206C122.86 22.2046 112.062 22.169 99.7455 23.6636L99.7181 23.667L93.0286 24.8654V2.96178C93.0286 1.69117 92.0632 0.661133 90.8723 0.661133H75.7174C75.0836 0.661133 74.4819 0.958656 74.0722 1.47463L44.3558 38.8998C44.0907 38.6365 43.6931 38.554 43.3094 38.7238C30.9526 44.1914 19.8817 50.6387 12.052 56.987C8.14123 60.158 4.98889 63.3443 2.89426 66.4162C0.808053 69.4758 -0.333601 72.5829 0.0862154 75.4903C0.640754 79.3307 3.45795 82.1084 7.60101 83.9901C11.77 85.8836 17.4949 86.9762 24.3228 87.296C37.6536 87.9204 55.4239 85.6084 74.6437 80.248V95.3605C74.6437 96.6311 75.6091 97.6611 76.7999 97.6611H90.8723C92.0632 97.6611 93.0286 96.6311 93.0286 95.3605V79.5279H102.563C103.754 79.5279 104.719 78.4979 104.719 77.2272V69.5394ZM104.719 62.6744C104.719 61.4038 103.754 60.3738 102.563 60.3738H93.0286V27.2086L99.7925 25.9968C111.989 24.5187 122.557 24.574 130.209 26.1344C134.041 26.9158 137.085 28.0634 139.231 29.5376C141.374 31.0097 142.539 32.7452 142.819 34.684C143.217 37.4455 141.955 40.7722 138.851 44.5501C135.768 48.3029 131.028 52.293 124.936 56.2678C119.234 59.9881 112.396 63.6636 104.719 67.0968V62.6744ZM102.563 68.0452V62.6744H90.8723V2.96178H75.7174L28.3043 62.6744V77.2272H76.7999V77.2665C86.0058 74.5894 94.6942 71.4489 102.563 68.0452ZM76.7999 79.6355C85.9732 76.9827 94.6593 73.8676 102.563 70.4791V77.2272H90.8723V95.3605H76.7999V79.6355ZM68.4442 79.5279H28.3043C27.1135 79.5279 26.1481 78.4979 26.1481 77.2272V62.6744C26.1481 62.1298 26.3292 61.6028 26.6591 61.1873L42.1368 41.6945C30.6197 46.9322 20.4222 52.9658 13.1771 58.8402C9.3653 61.9308 6.42088 64.9373 4.52605 67.7162C2.62279 70.5074 1.88226 72.909 2.16899 74.8948C2.56774 77.6563 4.65267 80.0261 8.5583 81.8C12.438 83.5621 17.9084 84.6332 24.6199 84.9475C36.3412 85.4965 51.6605 83.73 68.4442 79.5279Z" fill="url(#paint1_linear_1_3179)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1_3179" x1="5.57864" y1="67.0273" x2="20.0296" y2="12.7285" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F44242"/>
|
||||
<stop offset="1" stop-color="#569EF0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1_3179" x1="5.57864" y1="67.0273" x2="20.0296" y2="12.7285" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F44242"/>
|
||||
<stop offset="1" stop-color="#569EF0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 138 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 142 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 310 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 88 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 263 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 246 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 668 KiB |
@@ -1,3 +0,0 @@
|
||||
<svg width="42" height="33" viewBox="0 0 42 33" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.88461 32.6538C6.5 32.6538 4.42308 31.7692 2.65385 30C0.884615 28.2308 0 25.5769 0 22.0385C0 18.9615 0.615385 16 1.84615 13.1538C3.07692 10.3077 5.07692 7.73077 7.84615 5.42308C10.6923 3.11538 14.3846 1.30769 18.9231 0V4.84615C15.1538 6.07692 12.3846 7.57692 10.6154 9.34615C8.84615 11.0385 7.96154 13 7.96154 15.2308C7.96154 16.3846 8.38461 17.2692 9.23077 17.8846C10.0769 18.5 11.0385 19.0769 12.1154 19.6154C13.2692 20.1538 14.2692 20.8846 15.1154 21.8077C15.9615 22.7308 16.3846 24.0769 16.3846 25.8462C16.3846 28 15.6538 29.6923 14.1923 30.9231C12.8077 32.0769 11.0385 32.6538 8.88461 32.6538ZM31.9615 32.6538C29.5769 32.6538 27.5 31.7692 25.7308 30C23.9615 28.2308 23.0769 25.5769 23.0769 22.0385C23.0769 18.9615 23.6923 16 24.9231 13.1538C26.1538 10.3077 28.1538 7.73077 30.9231 5.42308C33.7692 3.11538 37.4615 1.30769 42 0V4.84615C38.2308 6.07692 35.4615 7.57692 33.6923 9.34615C31.9231 11.0385 31.0385 13 31.0385 15.2308C31.0385 16.3846 31.4615 17.2692 32.3077 17.8846C33.1538 18.5 34.1154 19.0769 35.1923 19.6154C36.3462 20.1538 37.3462 20.8846 38.1923 21.8077C39.0385 22.7308 39.4615 24.0769 39.4615 25.8462C39.4615 28 38.7308 29.6923 37.2692 30.9231C35.8846 32.0769 34.1154 32.6538 31.9615 32.6538Z" fill="#121212"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB |
@@ -1,3 +0,0 @@
|
||||
<svg width="42" height="31" viewBox="0 0 42 31" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M33.1154 0.00698775C35.5 0.00698796 37.5769 0.846611 39.3462 2.52586C41.1154 4.2051 42 6.72397 42 10.0825C42 13.0029 41.3846 15.8138 40.1538 18.5152C38.9231 21.2166 36.9231 23.6624 34.1538 25.8528C31.3077 28.0431 27.6154 29.7588 23.0769 31L23.0769 26.4003C26.8462 25.2322 29.6154 23.8085 31.3846 22.1292C33.1538 20.523 34.0385 18.6612 34.0385 16.5439C34.0385 15.4487 33.6154 14.6091 32.7692 14.025C31.9231 13.4409 30.9615 12.8934 29.8846 12.3823C28.7308 11.8712 27.7308 11.1776 26.8846 10.3015C26.0385 9.42536 25.6154 8.14768 25.6154 6.46843C25.6154 4.42413 26.3462 2.8179 27.8077 1.64973C29.1923 0.554568 30.9615 0.00698756 33.1154 0.00698775ZM10.0385 0.00698573C12.4231 0.00698594 14.5 0.846609 16.2692 2.52585C18.0385 4.2051 18.9231 6.72397 18.9231 10.0825C18.9231 13.0029 18.3077 15.8138 17.0769 18.5152C15.8462 21.2166 13.8462 23.6624 11.0769 25.8527C8.23077 28.0431 4.53846 29.7588 3.8147e-06 31L4.21681e-06 26.4003C3.76923 25.2322 6.53846 23.8085 8.30769 22.1292C10.0769 20.523 10.9615 18.6612 10.9615 16.5439C10.9615 15.4487 10.5385 14.6091 9.6923 14.025C8.84615 13.4409 7.88462 12.8934 6.80769 12.3823C5.65385 11.8712 4.65385 11.1776 3.8077 10.3015C2.96154 9.42536 2.53846 8.14767 2.53846 6.46843C2.53846 4.42413 3.26923 2.8179 4.73077 1.64972C6.11538 0.554566 7.88462 0.00698554 10.0385 0.00698573Z" fill="#121212"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -1,5 +0,0 @@
|
||||
<svg width="68" height="60" viewBox="0 0 68 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M34 46.0156C32.8954 46.0156 32 46.9111 32 48.0156C32 49.1202 32.8954 50.0156 34 50.0156C35.1046 50.0156 36 49.1202 36 48.0156C36 46.9111 35.1046 46.0156 34 46.0156ZM40 48.0156C40 51.3293 37.3137 54.0156 34 54.0156C30.6863 54.0156 28 51.3293 28 48.0156C28 44.7019 30.6863 42.0156 34 42.0156C37.3137 42.0156 40 44.7019 40 48.0156Z" fill="#DD2127"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M40 19.0156V34.0156C40 37.3293 37.3137 40.0156 34 40.0156C30.6863 40.0156 28 37.3293 28 34.0156V19.0156C28 15.7019 30.6863 13.0156 34 13.0156C37.3137 13.0156 40 15.7019 40 19.0156ZM36 19.0156V34.0156C36 35.1202 35.1046 36.0156 34 36.0156C32.8954 36.0156 32 35.1202 32 34.0156V19.0156C32 17.9111 32.8954 17.0156 34 17.0156C35.1046 17.0156 36 17.9111 36 19.0156Z" fill="#DD2127"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M34 0.015625C35.4291 0.015625 36.7496 0.778021 37.4641 2.01562L67.4641 53.9771C68.1786 55.2148 68.1786 56.7395 67.4641 57.9771C66.7496 59.2148 65.4291 59.9771 64 59.9771H4C2.57094 59.9771 1.25043 59.2148 0.535898 57.9771C-0.178633 56.7395 -0.178633 55.2148 0.535898 53.9771L30.5359 2.01562C31.2504 0.778021 32.5709 0.015625 34 0.015625ZM34 4.01562L4 55.9771H64L34 4.01562Z" fill="#DD2127"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB |
@@ -1,5 +0,0 @@
|
||||
<svg width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M68 34C68 52.7777 52.7777 68 34 68C15.2223 68 0 52.7777 0 34C0 15.2223 15.2223 0 34 0C52.7777 0 68 15.2223 68 34ZM34 64C50.5685 64 64 50.5685 64 34C64 17.4315 50.5685 4 34 4C17.4315 4 4 17.4315 4 34C4 50.5685 17.4315 64 34 64Z" fill="#F3C81C"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M34 49C32.8954 49 32 49.8954 32 51C32 52.1046 32.8954 53 34 53C35.1046 53 36 52.1046 36 51C36 49.8954 35.1046 49 34 49ZM40 51C40 54.3137 37.3137 57 34 57C30.6863 57 28 54.3137 28 51C28 47.6863 30.6863 45 34 45C37.3137 45 40 47.6863 40 51Z" fill="#F3C81C"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M40 16V36C40 39.3137 37.3137 42 34 42C30.6863 42 28 39.3137 28 36V16C28 12.6863 30.6863 10 34 10C37.3137 10 40 12.6863 40 16ZM36 16C36 14.8954 35.1046 14 34 14C32.8954 14 32 14.8954 32 16V36C32 37.1046 32.8954 38 34 38C35.1046 38 36 37.1046 36 36V16Z" fill="#F3C81C"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1021 B |
@@ -1,18 +0,0 @@
|
||||
<svg width="68" height="68" viewBox="0 0 68 68" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M68 34C68 52.7777 52.7777 68 34 68C15.2223 68 0 52.7777 0 34C0 15.2223 15.2223 0 34 0C45.7745 0 56.1488 5.98866 62.245 15.0677C63.0245 16.2286 63.7345 17.4405 64.369 18.6976C64.8342 19.6192 65.2588 20.565 65.6404 21.5327C67.1646 25.3983 68 29.6064 68 34ZM34 64C50.5685 64 64 50.5685 64 34C64 30.1168 63.2622 26.406 61.9192 23C61.5828 22.1468 65 21.5327 63.5 18C61.9192 15.0677 58.9242 17.2975 58.9242 17.2975C53.5392 9.27772 44.3859 4 34 4C17.4315 4 4 17.4315 4 34C4 50.5685 17.4315 64 34 64Z" fill="url(#paint0_radial_11667_42358)"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M65.5962 14.9038C68.1346 17.4422 68.1346 21.5578 65.5962 24.0962L62.7678 21.2678C63.7441 20.2915 63.7441 18.7085 62.7678 17.7322L65.5962 14.9038ZM35 36.3076L56.4038 14.9038C58.9422 12.3654 63.0578 12.3654 65.5962 14.9038L62.7678 17.7322C61.7915 16.7559 60.2085 16.7559 59.2322 17.7322L35 41.9645L22.2678 29.2322C21.2915 28.2559 19.7085 28.2559 18.7322 29.2322C17.7559 30.2085 17.7559 31.7915 18.7322 32.7678L33.2322 47.2678C34.2085 48.2441 35.7915 48.2441 36.7678 47.2678L62.7678 21.2678L65.5962 24.0962L39.5962 50.0962C37.0578 52.6346 32.9422 52.6346 30.4038 50.0962L15.9038 35.5962C13.3654 33.0578 13.3654 28.9422 15.9038 26.4038C18.4422 23.8654 22.5578 23.8654 25.0962 26.4038L35 36.3076Z" fill="url(#paint1_radial_11667_42358)"/>
|
||||
<defs>
|
||||
<radialGradient id="paint0_radial_11667_42358" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(68 3.53762e-06) rotate(135) scale(96.1665 131.292)">
|
||||
<stop stop-color="#188892"/>
|
||||
<stop offset="0.45" stop-color="#1EA49C"/>
|
||||
<stop offset="0.9" stop-color="#76CE75"/>
|
||||
<stop offset="1" stop-color="#BBE38D"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="paint1_radial_11667_42358" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(68 3.53762e-06) rotate(135) scale(96.1665 131.292)">
|
||||
<stop stop-color="#188892"/>
|
||||
<stop offset="0.45" stop-color="#1EA49C"/>
|
||||
<stop offset="0.9" stop-color="#76CE75"/>
|
||||
<stop offset="1" stop-color="#BBE38D"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 795 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 781 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB |
215
author.html
Normal file
215
author.html
Normal file
@@ -0,0 +1,215 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>SEO title</title>
|
||||
<meta name="description" content="SEO Description">
|
||||
<link rel="shortcut icon" href="/assets/img/favicon.ico?v=1.0">
|
||||
|
||||
<!-- Link Swiper's CSS -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||
|
||||
<!-- Базовые стили -->
|
||||
<link rel="stylesheet" href="/assets/css/gp-style-normalize.css?v=1.0">
|
||||
<link rel="stylesheet" href="/assets/css/gp-style-core.css?v=1.0">
|
||||
<link rel="stylesheet" href="/assets/css/gp-style-desktop.css?v=1.0">
|
||||
<!-- Адаптив -->
|
||||
<link rel="stylesheet" media="screen and (min-width: 1400px)" href="/assets/css/gp-style-ultra.css?v=1.0">
|
||||
<link rel="stylesheet" media="screen and (max-width: 1200px)" href="/assets/css/gp-style-xl.css?v=1.0">
|
||||
<link rel="stylesheet" media="screen and (max-width: 992px)" href="/assets/css/gp-style-tablet.css?v=1.0">
|
||||
<link rel="stylesheet" media="screen and (max-width: 576px)" href="/assets/css/gp-style-mobile.css?v=1.0">
|
||||
|
||||
|
||||
<!-- Яндекс.Вебмастер + Google Search Console -->
|
||||
<meta name="yandex-verification" content="XXXXXXXXXXXXXXXXX" />
|
||||
<meta name="google-site-verification" content="XXXXXXXXXXXXXXXXX" />
|
||||
<!-- /Яндекс.Вебмастер + Google Search Console -->
|
||||
|
||||
<!-- Yandex.Metrika counter -->
|
||||
<script type="text/javascript">
|
||||
(function (m, e, t, r, i, k, a) {
|
||||
m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
|
||||
m[i].l = 1 * new Date();
|
||||
for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
|
||||
k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
|
||||
})
|
||||
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
|
||||
|
||||
ym(XXXXXX, "init", { // XXXXXX - счетчик
|
||||
clickmap: true,
|
||||
trackLinks: true,
|
||||
accurateTrackBounce: true,
|
||||
webvisor: true,
|
||||
ecommerce: "dataLayer"
|
||||
});
|
||||
</script>
|
||||
<noscript>
|
||||
<div><img src="https://mc.yandex.ru/watch/85828806" style="position:absolute; left:-9999px;" alt="" /></div>
|
||||
</noscript>
|
||||
<!-- /Yandex.Metrika counter -->
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
|
||||
<!-- Header -->
|
||||
<header class="header">
|
||||
<div class="container header-container">
|
||||
<button class="header-bars">
|
||||
<img src="./assets/img/bars.svg" alt="">
|
||||
</button>
|
||||
<a href="/" class="header-logo">
|
||||
<img src="./assets/img/logo.svg" alt="">
|
||||
<span>сosmopet</span>
|
||||
</a>
|
||||
<ul class="header-navs">
|
||||
<li>
|
||||
<a href="#" class="header-navs__link">ГЛАВНАЯ</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="header-navs__link">О COSMOPET</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="header-navs__link">ПРОИЗВОДСТВО</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="header-navs__link">БЛОГ</a>
|
||||
</li>
|
||||
<li class="header-accordion">
|
||||
<div class="header-accordion__btn">
|
||||
<span>ПРОДУКЦИЯ</span>
|
||||
<img src="./assets/img/arrow-down.svg" alt="">
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="header-right">
|
||||
<div class="header-lang">
|
||||
<div class="header-lang__btn">
|
||||
<span>RU</span>
|
||||
<img src="./assets/img/arrow-down.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<a href="#">
|
||||
<img src="./assets/img/user-icon.svg" alt="">
|
||||
</a>
|
||||
<a href="#">
|
||||
<img src="./assets/img/basket-icon.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header end -->
|
||||
|
||||
<main>
|
||||
|
||||
<!-- Breadcrumb -->
|
||||
<section class="breadcrumb">
|
||||
<div class="container">
|
||||
<a href="#">Главная</a> /
|
||||
<a href="#">Блог</a> /
|
||||
<a href="#">Имя Фамилия</a>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Breadcrumb end -->
|
||||
|
||||
<!-- Authors block -->
|
||||
<section class="author">
|
||||
<div class="container">
|
||||
<div class="author-content">
|
||||
<div class="main-img">
|
||||
<img src="./assets/img/author-main-card.png" alt="">
|
||||
</div>
|
||||
<div>
|
||||
<div class="author-name">АвТОР АВТОР 1</div>
|
||||
<div class="author-type">главный редактор</div>
|
||||
<div class="author-description">Эксперт компании Cosmopet</div>
|
||||
<p>статей: 10</p>
|
||||
</div>
|
||||
</div>
|
||||
<h2>ЗАГОЛОВОК 1 </h2>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Authors block end -->
|
||||
|
||||
</main>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-top">
|
||||
<div class="footer-content__wrap">
|
||||
<div class="footer-content">
|
||||
<a href="/" class="logo">
|
||||
<img src="./assets/img/logo-green.svg" alt="">
|
||||
<span>сosmopet</span>
|
||||
</a>
|
||||
<p class="footer-content__address">
|
||||
123182 г. Москва, <br>
|
||||
4-й Красногорский пр., <br>
|
||||
д. 2/4, стр. 1, этаж/ком. 3/1
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<p>Отзывы и предложения</p>
|
||||
<a href="mailto:pro@cosmopet.shop" target="_blank">pro@cosmopet.shop</a>
|
||||
</li>
|
||||
<li>
|
||||
<p>Заявки для оптовых покупателей</p>
|
||||
<a href="mailto:pro@cosmopet.shop" target="_blank">pro@cosmopet.shop</a>
|
||||
</li>
|
||||
<li>
|
||||
<p>Связь с ветеринаром</p>
|
||||
<a href="mailto:vetvopros@cosmopet.shop" target="_blank">vetvopros@cosmopet.shop</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-top__link">
|
||||
<a href="#" class="link-black">Чат бот с ветеринаром</a>
|
||||
<a href="#" class="link-white">Калькулятор рациона</a>
|
||||
</div>
|
||||
</div>
|
||||
<form class="footer-contact">
|
||||
<h3 class="footer-contact__title">Форма обратной связи</h3>
|
||||
<input type="text" placeholder="Ваше имя" class="form-inp">
|
||||
<input type="email" placeholder="Эл.почта" class="form-inp">
|
||||
<textarea class="form-textarea" name="" placeholder="Текст обращения" id=""></textarea>
|
||||
<button class="footer-contact__submit" type="submit">Отправить</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<ul class="footer-network">
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="./assets/img/footer-network-1.svg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="./assets/img/footer-network-2.svg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="./assets/img/footer-network-3.svg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#">Соглашение о конфиденциальности</a>
|
||||
<a href="#">Декларация соответствия корма</a>
|
||||
<a href="#">Декларация соответствия лакомств</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- Footer end -->
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Swiper JS -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||
<script src="./assets/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
256
authors.html
Normal file
256
authors.html
Normal file
@@ -0,0 +1,256 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>SEO title</title>
|
||||
<meta name="description" content="SEO Description">
|
||||
<link rel="shortcut icon" href="/assets/img/favicon.ico?v=1.0">
|
||||
|
||||
<!-- Link Swiper's CSS -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
|
||||
|
||||
<!-- Базовые стили -->
|
||||
<link rel="stylesheet" href="/assets/css/gp-style-normalize.css?v=1.0">
|
||||
<link rel="stylesheet" href="/assets/css/gp-style-core.css?v=1.0">
|
||||
<link rel="stylesheet" href="/assets/css/gp-style-desktop.css?v=1.0">
|
||||
<!-- Адаптив -->
|
||||
<link rel="stylesheet" media="screen and (min-width: 1400px)" href="/assets/css/gp-style-ultra.css?v=1.0">
|
||||
<link rel="stylesheet" media="screen and (max-width: 1200px)" href="/assets/css/gp-style-xl.css?v=1.0">
|
||||
<link rel="stylesheet" media="screen and (max-width: 992px)" href="/assets/css/gp-style-tablet.css?v=1.0">
|
||||
<link rel="stylesheet" media="screen and (max-width: 576px)" href="/assets/css/gp-style-mobile.css?v=1.0">
|
||||
|
||||
|
||||
<!-- Яндекс.Вебмастер + Google Search Console -->
|
||||
<meta name="yandex-verification" content="XXXXXXXXXXXXXXXXX" />
|
||||
<meta name="google-site-verification" content="XXXXXXXXXXXXXXXXX" />
|
||||
<!-- /Яндекс.Вебмастер + Google Search Console -->
|
||||
|
||||
<!-- Yandex.Metrika counter -->
|
||||
<script type="text/javascript">
|
||||
(function (m, e, t, r, i, k, a) {
|
||||
m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
|
||||
m[i].l = 1 * new Date();
|
||||
for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
|
||||
k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
|
||||
})
|
||||
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
|
||||
|
||||
ym(XXXXXX, "init", { // XXXXXX - счетчик
|
||||
clickmap: true,
|
||||
trackLinks: true,
|
||||
accurateTrackBounce: true,
|
||||
webvisor: true,
|
||||
ecommerce: "dataLayer"
|
||||
});
|
||||
</script>
|
||||
<noscript>
|
||||
<div><img src="https://mc.yandex.ru/watch/85828806" style="position:absolute; left:-9999px;" alt="" /></div>
|
||||
</noscript>
|
||||
<!-- /Yandex.Metrika counter -->
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
|
||||
<!-- Header -->
|
||||
<header class="header">
|
||||
<div class="container header-container">
|
||||
<button class="header-bars">
|
||||
<img src="./assets/img/bars.svg" alt="">
|
||||
</button>
|
||||
<a href="/" class="header-logo">
|
||||
<img src="./assets/img/logo.svg" alt="">
|
||||
<span>сosmopet</span>
|
||||
</a>
|
||||
<ul class="header-navs">
|
||||
<li>
|
||||
<a href="#" class="header-navs__link">ГЛАВНАЯ</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="header-navs__link">О COSMOPET</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="header-navs__link">ПРОИЗВОДСТВО</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="header-navs__link">БЛОГ</a>
|
||||
</li>
|
||||
<li class="header-accordion">
|
||||
<div class="header-accordion__btn">
|
||||
<span>ПРОДУКЦИЯ</span>
|
||||
<img src="./assets/img/arrow-down.svg" alt="">
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="header-right">
|
||||
<div class="header-lang">
|
||||
<div class="header-lang__btn">
|
||||
<span>RU</span>
|
||||
<img src="./assets/img/arrow-down.svg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<a href="#">
|
||||
<img src="./assets/img/user-icon.svg" alt="">
|
||||
</a>
|
||||
<a href="#">
|
||||
<img src="./assets/img/basket-icon.svg" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Header end -->
|
||||
|
||||
<main>
|
||||
|
||||
<!-- Breadcrumb -->
|
||||
<section class="breadcrumb">
|
||||
<div class="container">
|
||||
<a href="#">Главная</a> /
|
||||
<a href="#">Блог</a> /
|
||||
<a href="#">Наши авторы</a>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Breadcrumb end -->
|
||||
|
||||
<!-- Authors block -->
|
||||
<section class="authors">
|
||||
<div class="container">
|
||||
<h2>Все авторы</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="./author.html">
|
||||
<div class="main-img">
|
||||
<img src="./assets/img/author-1.png" alt="">
|
||||
</div>
|
||||
<div class="authors-name">АвТОР АВТОР 1</div>
|
||||
<div class="authors-type">главный редактор</div>
|
||||
<p>статей: 10</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./author.html">
|
||||
<div class="main-img">
|
||||
<img src="./assets/img/author-2.png" alt="">
|
||||
</div>
|
||||
<div class="authors-name">АвТОР АВТОР 2</div>
|
||||
<div class="authors-type">редактор</div>
|
||||
<p>статей: 3</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./author.html">
|
||||
<div class="main-img">
|
||||
<img src="./assets/img/author-3.png" alt="">
|
||||
</div>
|
||||
<div class="authors-name">АвТОР АВТОР 3</div>
|
||||
<div class="authors-type">технолог</div>
|
||||
<p>статей: 2</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./author.html">
|
||||
<div class="main-img">
|
||||
<img src="./assets/img/author-4.png" alt="">
|
||||
</div>
|
||||
<div class="authors-name">АвТОР АВТОР 4</div>
|
||||
<div class="authors-type">охранник</div>
|
||||
<p>статей: 100</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./author.html">
|
||||
<div class="main-img">
|
||||
<img src="./assets/img/author-5.png" alt="">
|
||||
</div>
|
||||
<div class="authors-name">АвТОР АВТОР 5</div>
|
||||
<div class="authors-type">вольный хлебопашец</div>
|
||||
<p>статей: 2</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Authors block end -->
|
||||
|
||||
</main>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-top">
|
||||
<div class="footer-content__wrap">
|
||||
<div class="footer-content">
|
||||
<a href="/" class="logo">
|
||||
<img src="./assets/img/logo-green.svg" alt="">
|
||||
<span>сosmopet</span>
|
||||
</a>
|
||||
<p class="footer-content__address">
|
||||
123182 г. Москва, <br>
|
||||
4-й Красногорский пр., <br>
|
||||
д. 2/4, стр. 1, этаж/ком. 3/1
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<p>Отзывы и предложения</p>
|
||||
<a href="mailto:pro@cosmopet.shop" target="_blank">pro@cosmopet.shop</a>
|
||||
</li>
|
||||
<li>
|
||||
<p>Заявки для оптовых покупателей</p>
|
||||
<a href="mailto:pro@cosmopet.shop" target="_blank">pro@cosmopet.shop</a>
|
||||
</li>
|
||||
<li>
|
||||
<p>Связь с ветеринаром</p>
|
||||
<a href="mailto:vetvopros@cosmopet.shop" target="_blank">vetvopros@cosmopet.shop</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-top__link">
|
||||
<a href="#" class="link-black">Чат бот с ветеринаром</a>
|
||||
<a href="#" class="link-white">Калькулятор рациона</a>
|
||||
</div>
|
||||
</div>
|
||||
<form class="footer-contact">
|
||||
<h3 class="footer-contact__title">Форма обратной связи</h3>
|
||||
<input type="text" placeholder="Ваше имя" class="form-inp">
|
||||
<input type="email" placeholder="Эл.почта" class="form-inp">
|
||||
<textarea class="form-textarea" name="" placeholder="Текст обращения" id=""></textarea>
|
||||
<button class="footer-contact__submit" type="submit">Отправить</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<ul class="footer-network">
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="./assets/img/footer-network-1.svg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="./assets/img/footer-network-2.svg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img src="./assets/img/footer-network-3.svg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#">Соглашение о конфиденциальности</a>
|
||||
<a href="#">Декларация соответствия корма</a>
|
||||
<a href="#">Декларация соответствия лакомств</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- Footer end -->
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Swiper JS -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||
<script src="./assets/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
765
index.html
765
index.html
@@ -8,16 +8,14 @@
|
||||
<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/normalize.min.css">
|
||||
<link rel="stylesheet" href="/assets/css/reset.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">
|
||||
|
||||
@@ -54,750 +52,21 @@
|
||||
</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>
|
||||
|
||||
<!-- Home -->
|
||||
<section class="home">
|
||||
<div class="container">
|
||||
<h1 class="home-title">БЛОГ</h1>
|
||||
<p class="home-description">Мы пишем про то, что нас по‑настоящему цепляет: биотехнологии, науку, здоровье и то, как этот мир сделать лучше. Мы не боимся сложных тем и неудобных вопросов, ведь именно с них начинается будущее</p>
|
||||
<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">
|
||||
<a href="#" class="home-card__img">
|
||||
<img src="./assets/img/home-card.png" alt="">
|
||||
</a>
|
||||
<div class="home-card__content">
|
||||
<a href="#" class="home-card__content-title">Как выбрать когтеточку: обзор мастхевов для вашей кошки</a>
|
||||
<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">
|
||||
<a href="#" class="home-card__img">
|
||||
<img src="./assets/img/home-card-2.png" alt="">
|
||||
</a>
|
||||
<div class="home-card__content">
|
||||
<a href="#" class="home-card__content-title">Краткая история кормов: от хлебных корок до лечебных рационов</a>
|
||||
<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">
|
||||
<a href="#" class="home-card__img">
|
||||
<img src="./assets/img/home-card-3.png" alt="">
|
||||
</a>
|
||||
<div class="home-card__content">
|
||||
<a href="#" class="home-card__content-title">Пищевая аллергия у собак. Причины и пути решения</a>
|
||||
<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 -->
|
||||
|
||||
<!-- Anons -->
|
||||
<section class="anons">
|
||||
<div class="container">
|
||||
<div class="anons-theme">
|
||||
<h3 class="anons-theme__title">Темы:</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#" class="active">ВСЕ</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">ТРЕНДЫ</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">БИОТЕХНОЛОГИИ</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">ОБЗОРЫ</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">ЗДОРОВЬЕ</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">НАУКА</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">ЭКОЛОГИЯ</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">РАЗВИТИЕ</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">ИСТОРИИ</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">BSF</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">ПСИХОЛОГИЯ</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="anons-best">
|
||||
<h2 class="anons-best__title">САМЫЕ ЧИТАЕМЫЕ:</h2>
|
||||
<ul class="anons-best__card-wrap">
|
||||
<li class="anons-best__card">
|
||||
<ul class="anons-best__card-alerts">
|
||||
<li>
|
||||
<a href="#">Обзоры</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Наука</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="main-img">
|
||||
<img src="./assets/img/anons-best-card-1.png" alt="">
|
||||
</a>
|
||||
<div class="anons-best__card-body">
|
||||
<a href="#" class="anons-best__card-body__title">Как рассчитать дневную порцию корма для кошки?</a>
|
||||
<div class="anons-best__card-body__datas">
|
||||
<p>21.10.24</p>
|
||||
<p>время чтения: 5 минут</p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./assets/img/heart-white.svg" alt="">
|
||||
<span>22</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/msg-white.svg" alt="">
|
||||
<span>14</span>
|
||||
</li>
|
||||
<li class="logo">
|
||||
<img src="./assets/img/user-logo.png" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="anons-best__card">
|
||||
<ul class="anons-best__card-alerts">
|
||||
<li>
|
||||
<a href="#">Наука</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="main-img">
|
||||
<img src="./assets/img/anons-best-card-2.png" alt="">
|
||||
</a>
|
||||
<div class="anons-best__card-body">
|
||||
<a href="#" class="anons-best__card-body__title">Вечно голодная кошка: 8 способов решить проблему</a>
|
||||
<div class="anons-best__card-body__datas">
|
||||
<p>21.10.24</p>
|
||||
<p>время чтения: 5 минут</p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./assets/img/heart-white.svg" alt="">
|
||||
<span>22</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/msg-white.svg" alt="">
|
||||
<span>14</span>
|
||||
</li>
|
||||
<li class="logo">
|
||||
<img src="./assets/img/user-logo.png" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="anons-best__card">
|
||||
<ul class="anons-best__card-alerts">
|
||||
<li>
|
||||
<a href="#">Обзоры</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Наука</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="main-img">
|
||||
<img src="./assets/img/anons-best-card-3.png" alt="">
|
||||
</a>
|
||||
<div class="anons-best__card-body">
|
||||
<a href="#" class="anons-best__card-body__title">Корма для животных на основе энтобелка</a>
|
||||
<div class="anons-best__card-body__datas">
|
||||
<p>21.10.24</p>
|
||||
<p>время чтения: 5 минут</p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./assets/img/heart-white.svg" alt="">
|
||||
<span>22</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/msg-white.svg" alt="">
|
||||
<span>14</span>
|
||||
</li>
|
||||
<li class="logo">
|
||||
<img src="./assets/img/user-logo.png" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="anons-article">
|
||||
<h2 class="anons-article__title">ВСЕ СТАТЬИ</h2>
|
||||
<ul class="anons-article__card-wrap">
|
||||
<li class="anons-best__card light">
|
||||
<ul class="anons-best__card-alerts">
|
||||
<li>
|
||||
<a href="#">обзоры</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="main-img">
|
||||
<img src="./assets/img/anons-article-card-1.png" alt="">
|
||||
</a>
|
||||
<div class="anons-best__card-body">
|
||||
<a href="#" class="anons-best__card-body__title">E-protein: новый белок, изменивший правила игры</a>
|
||||
<div class="anons-best__card-body__datas">
|
||||
<p>21.10.24</p>
|
||||
<p>время чтения: 5 минут</p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./assets/img/heart-grey.svg" alt="">
|
||||
<span>22</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/msg-grey.svg" alt="">
|
||||
<span>14</span>
|
||||
</li>
|
||||
<li class="logo">
|
||||
<img src="./assets/img/user-logo.png" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="anons-best__card light">
|
||||
<ul class="anons-best__card-alerts">
|
||||
<li>
|
||||
<a href="#">Здоровье</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="main-img">
|
||||
<img src="./assets/img/anons-article-card-2.png" alt="">
|
||||
</a>
|
||||
<div class="anons-best__card-body">
|
||||
<a href="#" class="anons-best__card-body__title">Как совершенствовалась формула Cosmodog</a>
|
||||
<div class="anons-best__card-body__datas">
|
||||
<p>21.10.24</p>
|
||||
<p>время чтения: 5 минут</p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./assets/img/heart-grey.svg" alt="">
|
||||
<span>22</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/msg-grey.svg" alt="">
|
||||
<span>14</span>
|
||||
</li>
|
||||
<li class="logo">
|
||||
<img src="./assets/img/user-logo.png" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="anons-best__card light">
|
||||
<ul class="anons-best__card-alerts">
|
||||
<li>
|
||||
<a href="#">Экология</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="main-img">
|
||||
<img src="./assets/img/anons-article-card-3.png" alt="">
|
||||
</a>
|
||||
<div class="anons-best__card-body">
|
||||
<a href="#" class="anons-best__card-body__title">Как выбрать когтеточку: обзор мастхевов для кошки</a>
|
||||
<div class="anons-best__card-body__datas">
|
||||
<p>21.10.24</p>
|
||||
<p>время чтения: 5 минут</p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./assets/img/heart-grey.svg" alt="">
|
||||
<span>22</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/msg-grey.svg" alt="">
|
||||
<span>14</span>
|
||||
</li>
|
||||
<li class="logo">
|
||||
<img src="./assets/img/user-logo.png" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="anons-best__card light">
|
||||
<ul class="anons-best__card-alerts">
|
||||
<li>
|
||||
<a href="#">BSF</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="main-img">
|
||||
<img src="./assets/img/anons-article-card-4.png" alt="">
|
||||
</a>
|
||||
<div class="anons-best__card-body">
|
||||
<a href="#" class="anons-best__card-body__title">Вечно голодная кошка: 8 способов решить проблему</a>
|
||||
<div class="anons-best__card-body__datas">
|
||||
<p>21.10.24</p>
|
||||
<p>время чтения: 5 минут</p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./assets/img/heart-grey.svg" alt="">
|
||||
<span>22</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/msg-grey.svg" alt="">
|
||||
<span>14</span>
|
||||
</li>
|
||||
<li class="logo">
|
||||
<img src="./assets/img/user-logo.png" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="anons-best__card light">
|
||||
<ul class="anons-best__card-alerts">
|
||||
<li>
|
||||
<a href="#">Истории</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="main-img">
|
||||
<img src="./assets/img/anons-article-card-5.png" alt="">
|
||||
</a>
|
||||
<div class="anons-best__card-body">
|
||||
<a href="#" class="anons-best__card-body__title">Вечно голодная кошка: 8 способов решить проблему</a>
|
||||
<div class="anons-best__card-body__datas">
|
||||
<p>21.10.24</p>
|
||||
<p>время чтения: 5 минут</p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./assets/img/heart-grey.svg" alt="">
|
||||
<span>22</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/msg-grey.svg" alt="">
|
||||
<span>14</span>
|
||||
</li>
|
||||
<li class="logo">
|
||||
<img src="./assets/img/user-logo.png" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="anons-best__card light">
|
||||
<ul class="anons-best__card-alerts">
|
||||
<li>
|
||||
<a href="#">Наука</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="main-img">
|
||||
<img src="./assets/img/anons-article-card-6.png" alt="">
|
||||
</a>
|
||||
<div class="anons-best__card-body">
|
||||
<a href="#" class="anons-best__card-body__title">Вечно голодная кошка: 8 способов решить проблему</a>
|
||||
<div class="anons-best__card-body__datas">
|
||||
<p>21.10.24</p>
|
||||
<p>время чтения: 5 минут</p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./assets/img/heart-grey.svg" alt="">
|
||||
<span>22</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/msg-grey.svg" alt="">
|
||||
<span>14</span>
|
||||
</li>
|
||||
<li class="logo">
|
||||
<img src="./assets/img/user-logo.png" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="anons-article__more-link">
|
||||
<a href="#">ПОКАЗАТЬ ЕЩЁ</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Anons end -->
|
||||
|
||||
<!-- Author -->
|
||||
<section class="author">
|
||||
<div class="container">
|
||||
<div class="author-content">
|
||||
<img src="./assets/img/star-1.png" alt="" class="author-content__star-1">
|
||||
<img src="./assets/img/star-2.png" alt="" class="author-content__star-2">
|
||||
<img src="./assets/img/author-card.png" alt="" class="author-content__img">
|
||||
<img src="./assets/img/author-card-mb.png" alt="" class="author-content__img mb">
|
||||
<h2 class="author-content__title">ПРЕДЛОЖИТЕ СТАТЬЮ <br>ИЛИ СТАНЬТЕ АВТОРОМ</h2>
|
||||
<a href="#" class="author-content__link">НАПИШИТЕ НАМ</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Author end -->
|
||||
|
||||
<!-- Editorial -->
|
||||
<section class="editorial">
|
||||
<div class="container">
|
||||
<div class="editorial-head">
|
||||
<h2 class="editorial-head__title">COSMO тема редакции</h2>
|
||||
<img src="./assets/img/editorial-head-icon.png" alt="" class="editorial-head__img">
|
||||
<img src="./assets/img/editorial-head-star.png" alt="" class="editorial-head__star">
|
||||
</div>
|
||||
<ul class="editorial-card__wrap">
|
||||
<li class="editorial-card">
|
||||
<a href="#" class="main-img">
|
||||
<img src="./assets/img/editorial-card.png" alt="">
|
||||
</a>
|
||||
<div class="editorial-card__content">
|
||||
<ul class="editorial-card__content-alerts">
|
||||
<li>
|
||||
<a href="#">Обзоры</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Наука</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="editorial-card__content-title">Как рассчитать дневную порцию корма для кошки?</a>
|
||||
<div class="editorial-card__content-data">
|
||||
<p>21.10.24</p>
|
||||
<p>время чтения: 5 минут</p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./assets/img/header-red.svg" alt="">
|
||||
<span>22</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/msg-green.svg" alt="">
|
||||
<span>14</span>
|
||||
</li>
|
||||
<li class="logo">
|
||||
<img src="./assets/img/user-logo.png" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="editorial-card">
|
||||
<a href="#" class="main-img">
|
||||
<img src="./assets/img/editorial-card.png" alt="">
|
||||
</a>
|
||||
<div class="editorial-card__content">
|
||||
<ul class="editorial-card__content-alerts">
|
||||
<li>
|
||||
<a href="#">Обзоры</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Наука</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="" class="editorial-card__content-title">Как рассчитать дневную порцию корма для кошки?</a>
|
||||
<div class="editorial-card__content-data">
|
||||
<p>21.10.24</p>
|
||||
<p>время чтения: 5 минут</p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./assets/img/header-red.svg" alt="">
|
||||
<span>22</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/msg-green.svg" alt="">
|
||||
<span>14</span>
|
||||
</li>
|
||||
<li class="logo">
|
||||
<img src="./assets/img/user-logo.png" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="editorial-card">
|
||||
<a href="#" class="main-img">
|
||||
<img src="./assets/img/editorial-card.png" alt="">
|
||||
</a>
|
||||
<div class="editorial-card__content">
|
||||
<ul class="editorial-card__content-alerts">
|
||||
<li>
|
||||
<a href="#">Обзоры</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Наука</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="editorial-card__content-title">Как рассчитать дневную порцию корма для кошки?</a>
|
||||
<div class="editorial-card__content-data">
|
||||
<p>21.10.24</p>
|
||||
<p>время чтения: 5 минут</p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./assets/img/header-red.svg" alt="">
|
||||
<span>22</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/msg-green.svg" alt="">
|
||||
<span>14</span>
|
||||
</li>
|
||||
<li class="logo">
|
||||
<img src="./assets/img/user-logo.png" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="editorial-card">
|
||||
<a href="#" class="main-img">
|
||||
<img src="./assets/img/editorial-card.png" alt="">
|
||||
</a>
|
||||
<div class="editorial-card__content">
|
||||
<ul class="editorial-card__content-alerts">
|
||||
<li>
|
||||
<a href="#">Обзоры</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Наука</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#" class="editorial-card__content-title">Как рассчитать дневную порцию корма для кошки?</a>
|
||||
<div class="editorial-card__content-data">
|
||||
<p>21.10.24</p>
|
||||
<p>время чтения: 5 минут</p>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="./assets/img/header-red.svg" alt="">
|
||||
<span>22</span>
|
||||
</li>
|
||||
<li>
|
||||
<img src="./assets/img/msg-green.svg" alt="">
|
||||
<span>14</span>
|
||||
</li>
|
||||
<li class="logo">
|
||||
<img src="./assets/img/user-logo.png" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Editorial 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>
|
||||
<!-- Пример формы для отправки в Телеграмм (обработчик send-telegram.php) -->
|
||||
<form class="form" method="post" action="/send-telegram.php">
|
||||
<div class="form__item">
|
||||
<input class="form__input" type="text" name="name" required>
|
||||
<label class="form__label">Ваше имя</label>
|
||||
</div>
|
||||
<div class="form__item">
|
||||
<input class="form__input" type="text" name="phone" required>
|
||||
<label class="form__label">Номер телефона</label>
|
||||
</div>
|
||||
<input class="form__input btn" type="submit" value="Отправить">
|
||||
</form>
|
||||
|
||||
<!-- Swiper JS -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
||||
<script src="./assets/js/main.js"></script>
|
||||
|
||||
<script src="/assets/js/gp-main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user