10 Commits

119 changed files with 1844 additions and 8714 deletions

133
.gitignore vendored Normal file
View File

@@ -0,0 +1,133 @@
# Logs
logs
*.log
# Runtime data
pids
*.pid
*.seed
*.pid.lock
# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov
# Coverage directory used by tools like istanbul
coverage
# nyc test coverage
.nyc_output
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
.grunt
# Bower dependency directory (https://bower.io/)
bower_components
# node-waf configuration
.lock-wscript
# Compiled binary addons (https://nodejs.org/api/addons.html)
build/Release
# Dependency directories
node_modules/
jspm_packages/
# TypeScript v1 declaration files
typings/
# Optional npm cache directory
.npm
# Optional eslint cache
.eslintcache
# Optional REPL history
.node_repl_history
# Output of 'npm pack'
*.tgz
# Yarn Integrity file
.yarn-integrity
# dotenv environment variables file
.env
# parcel-bundler cache (https://parceljs.org/)
.cache
# next.js build output
.next
# nuxt.js build output
.nuxt
# Nuxt generate
dist
# vuepress build output
.vuepress/dist
# Serverless directories
.serverless
# IDE
.idea
.vscode
config.js
/yarn-error.log
package-lock.json
jsconfig.json
# GP | Files ext
*.sql
*.tgz
*.tar.gz
*.tar
*.rar
*.zip
*.wav
*.flv
*.db
*.psd
*.pdf
*.doc
*.docx
*.txt
*.text
*.log
*.config
*.xml
*.tbk
*.csv
*.json
# GP | Dirs & files
/bower_components/
/node_modules/
/nbproject/
/cache/
.cache/
/phpMyAdmin-*
/timthumb_cache/
/webstat/
/.idea/
/.csscomb.json
/.htaccess
/sitemap*.xml
/sftp-config.json
/robots.txt
/bower.json
/.bowerrc
/backup_rsync/
.bash_history
.idea/
.fleet/
.DS_Store
.config/
.bash*
.vim*
test*.php
gp-test*.php

84
README.md Normal file
View File

@@ -0,0 +1,84 @@
## **Требования к верстке**
### **С точки зрения веб-разработки:**
* верстаем на чистом HTML/CSS с использованием flex и grid (без подключение библиотек типа bootstrap и т.п.)
* соблюдаем 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`
+ имена записываются латиницей в нижнем регистре
+ для разделения слов в именах БЭМ-сущностей используется дефис (-)
+ имя элемента отделяется от имени блока двумя подчеркиваниями (__)
+ модификаторы отделяются от имения блока или элемента двумя дефисами (--)
+ значение модификатора отделяется от его имени двумя дефисами (--)
* из конечного HTML-файла убрать все комментарии, если такие имеются
* все медиазапросы пишутся в отдельных файлах (которые мы подготовили) для того чтобы оптимизировать скорость загрузки; если используется препроцессор, то не нужно в классе каждого блока использовать импорты медиа запросов, а наоборот выносим пример можно посмотреть на ["видео"](https://www.youtube.com/watch?v=9uaENbRyVT4)
* **частая ошибка:** верстальщик берет изображения/видео из макета и не задает им адаптивную ширину/высоту, и на моменте сдачи верстки не заметно косяков, а вот когда мы переходим к натяжке и медиаматериалы начинают выводиться в шаблон динамически и уже разных форматов (ШИРИНАxВЫСОТА), тогда верстка начинает плыть. Чтоб такое избежать проверяйте на как себя ведет элемент при замене слишком большой/маленькой картинки.
* **ВАЖНО:** если верстка делается для многостраничного сайта (особенно на 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.
* на странице должен быть только один заголовок первого уровня (h1)
* должны присутствовать все основные теги и атрибуты — html, head, body, title, description, lang=ru, content=html, charset=utf8
* для кнопок, нажатие на которые не требует редиректа используем тег \<button\>, а не \<a\>
* для \<img\> самостоятельно проставляем атрибут alt="", со значением описывающим того что изображено на картинке
## **Порядок работы**
### **Подготовка окружения для локальной разработки**
1. Выкачивать локально на свой компьютер один из 2х шаблонов (по веткам: 1 - master, 2 - with-phpmailer) командой: `git clone -b ${branch_name} https://git.good-production.xyz/Good-Production/template-for-verstka.git`
заменить переменную:
`${branch_name}` -- на "master", если достаточно только отправки форм в ТГ, либо "with-phpmailer", если нужна отправка на почту средствами PHP (без использования плагинов CMS)
2. Далее создать свою ветку командой: `git checkout -b ${project_name}--${name}`
3. Приступить к локальной разработке в созданной ветке
4. Для демонстрации работы пушить свои комиты в созданную ветку командой: `git push origin ${project_name}--${name}`
- во время push для авторизации понадобиться логин/пароль: `freelancer/freelancerfreelancer00`
5. Отписать в чат, чтоб руководитель проектом посмотрел результат и выкачал его на тестовый стенд
в командах заменить переменные:
`${project_name}` -- условное названия проекта (как варинат использовать домен сайта)
`${name}` -- имя/ник исполнителя
## **Оптимальный порядок непосредственно в процессе верстки**
1. Сначала определить CSS-переменные для основных цветов/градиентов, начертаний шрифтов (толщина, размер, модификация, межтрочный интервал) и занести в специально подгтовленный CSS-файл `style-core.css`
2. Все шрифты выкачать и сохранить локально в директорию `/assets/fonts/` и подключить их в файле `style-core.css`
3. Далее начинать стоит с верстки UI kit (должен быть предоставлен в макете дизайнером), для того чтобы переиспользовать готовые элементы по ходу верстки макетов. Стили для UI kit писать так же в файл `style-core.css`.
Саму HTML-верстку для UI kit делать в файле `ui_kit.html`
3. Как UI kit будет готов, можно смело переходить к верстке основных листов макета "*.html" и просто использовать готовые классы из `style-core.css`
### **Примечания**
Для работы с Figma рекомендуем использовать плагин ["Inspect Styles"](https://www.figma.com/community/plugin/1254262542670221199) для инспевтирования CSS-свойсв.

View File

@@ -1,306 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/font/stylesheet.css">
<link rel="stylesheet" href="assets/css/style.css">
<title>Document</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="cont">
<div class="header_block">
<a href="#" class="header_logo">
<img src="assets/img/icons/logo.svg" alt="">
</a>
<div class="header_navs">
<a href="#" class="header_nav">Главная</a>
<a href="#" class="header_nav">продукция</a>
<a href="#" class="header_nav">О cosmopet</a>
<a href="#" class="header_nav">Блог</a>
<a href="#" class="header_link" id="auth"><img src="assets/img/icons/i-user.svg" alt=""></a>
<a href="#" class="header_link"><img src="assets/img/icons/i-card.svg" alt=""></a>
</div>
<button class="header_bars"><img src="assets/img/icons/bars2.svg" alt=""></button>
</div>
</div>
<div class="header_mob">
<button class="header_close"><img src="assets/img/icons/i-close.svg" alt=""></button>
<div class="header_navs">
<a href="#" class="header_nav">Главная</a>
<a href="#" class="header_nav">продукция</a>
<a href="#" class="header_nav">О cosmopet</a>
<a href="#" class="header_nav">Блог</a>
<div class="header_links">
<a href="#" class="header_link" id="auth"><img src="assets/img/icons/i-user.svg" alt=""></a>
<a href="#" class="header_link"><img src="assets/img/icons/i-card.svg" alt=""></a>
</div>
</div>
</div>
<div class="header_mob-bg"></div>
</header>
<section class="account">
<div class="cont">
<a href="#" class="back_link">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="15" viewBox="0 0 10 15" fill="none">
<path d="M9 1L2 7.5L9 14" stroke="#121212" stroke-width="2"/>
</svg>
вернуться
</a>
<h1 class="section_title">личный кабинет</h1>
<p class="section_desc">Добро пожаловать, Сироб, здесь вы можете управлять своим профилем, редактировать информацию о питомцах, проверять статус по заказам и подписке</p>
<div class="account_row">
<div class="for_border">
<a href="#" class="account_item account_item_big flex-column">
<img src="assets/img/account1.png" alt="">
<div>
<div class="account_item_title">Профиль</div>
<p>Посмотреть или изменить ваш профиль</p>
</div>
</a>
</div>
<div class="account_right">
<a href="#" class="account_item bg_black">
<img src="assets/img/animal_image3.png" alt="" class="animal_image">
<div class="account_texts">
<div class="account_item_title">Питомцы</div>
<p>Создать профили ваших питомцев</p>
</div>
</a>
<a href="#" class="account_item">
<img src="assets/img/account2.png" alt="">
<div class="account_texts">
<div class="account_item_title">Заказы</div>
<p>Проверить дату заказа или просмотреть их историю</p>
</div>
</a>
</div>
<a href="#" class="account_item bg_black">
<img src="assets/img/account3.png" alt="">
<div class="account_texts">
<div class="account_item_title">Подписка на корм</div>
<p>скоро</p>
</div>
</a>
<div class="for_border">
<a href="#" class="account_item">
<img src="assets/img/account4.png" alt="">
<div class="account_texts">
<div class="account_item_title">FAQ</div>
<p>У вас есть вопросы? Возможно, здесь уже есть ответ</p>
</div>
</a>
</div>
</div>
</div>
</section>
<footer class="footer footer2">
<div class="cont">
<div class="footer_block">
<div class="footer_menu">
<a href="#" class="footer_logo"><img src="assets/img/icons/logo2.svg" alt=""></a>
<div class="footer_navs">
<a href="#" class="footer_nav">Главная</a>
<a href="#" class="footer_nav">продукция</a>
<a href="#" class="footer_nav">О cosmopet</a>
<a href="#" class="footer_nav">Блог</a>
<a href="#" class="footer_link"><img src="assets/img/icons/i-user2.svg" alt=""></a>
<a href="#" class="footer_link"><img src="assets/img/icons/i-card2.svg" alt=""></a>
</div>
</div>
<div class="footer_box">
<h2 class="footer_box-title">Отзывы и предложения <img src="assets/img/icons/footer_line-mob.svg" alt="" class="footer_line-mob1"></h2>
<img src="assets/img/icons/footer_line2.svg" alt="" class="footer_box-line1">
<a href="#" class="footer_box-link">pro@cosmopet.shop</a>
</div>
<div class="footer_box">
<h2 class="footer_box-title">связь с ветеринаром <img src="assets/img/icons/footer_line-mob2.svg" alt="" class="footer_line-mob2"></h2>
<img src="assets/img/icons/footer_line2.svg" alt="" class="footer_box-line2">
<a href="#" class="footer_box-link">vetvopros@cosmopet.shop</a>
</div>
<div class="footer_form">
<div class="footer_form-info">
<div class="footer_form-title">
<h2>Обратная связь</h2>
<img src="assets/img/icons/footer_line2.svg" alt="">
</div>
<div class="footer_form-inp">
<input type="text" placeholder="ваше имя">
<input type="email" placeholder="почта">
</div>
</div>
<div class="footer_form-textarea">
<textarea placeholder="обращение"></textarea>
<button class="footer_form-btn btn--black-hover">отправить</button>
</div>
</div>
<div class="footer_social">
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-vk2.svg" alt=""></a>
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-tg2.svg" alt=""></a>
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-yandex2.svg" alt=""></a>
</div>
<div class="footer_bottom">
<a href="#">123182 г. Москва, 4-й Красногорский пр., д. 2/4, стр. 1, этаж/ком. 3/1</a>
<a href="#">Соглашение о конфиденциальности</a>
</div>
</div>
</div>
</footer>
<div class="modal auth_modal auth1">
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
<div class="d-flex flex-column align-items-center gap-15">
<a href="#" class="main_btn login_btn">Вход</a>
<a href="#" class="main_btn register_btn">Регистрация</a>
</div>
</div>
<form class="modal auth_modal auth2">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Регистрация</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="text" class="input" placeholder="Имя">
<p>error</p>
</label>
<label>
<input type="tel" class="input" placeholder="Телефон">
<p>error</p>
</label>
<label>
<input type="email" class="input" placeholder="Email">
<p>error</p>
</label>
<label>
<input type="password" class="input error" placeholder="Пароль">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<label>
<div class="checkmark"></div>
<input type="checkbox">
<p class="opacity_txt">Согласие на получение рекламных предложений</p>
</label>
<button class="main_btn">Регистрация</button>
<p class="conditions">Нажимая на кнопку регистрации вы даёте согласие на обработку персональных данных</p>
</div>
</form>
<form class="modal auth_modal auth3">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Регистрация</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="password" class="input" placeholder="Код">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<p class="conditions">Нажимая на кнопку регистрации вы даёте согласие на обработку персональных данных</p>
<button class="main_btn">Регистрация</button>
</div>
</form>
<form class="modal auth_modal auth4">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Вход</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="text" class="input" placeholder="Телефон или Email">
<p>error</p>
</label>
<label>
<input type="password" class="input" placeholder="Код">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<a href="#" class="conditions">Забыли пароль? </a>
<button class="main_btn">Вход</button>
</div>
</form>
<form class="modal auth_modal auth5">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Вход</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="password" class="input" placeholder="Код">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<p class="conditions">Нажимая на кнопку регистрации вы даёте согласие на обработку персональных данных</p>
<button class="main_btn">Вход</button>
</div>
</form>
<div class="modal_back"></div>
</div>
<script src="assets/js/main.js"></script>
</body>
</html>

View File

@@ -1,283 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/font/stylesheet.css">
<link rel="stylesheet" href="assets/css/style.css">
<title>Document</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="cont">
<div class="header_block">
<a href="#" class="header_logo">
<img src="assets/img/icons/logo.svg" alt="">
</a>
<div class="header_navs">
<a href="#" class="header_nav">Главная</a>
<a href="#" class="header_nav">продукция</a>
<a href="#" class="header_nav">О cosmopet</a>
<a href="#" class="header_nav">Блог</a>
<a href="#" class="header_link" id="auth"><img src="assets/img/icons/i-user.svg" alt=""></a>
<a href="#" class="header_link"><img src="assets/img/icons/i-card.svg" alt=""></a>
</div>
<button class="header_bars"><img src="assets/img/icons/bars2.svg" alt=""></button>
</div>
</div>
<div class="header_mob">
<button class="header_close"><img src="assets/img/icons/i-close.svg" alt=""></button>
<div class="header_navs">
<a href="#" class="header_nav">Главная</a>
<a href="#" class="header_nav">продукция</a>
<a href="#" class="header_nav">О cosmopet</a>
<a href="#" class="header_nav">Блог</a>
<div class="header_links">
<a href="#" class="header_link" id="auth"><img src="assets/img/icons/i-user.svg" alt=""></a>
<a href="#" class="header_link"><img src="assets/img/icons/i-card.svg" alt=""></a>
</div>
</div>
</div>
<div class="header_mob-bg"></div>
</header>
<section class="adress">
<div class="cont" method="post">
<a href="#" class="back_link">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="15" viewBox="0 0 10 15" fill="none">
<path d="M9 1L2 7.5L9 14" stroke="#121212" stroke-width="2"/>
</svg>
вернуться
</a>
<h1 class="section_title d-flex align-items-center justify-content-between">
ПУНКТ ВЫДАЧи
<a href="#" class="back_link">
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
<circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
<path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
</svg>
</a>
</h1>
<form class="adress_row">
<div class="adress_left">
<input type="text" class="input" placeholder="Найти по адресу">
<div class="place_title">ПОСТАМАТ <br> Москва, Матвеевская улица, 36к1</div>
</div>
<div class="adress_right">
<button class="main_btn">ПРИВЕЗТИ СЮДА</button>
<p>Доставка завтра, бесплатно</p>
</div>
</form>
<div class="map_wrap">
<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A4cb895299bc13a65693266ba045d74f4b2c4c50badfabae1f023be32128bbd1e&amp;source=constructor" width="1000" height="572" frameborder="0"></iframe>
</div>
</div>
</section>
<footer class="footer footer2">
<div class="cont">
<div class="footer_block">
<div class="footer_menu">
<a href="#" class="footer_logo"><img src="assets/img/icons/logo2.svg" alt=""></a>
<div class="footer_navs">
<a href="#" class="footer_nav">Главная</a>
<a href="#" class="footer_nav">продукция</a>
<a href="#" class="footer_nav">О cosmopet</a>
<a href="#" class="footer_nav">Блог</a>
<a href="#" class="footer_link"><img src="assets/img/icons/i-user2.svg" alt=""></a>
<a href="#" class="footer_link"><img src="assets/img/icons/i-card2.svg" alt=""></a>
</div>
</div>
<div class="footer_box">
<h2 class="footer_box-title">Отзывы и предложения <img src="assets/img/icons/footer_line-mob.svg" alt="" class="footer_line-mob1"></h2>
<img src="assets/img/icons/footer_line2.svg" alt="" class="footer_box-line1">
<a href="#" class="footer_box-link">pro@cosmopet.shop</a>
</div>
<div class="footer_box">
<h2 class="footer_box-title">связь с ветеринаром <img src="assets/img/icons/footer_line-mob2.svg" alt="" class="footer_line-mob2"></h2>
<img src="assets/img/icons/footer_line2.svg" alt="" class="footer_box-line2">
<a href="#" class="footer_box-link">vetvopros@cosmopet.shop</a>
</div>
<div class="footer_form">
<div class="footer_form-info">
<div class="footer_form-title">
<h2>Обратная связь</h2>
<img src="assets/img/icons/footer_line2.svg" alt="">
</div>
<div class="footer_form-inp">
<input type="text" placeholder="ваше имя">
<input type="email" placeholder="почта">
</div>
</div>
<div class="footer_form-textarea">
<textarea placeholder="обращение"></textarea>
<button class="footer_form-btn btn--black-hover">отправить</button>
</div>
</div>
<div class="footer_social">
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-vk2.svg" alt=""></a>
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-tg2.svg" alt=""></a>
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-yandex2.svg" alt=""></a>
</div>
<div class="footer_bottom">
<a href="#">123182 г. Москва, 4-й Красногорский пр., д. 2/4, стр. 1, этаж/ком. 3/1</a>
<a href="#">Соглашение о конфиденциальности</a>
</div>
</div>
</div>
</footer>
<div class="modal auth_modal auth1">
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
<div class="d-flex flex-column align-items-center gap-15">
<a href="#" class="main_btn login_btn">Вход</a>
<a href="#" class="main_btn register_btn">Регистрация</a>
</div>
</div>
<form class="modal auth_modal auth2">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Регистрация</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="text" class="input" placeholder="Имя">
<p>error</p>
</label>
<label>
<input type="tel" class="input" placeholder="Телефон">
<p>error</p>
</label>
<label>
<input type="email" class="input" placeholder="Email">
<p>error</p>
</label>
<label>
<input type="password" class="input error" placeholder="Пароль">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<label>
<div class="checkmark"></div>
<input type="checkbox">
<p class="opacity_txt">Согласие на получение рекламных предложений</p>
</label>
<button class="main_btn">Регистрация</button>
<p class="conditions">Нажимая на кнопку регистрации вы даёте согласие на обработку персональных данных</p>
</div>
</form>
<form class="modal auth_modal auth3">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Регистрация</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="password" class="input" placeholder="Код">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<p class="conditions">Нажимая на кнопку регистрации вы даёте согласие на обработку персональных данных</p>
<button class="main_btn">Регистрация</button>
</div>
</form>
<form class="modal auth_modal auth4">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Вход</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="text" class="input" placeholder="Телефон или Email">
<p>error</p>
</label>
<label>
<input type="password" class="input" placeholder="Код">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<a href="#" class="conditions">Забыли пароль? </a>
<button class="main_btn">Вход</button>
</div>
</form>
<form class="modal auth_modal auth5">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Вход</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="password" class="input" placeholder="Код">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<p class="conditions">Нажимая на кнопку регистрации вы даёте согласие на обработку персональных данных</p>
<button class="main_btn">Вход</button>
</div>
</form>
<div class="modal_back"></div>
</div>
<script src="assets/js/main.js"></script>
</body>
</html>

View File

@@ -1,283 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/font/stylesheet.css">
<link rel="stylesheet" href="assets/css/style.css">
<title>Document</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="cont">
<div class="header_block">
<a href="#" class="header_logo">
<img src="assets/img/icons/logo.svg" alt="">
</a>
<div class="header_navs">
<a href="#" class="header_nav">Главная</a>
<a href="#" class="header_nav">продукция</a>
<a href="#" class="header_nav">О cosmopet</a>
<a href="#" class="header_nav">Блог</a>
<a href="#" class="header_link" id="auth"><img src="assets/img/icons/i-user.svg" alt=""></a>
<a href="#" class="header_link"><img src="assets/img/icons/i-card.svg" alt=""></a>
</div>
<button class="header_bars"><img src="assets/img/icons/bars2.svg" alt=""></button>
</div>
</div>
<div class="header_mob">
<button class="header_close"><img src="assets/img/icons/i-close.svg" alt=""></button>
<div class="header_navs">
<a href="#" class="header_nav">Главная</a>
<a href="#" class="header_nav">продукция</a>
<a href="#" class="header_nav">О cosmopet</a>
<a href="#" class="header_nav">Блог</a>
<div class="header_links">
<a href="#" class="header_link" id="auth"><img src="assets/img/icons/i-user.svg" alt=""></a>
<a href="#" class="header_link"><img src="assets/img/icons/i-card.svg" alt=""></a>
</div>
</div>
</div>
<div class="header_mob-bg"></div>
</header>
<section class="adress">
<div class="cont" method="post">
<a href="#" class="back_link">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="15" viewBox="0 0 10 15" fill="none">
<path d="M9 1L2 7.5L9 14" stroke="#121212" stroke-width="2"/>
</svg>
вернуться
</a>
<h1 class="section_title d-flex align-items-center justify-content-between">
Адрес доставки
<a href="#" class="back_link">
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
<circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
<path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
</svg>
</a>
</h1>
<form class="adress_row">
<div class="adress_left">
<input type="text" class="input" placeholder="Введите адрес">
<div class="place_title">Москва, Матвеевская улица, 36к2, квартира 98</div>
</div>
<div class="adress_right">
<button class="main_btn">ПРИВЕЗТИ СЮДА</button>
<p>Доставка завтра, бесплатно</p>
</div>
</form>
<div class="map_wrap">
<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A4cb895299bc13a65693266ba045d74f4b2c4c50badfabae1f023be32128bbd1e&amp;source=constructor" width="1000" height="572" frameborder="0"></iframe>
</div>
</div>
</section>
<footer class="footer footer2">
<div class="cont">
<div class="footer_block">
<div class="footer_menu">
<a href="#" class="footer_logo"><img src="assets/img/icons/logo2.svg" alt=""></a>
<div class="footer_navs">
<a href="#" class="footer_nav">Главная</a>
<a href="#" class="footer_nav">продукция</a>
<a href="#" class="footer_nav">О cosmopet</a>
<a href="#" class="footer_nav">Блог</a>
<a href="#" class="footer_link"><img src="assets/img/icons/i-user2.svg" alt=""></a>
<a href="#" class="footer_link"><img src="assets/img/icons/i-card2.svg" alt=""></a>
</div>
</div>
<div class="footer_box">
<h2 class="footer_box-title">Отзывы и предложения <img src="assets/img/icons/footer_line-mob.svg" alt="" class="footer_line-mob1"></h2>
<img src="assets/img/icons/footer_line2.svg" alt="" class="footer_box-line1">
<a href="#" class="footer_box-link">pro@cosmopet.shop</a>
</div>
<div class="footer_box">
<h2 class="footer_box-title">связь с ветеринаром <img src="assets/img/icons/footer_line-mob2.svg" alt="" class="footer_line-mob2"></h2>
<img src="assets/img/icons/footer_line2.svg" alt="" class="footer_box-line2">
<a href="#" class="footer_box-link">vetvopros@cosmopet.shop</a>
</div>
<div class="footer_form">
<div class="footer_form-info">
<div class="footer_form-title">
<h2>Обратная связь</h2>
<img src="assets/img/icons/footer_line2.svg" alt="">
</div>
<div class="footer_form-inp">
<input type="text" placeholder="ваше имя">
<input type="email" placeholder="почта">
</div>
</div>
<div class="footer_form-textarea">
<textarea placeholder="обращение"></textarea>
<button class="footer_form-btn btn--black-hover">отправить</button>
</div>
</div>
<div class="footer_social">
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-vk2.svg" alt=""></a>
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-tg2.svg" alt=""></a>
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-yandex2.svg" alt=""></a>
</div>
<div class="footer_bottom">
<a href="#">123182 г. Москва, 4-й Красногорский пр., д. 2/4, стр. 1, этаж/ком. 3/1</a>
<a href="#">Соглашение о конфиденциальности</a>
</div>
</div>
</div>
</footer>
<div class="modal auth_modal auth1">
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
<div class="d-flex flex-column align-items-center gap-15">
<a href="#" class="main_btn login_btn">Вход</a>
<a href="#" class="main_btn register_btn">Регистрация</a>
</div>
</div>
<form class="modal auth_modal auth2">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Регистрация</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="text" class="input" placeholder="Имя">
<p>error</p>
</label>
<label>
<input type="tel" class="input" placeholder="Телефон">
<p>error</p>
</label>
<label>
<input type="email" class="input" placeholder="Email">
<p>error</p>
</label>
<label>
<input type="password" class="input error" placeholder="Пароль">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<label>
<div class="checkmark"></div>
<input type="checkbox">
<p class="opacity_txt">Согласие на получение рекламных предложений</p>
</label>
<button class="main_btn">Регистрация</button>
<p class="conditions">Нажимая на кнопку регистрации вы даёте согласие на обработку персональных данных</p>
</div>
</form>
<form class="modal auth_modal auth3">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Регистрация</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="password" class="input" placeholder="Код">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<p class="conditions">Нажимая на кнопку регистрации вы даёте согласие на обработку персональных данных</p>
<button class="main_btn">Регистрация</button>
</div>
</form>
<form class="modal auth_modal auth4">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Вход</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="text" class="input" placeholder="Телефон или Email">
<p>error</p>
</label>
<label>
<input type="password" class="input" placeholder="Код">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<a href="#" class="conditions">Забыли пароль? </a>
<button class="main_btn">Вход</button>
</div>
</form>
<form class="modal auth_modal auth5">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Вход</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="password" class="input" placeholder="Код">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<p class="conditions">Нажимая на кнопку регистрации вы даёте согласие на обработку персональных данных</p>
<button class="main_btn">Вход</button>
</div>
</form>
<div class="modal_back"></div>
</div>
<script src="assets/js/main.js"></script>
</body>
</html>

File diff suppressed because it is too large Load Diff

Binary file not shown.

Binary file not shown.

View File

@@ -1,54 +0,0 @@
@font-face {
font-family: 'Craftwork Grotesk';
src: url('CraftworkGrotesk-Heavy.woff2') format('woff2'),
url('CraftworkGrotesk-Heavy.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Craftwork Grotesk';
src: url('CraftworkGrotesk-Bold.woff2') format('woff2'),
url('CraftworkGrotesk-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Craftwork Grotesk Semi';
src: url('CraftworkGrotesk-SemiBold.woff2') format('woff2'),
url('CraftworkGrotesk-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Craftwork Grotesk';
src: url('CraftworkGrotesk.woff2') format('woff2'),
url('CraftworkGrotesk.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Craftwork Grotesk';
src: url('CraftworkGrotesk-Regular.woff2') format('woff2'),
url('CraftworkGrotesk-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Craftwork Grotesk';
src: url('CraftworkGrotesk-Medium.woff2') format('woff2'),
url('CraftworkGrotesk-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 232 KiB

View File

@@ -1,3 +0,0 @@
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 0.500002C21 0.776144 20.7761 1 20.5 1L0.5 1C0.223858 1 0 0.776142 0 0.5C0 0.223858 0.223858 0 0.5 0H20.5C20.7761 0 21 0.223859 21 0.500002ZM21 10.5C21 10.7761 20.7761 11 20.5 11L0.5 11C0.223858 11 0 10.7761 0 10.5C0 10.2239 0.223858 10 0.5 10L20.5 10C20.7761 10 21 10.2239 21 10.5ZM20.5 21C20.7761 21 21 20.7761 21 20.5C21 20.2239 20.7761 20 20.5 20L0.5 20C0.223858 20 0 20.2239 0 20.5C0 20.7761 0.223858 21 0.5 21L20.5 21Z" fill="#F4F1F0"/>
</svg>

Before

Width:  |  Height:  |  Size: 598 B

View File

@@ -1,9 +0,0 @@
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 0.500002C21 0.776144 20.7761 1 20.5 1L0.5 1C0.223858 1 0 0.776142 0 0.5C0 0.223858 0.223858 0 0.5 0H20.5C20.7761 0 21 0.223859 21 0.500002ZM21 10.5C21 10.7761 20.7761 11 20.5 11L0.5 11C0.223858 11 0 10.7761 0 10.5C0 10.2239 0.223858 10 0.5 10L20.5 10C20.7761 10 21 10.2239 21 10.5ZM20.5 21C20.7761 21 21 20.7761 21 20.5C21 20.2239 20.7761 20 20.5 20L0.5 20C0.223858 20 0 20.2239 0 20.5C0 20.7761 0.223858 21 0.5 21L20.5 21Z" fill="url(#paint0_linear_1778_11616)"/>
<defs>
<linearGradient id="paint0_linear_1778_11616" x1="0.807941" y1="14.3679" x2="5.13158" y2="3.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#F44242"/>
<stop offset="1" stop-color="#569EF0"/>
</linearGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 850 B

View File

@@ -1,9 +0,0 @@
<svg width="137" height="34" viewBox="0 0 137 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M62.1832 0.5C61.9071 0.5 61.6832 0.723858 61.6832 1C61.6832 1.27614 61.9071 1.5 62.1832 1.5V0.5ZM0.556603 29.6464C0.361341 29.8417 0.361341 30.1583 0.556603 30.3536L3.73858 33.5355C3.93385 33.7308 4.25043 33.7308 4.44569 33.5355C4.64095 33.3403 4.64095 33.0237 4.44569 32.8284L1.61726 30L4.44569 27.1716C4.64095 26.9763 4.64095 26.6597 4.44569 26.4645C4.25043 26.2692 3.93385 26.2692 3.73858 26.4645L0.556603 29.6464ZM62.1832 1.5H135.91V0.5H62.1832V1.5ZM106.91 29.5H0.910156V30.5H106.91V29.5ZM135.41 1C135.41 16.7401 122.65 29.5 106.91 29.5V30.5C123.203 30.5 136.41 17.2924 136.41 1H135.41Z" fill="url(#paint0_linear_4973_4353)"/>
<defs>
<linearGradient id="paint0_linear_4973_4353" x1="6.10406" y1="20.8414" x2="7.57889" y2="3.58401" gradientUnits="userSpaceOnUse">
<stop stop-color="#F44242"/>
<stop offset="1" stop-color="#569EF0"/>
</linearGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 976 B

View File

@@ -1,9 +0,0 @@
<svg width="95" height="34" viewBox="0 0 95 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.41016 0.5C2.13401 0.5 1.91016 0.723858 1.91016 1C1.91016 1.27614 2.13401 1.5 2.41016 1.5V0.5ZM0.556603 29.6464C0.361341 29.8417 0.361341 30.1583 0.556603 30.3536L3.73858 33.5355C3.93385 33.7308 4.25043 33.7308 4.44569 33.5355C4.64095 33.3403 4.64095 33.0237 4.44569 32.8284L1.61726 30L4.44569 27.1716C4.64095 26.9763 4.64095 26.6597 4.44569 26.4645C4.25043 26.2692 3.93385 26.2692 3.73858 26.4645L0.556603 29.6464ZM2.41016 1.5H93.9102V0.5H2.41016V1.5ZM64.9102 29.5L0.910156 29.5L0.910156 30.5L64.9102 30.5V29.5ZM93.4102 1C93.4102 16.7401 80.6503 29.5 64.9102 29.5V30.5C81.2026 30.5 94.4102 17.2924 94.4102 1H93.4102Z" fill="url(#paint0_linear_4973_4357)"/>
<defs>
<linearGradient id="paint0_linear_4973_4357" x1="4.48818" y1="20.8414" x2="6.61202" y2="3.72144" gradientUnits="userSpaceOnUse">
<stop stop-color="#F44242"/>
<stop offset="1" stop-color="#569EF0"/>
</linearGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 1003 B

View File

@@ -1,9 +0,0 @@
<svg width="224" height="23" viewBox="0 0 224 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M213.16 1L221.922 11.5M221.922 11.5L213.16 22M221.922 11.5L0.92188 11.5" stroke="url(#paint0_linear_4922_1089)" stroke-width="2"/>
<defs>
<linearGradient id="paint0_linear_4922_1089" x1="70.7166" y1="1.80793" x2="77.8662" y2="31.7416" gradientUnits="userSpaceOnUse">
<stop stop-color="#F44242"/>
<stop offset="1" stop-color="#569EF0"/>
</linearGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 476 B

View File

@@ -1,3 +0,0 @@
<svg width="223" height="23" viewBox="0 0 223 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.6" d="M212.699 1L221.461 11.5M221.461 11.5L212.699 22M221.461 11.5L0.460942 11.5" stroke="#F4F1F0" stroke-width="2"/>
</svg>

Before

Width:  |  Height:  |  Size: 240 B

View File

@@ -1,9 +0,0 @@
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 21C1.5 10.2304 10.2304 1.5 21 1.5C31.7696 1.5 40.5 10.2304 40.5 21C40.5 31.7696 31.7696 40.5 21 40.5C10.2304 40.5 1.5 31.7696 1.5 21ZM21 0.5C9.67816 0.5 0.5 9.67816 0.5 21C0.5 32.3218 9.67816 41.5 21 41.5C32.3218 41.5 41.5 32.3218 41.5 21C41.5 9.67816 32.3218 0.5 21 0.5ZM31.5937 15.5683C31.9711 15.7922 32.2839 16.1101 32.5018 16.4909C32.7162 16.8511 32.8379 17.2587 32.8562 17.6774C32.8746 18.0961 32.789 18.5128 32.6072 18.8904L28.4125 27.2017C28.3063 27.4106 28.1442 27.5861 27.9444 27.7085C27.7445 27.831 27.5146 27.8958 27.2802 27.8956L15.8562 27.8528C15.5695 27.8616 15.2884 27.773 15.0586 27.6016C14.8287 27.4302 14.6637 27.186 14.5903 26.9088L11.1357 13.8722L9.56171 13.8663C9.22506 13.8651 8.9027 13.7302 8.66555 13.4912C8.42839 13.2523 8.29586 12.9289 8.29712 12.5923C8.29838 12.2556 8.43332 11.9332 8.67227 11.6961C8.9112 11.4589 9.23456 11.3264 9.57121 11.3277L12.1099 11.3372C12.3965 11.3284 12.6776 11.417 12.9075 11.5884C13.1373 11.7598 13.3024 12.004 13.3757 12.2812L14.1012 15.1527L30.3488 15.2135C30.7874 15.2222 31.2164 15.3445 31.5937 15.5683ZM17.0408 30.823C17.0309 31.8745 16.1704 32.7189 15.1189 32.709C14.0674 32.6991 13.223 31.8386 13.2329 30.7871C13.2428 29.7356 14.1033 28.8912 15.1548 28.9011C16.2063 28.911 17.0507 29.7714 17.0408 30.823ZM27.8095 32.8282C28.861 32.8381 29.7214 31.9937 29.7314 30.9422C29.7413 29.8906 28.8969 29.0302 27.8453 29.0203C26.7938 29.0104 25.9334 29.8548 25.9235 30.9063C25.9136 31.9578 26.758 32.8183 27.8095 32.8282Z" fill="url(#paint0_linear_1672_8290)"/>
<defs>
<linearGradient id="paint0_linear_1672_8290" x1="2.07741" y1="28.5517" x2="10.5188" y2="7.33333" gradientUnits="userSpaceOnUse">
<stop stop-color="#F44242"/>
<stop offset="1" stop-color="#569EF0"/>
</linearGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -1,3 +0,0 @@
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.88281 21C1.88281 10.2304 10.6133 1.5 21.3828 1.5C32.1524 1.5 40.8828 10.2304 40.8828 21C40.8828 31.7696 32.1524 40.5 21.3828 40.5C10.6133 40.5 1.88281 31.7696 1.88281 21ZM21.3828 0.5C10.061 0.5 0.882812 9.67816 0.882812 21C0.882812 32.3218 10.061 41.5 21.3828 41.5C32.7046 41.5 41.8828 32.3218 41.8828 21C41.8828 9.67816 32.7046 0.5 21.3828 0.5ZM31.9765 15.5683C32.3539 15.7922 32.6667 16.1101 32.8846 16.4909C33.099 16.8511 33.2207 17.2587 33.239 17.6774C33.2574 18.0961 33.1718 18.5128 32.99 18.8904L28.7953 27.2017C28.6891 27.4106 28.527 27.5861 28.3272 27.7085C28.1273 27.831 27.8974 27.8958 27.663 27.8956L16.239 27.8528C15.9524 27.8616 15.6712 27.773 15.4414 27.6016C15.2115 27.4302 15.0465 27.186 14.9731 26.9088L11.5185 13.8722L9.94452 13.8663C9.60787 13.8651 9.28551 13.7302 9.04836 13.4912C8.8112 13.2523 8.67868 12.9289 8.67993 12.5923C8.6812 12.2556 8.81614 11.9332 9.05508 11.6961C9.29401 11.4589 9.61738 11.3264 9.95403 11.3277L12.4927 11.3372C12.7793 11.3284 13.0604 11.417 13.2903 11.5884C13.5201 11.7598 13.6852 12.004 13.7585 12.2812L14.484 15.1527L30.7316 15.2135C31.1702 15.2222 31.5992 15.3445 31.9765 15.5683ZM17.4236 30.823C17.4137 31.8745 16.5532 32.7189 15.5017 32.709C14.4502 32.6991 13.6058 31.8386 13.6157 30.7871C13.6256 29.7356 14.4861 28.8912 15.5376 28.9011C16.5891 28.911 17.4335 29.7714 17.4236 30.823ZM28.1923 32.8282C29.2438 32.8381 30.1043 31.9937 30.1142 30.9422C30.1241 29.8906 29.2797 29.0302 28.2281 29.0203C27.1766 29.0104 26.3162 29.8548 26.3063 30.9063C26.2964 31.9578 27.1408 32.8183 28.1923 32.8282Z" fill="#F4F1F0"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.7 KiB

View File

@@ -1,3 +0,0 @@
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.7509 15.5482C16.8299 15.6272 16.8925 15.721 16.9353 15.8241C16.978 15.9273 17 16.0379 17 16.1496C17 16.2613 16.978 16.3718 16.9353 16.475C16.8925 16.5782 16.8299 16.6719 16.7509 16.7509C16.6719 16.8299 16.5782 16.8925 16.475 16.9353C16.3718 16.978 16.2613 17 16.1496 17C16.0379 17 15.9273 16.978 15.8241 16.9353C15.721 16.8925 15.6272 16.8299 15.5482 16.7509L8.5 9.70162L1.45177 16.7509C1.29228 16.9104 1.07597 17 0.850425 17C0.624878 17 0.408569 16.9104 0.249084 16.7509C0.0895981 16.5914 4.44607e-09 16.3751 0 16.1496C-4.44607e-09 15.924 0.0895981 15.7077 0.249084 15.5482L7.29838 8.5L0.249084 1.45177C0.0895981 1.29228 0 1.07597 0 0.850425C0 0.624878 0.0895981 0.408569 0.249084 0.249084C0.408569 0.0895981 0.624878 0 0.850425 0C1.07597 0 1.29228 0.0895981 1.45177 0.249084L8.5 7.29838L15.5482 0.249084C15.7077 0.0895981 15.924 -4.44607e-09 16.1496 0C16.3751 4.44607e-09 16.5914 0.0895981 16.7509 0.249084C16.9104 0.408569 17 0.624878 17 0.850425C17 1.07597 16.9104 1.29228 16.7509 1.45177L9.70162 8.5L16.7509 15.5482Z" fill="#000"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

View File

@@ -1,4 +0,0 @@
<svg width="257" height="40" viewBox="0 0 257 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.4531 2.5C8.78861 2.5 0.953125 10.3355 0.953125 20C0.953125 29.6645 8.78861 37.5 18.4531 37.5C28.1176 37.5 35.9531 29.6645 35.9531 20C35.9531 10.3355 28.1176 2.5 18.4531 2.5ZM27.0451 14.4903L24.1773 28.0274C23.9628 28.9871 23.3983 29.2242 22.5967 28.7726L18.216 25.5435L16.1047 27.5758C15.8676 27.8129 15.6757 28.0048 15.2241 28.0048L15.5289 23.5565L23.6354 16.229C23.9854 15.9242 23.5564 15.7435 23.0934 16.0484L13.0676 22.3597L8.75474 21.0161C7.81764 20.7226 7.79506 20.079 8.95796 19.6274L25.837 13.1129C26.616 12.8306 27.3047 13.3048 27.0451 14.4903Z" fill="#121212"/>
<path d="M68.5971 5.2V8.26H59.7051V34H56.6451V8.26H47.7531V5.2H68.5971ZM92.8867 8.26H75.2467V18.088L90.5467 18.052V21.112H75.2467V30.976L92.8867 30.94V34H72.1867V5.2H75.2467V5.236L92.8867 5.2V8.26ZM117.9 34H114.84V8.224H103.86V24.352C103.86 27.328 103.572 29.512 102.996 30.904C102.444 32.272 101.676 33.136 100.692 33.496C99.7317 33.832 98.3277 34 96.4797 34V30.94C97.7517 30.94 98.6637 30.82 99.2157 30.58C99.7677 30.34 100.164 29.764 100.404 28.852C100.668 27.94 100.8 26.44 100.8 24.352V5.2H117.9V34ZM142.914 8.26H125.274V18.088L140.574 18.052V21.112H125.274V30.976L142.914 30.94V34H122.214V5.2H125.274V5.236L142.914 5.2V8.26ZM149.603 8.296V34H146.507V5.2H165.371V8.296H149.603ZM172.068 34H168.972V5.2H179.7C183.132 5.2 185.976 5.896 188.232 7.288C190.512 8.68 191.652 11.044 191.652 14.38C191.652 16.468 191.088 18.172 189.96 19.492C188.832 20.812 187.368 21.76 185.568 22.336C183.768 22.912 181.812 23.2 179.7 23.2H172.068V34ZM179.7 20.176C185.484 20.176 188.376 18.22 188.376 14.308C188.376 12.268 187.572 10.744 185.964 9.736C184.356 8.728 182.268 8.224 179.7 8.224H172.068V20.176H179.7ZM216.559 34L212.887 25.504H198.559L194.923 34H191.683L204.067 5.2H207.343L219.799 34H216.559ZM199.891 22.444L211.555 22.408L205.723 8.908L199.891 22.444ZM251.582 5.2V34H248.414V12.364L239.306 34H236.03L226.562 12.184V34H223.394V5.2H226.67L237.65 30.22L248.306 5.2H251.582Z" fill="#121212"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.0 KiB

View File

@@ -1,4 +0,0 @@
<svg width="257" height="40" viewBox="0 0 257 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.6" d="M18.4531 2.5C8.78861 2.5 0.953125 10.3355 0.953125 20C0.953125 29.6645 8.78861 37.5 18.4531 37.5C28.1176 37.5 35.9531 29.6645 35.9531 20C35.9531 10.3355 28.1176 2.5 18.4531 2.5ZM27.0451 14.4903L24.1773 28.0274C23.9628 28.9871 23.3983 29.2242 22.5967 28.7726L18.216 25.5435L16.1047 27.5758C15.8676 27.8129 15.6757 28.0048 15.2241 28.0048L15.5289 23.5565L23.6354 16.229C23.9854 15.9242 23.5564 15.7435 23.0934 16.0484L13.0676 22.3597L8.75474 21.0161C7.81764 20.7226 7.79506 20.079 8.95796 19.6274L25.837 13.1129C26.616 12.8306 27.3047 13.3048 27.0451 14.4903Z" fill="#F4F1F0"/>
<path opacity="0.6" d="M68.5971 5.2V8.26H59.7051V34H56.6451V8.26H47.7531V5.2H68.5971ZM92.8867 8.26H75.2467V18.088L90.5467 18.052V21.112H75.2467V30.976L92.8867 30.94V34H72.1867V5.2H75.2467V5.236L92.8867 5.2V8.26ZM117.9 34H114.84V8.224H103.86V24.352C103.86 27.328 103.572 29.512 102.996 30.904C102.444 32.272 101.676 33.136 100.692 33.496C99.7317 33.832 98.3277 34 96.4797 34V30.94C97.7517 30.94 98.6637 30.82 99.2157 30.58C99.7677 30.34 100.164 29.764 100.404 28.852C100.668 27.94 100.8 26.44 100.8 24.352V5.2H117.9V34ZM142.914 8.26H125.274V18.088L140.574 18.052V21.112H125.274V30.976L142.914 30.94V34H122.214V5.2H125.274V5.236L142.914 5.2V8.26ZM149.603 8.296V34H146.507V5.2H165.371V8.296H149.603ZM172.068 34H168.972V5.2H179.7C183.132 5.2 185.976 5.896 188.232 7.288C190.512 8.68 191.652 11.044 191.652 14.38C191.652 16.468 191.088 18.172 189.96 19.492C188.832 20.812 187.368 21.76 185.568 22.336C183.768 22.912 181.812 23.2 179.7 23.2H172.068V34ZM179.7 20.176C185.484 20.176 188.376 18.22 188.376 14.308C188.376 12.268 187.572 10.744 185.964 9.736C184.356 8.728 182.268 8.224 179.7 8.224H172.068V20.176H179.7ZM216.559 34L212.887 25.504H198.559L194.923 34H191.683L204.067 5.2H207.343L219.799 34H216.559ZM199.891 22.444L211.555 22.408L205.723 8.908L199.891 22.444ZM251.582 5.2V34H248.414V12.364L239.306 34H236.03L226.562 12.184V34H223.394V5.2H226.67L237.65 30.22L248.306 5.2H251.582Z" fill="#F4F1F0"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -1,9 +0,0 @@
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 21C1.5 10.2304 10.2304 1.5 21 1.5C31.7696 1.5 40.5 10.2304 40.5 21C40.5 31.7696 31.7696 40.5 21 40.5C10.2304 40.5 1.5 31.7696 1.5 21ZM21 0.5C9.67816 0.5 0.5 9.67816 0.5 21C0.5 32.3218 9.67816 41.5 21 41.5C32.3218 41.5 41.5 32.3218 41.5 21C41.5 9.67816 32.3218 0.5 21 0.5ZM17.5716 8.62718C16.5298 9.66905 15.9444 11.0821 15.9444 12.5556C15.9444 14.029 16.5298 15.4421 17.5716 16.4839C18.6135 17.5258 20.0266 18.1111 21.5 18.1111C22.9734 18.1111 24.3865 17.5258 25.4284 16.4839C26.4702 15.4421 27.0556 14.029 27.0556 12.5556C27.0556 11.0821 26.4702 9.66905 25.4284 8.62718C24.3865 7.58532 22.9734 7 21.5 7C20.0266 7 18.6135 7.58532 17.5716 8.62718ZM11.034 22.9229C12.3363 21.6205 14.1027 20.8889 15.9444 20.8889H27.0556C28.8973 20.8889 30.6637 21.6205 31.966 22.9229C33.2684 24.2252 34 25.9916 34 27.8333C34 28.9384 33.561 29.9982 32.7796 30.7796C31.9982 31.561 30.9384 32 29.8333 32H13.1667C12.0616 32 11.0018 31.561 10.2204 30.7796C9.43899 29.9982 9 28.9384 9 27.8333C9 25.9916 9.73164 24.2252 11.034 22.9229Z" fill="url(#paint0_linear_1672_8286)"/>
<defs>
<linearGradient id="paint0_linear_1672_8286" x1="2.07741" y1="28.5517" x2="10.5188" y2="7.33333" gradientUnits="userSpaceOnUse">
<stop stop-color="#F44242"/>
<stop offset="1" stop-color="#569EF0"/>
</linearGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 1.4 KiB

View File

@@ -1,3 +0,0 @@
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.88281 21C1.88281 10.2304 10.6133 1.5 21.3828 1.5C32.1524 1.5 40.8828 10.2304 40.8828 21C40.8828 31.7696 32.1524 40.5 21.3828 40.5C10.6133 40.5 1.88281 31.7696 1.88281 21ZM21.3828 0.5C10.061 0.5 0.882812 9.67816 0.882812 21C0.882812 32.3218 10.061 41.5 21.3828 41.5C32.7046 41.5 41.8828 32.3218 41.8828 21C41.8828 9.67816 32.7046 0.5 21.3828 0.5ZM17.9544 8.62718C16.9126 9.66905 16.3273 11.0821 16.3273 12.5556C16.3273 14.029 16.9126 15.4421 17.9544 16.4839C18.9963 17.5258 20.4094 18.1111 21.8828 18.1111C23.3562 18.1111 24.7693 17.5258 25.8112 16.4839C26.8531 15.4421 27.4384 14.029 27.4384 12.5556C27.4384 11.0821 26.8531 9.66905 25.8112 8.62718C24.7693 7.58532 23.3562 7 21.8828 7C20.4094 7 18.9963 7.58532 17.9544 8.62718ZM11.4168 22.9229C12.7191 21.6205 14.4855 20.8889 16.3273 20.8889H27.4384C29.2801 20.8889 31.0465 21.6205 32.3488 22.9229C33.6512 24.2252 34.3828 25.9916 34.3828 27.8333C34.3828 28.9384 33.9438 29.9982 33.1624 30.7796C32.381 31.561 31.3212 32 30.2161 32H13.5495C12.4444 32 11.3846 31.561 10.6032 30.7796C9.8218 29.9982 9.38281 28.9384 9.38281 27.8333C9.38281 25.9916 10.1145 24.2252 11.4168 22.9229Z" fill="#F4F1F0"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

View File

@@ -1,12 +0,0 @@
<svg width="121" height="121" viewBox="0 0 121 121" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M56.9165 7.74087C58.5585 5.06909 62.4415 5.06909 64.0835 7.74087C66.0775 10.9855 70.4964 11.6853 73.3954 9.21573C75.7826 7.18212 79.4756 8.38203 80.2116 11.4304C81.1053 15.1324 85.0917 17.1635 88.6119 15.7107C91.5108 14.5143 94.6522 16.7966 94.4101 19.9233C94.1162 23.7202 97.2798 26.8838 101.077 26.5899C104.203 26.3478 106.486 29.4892 105.289 32.388C103.836 35.9083 105.868 39.8947 109.57 40.7885C112.618 41.5244 113.818 45.2174 111.784 47.6046C109.315 50.5036 110.015 54.9225 113.259 56.9165C115.931 58.5585 115.931 62.4415 113.259 64.0835C110.015 66.0775 109.315 70.4964 111.784 73.3954C113.818 75.7826 112.618 79.4756 109.57 80.2116C105.868 81.1053 103.836 85.0917 105.289 88.6119C106.486 91.5108 104.203 94.6522 101.077 94.4101C97.2798 94.1162 94.1162 97.2798 94.4101 101.077C94.6522 104.203 91.5108 106.486 88.6119 105.289C85.0917 103.836 81.1053 105.868 80.2116 109.57C79.4756 112.618 75.7826 113.818 73.3954 111.784C70.4964 109.315 66.0775 110.015 64.0835 113.259C62.4415 115.931 58.5585 115.931 56.9165 113.259C54.9225 110.015 50.5036 109.315 47.6046 111.784C45.2174 113.818 41.5244 112.618 40.7885 109.57C39.8947 105.868 35.9083 103.836 32.388 105.289C29.4892 106.486 26.3478 104.203 26.5899 101.077C26.8838 97.2798 23.7202 94.1162 19.9233 94.4101C16.7966 94.6522 14.5143 91.5108 15.7107 88.6119C17.1635 85.0917 15.1324 81.1053 11.4304 80.2116C8.38203 79.4756 7.18211 75.7826 9.21573 73.3954C11.6853 70.4964 10.9855 66.0775 7.74087 64.0835C5.06909 62.4415 5.06909 58.5585 7.74087 56.9165C10.9855 54.9225 11.6853 50.5036 9.21573 47.6046C7.18211 45.2174 8.38203 41.5244 11.4304 40.7885C15.1324 39.8947 17.1635 35.9083 15.7107 32.388C14.5143 29.4892 16.7966 26.3478 19.9233 26.5899C23.7202 26.8838 26.8838 23.7202 26.5899 19.9233C26.3478 16.7966 29.4892 14.5143 32.388 15.7107C35.9083 17.1635 39.8947 15.1324 40.7885 11.4304C41.5244 8.38203 45.2174 7.18211 47.6046 9.21573C50.5036 11.6853 54.9225 10.9855 56.9165 7.74087Z" stroke="#F4F1F0" stroke-width="2"/>
<path d="M53.3402 18.8653C57.2904 14.901 63.7099 14.901 67.6601 18.8653C70.0971 21.3111 73.6139 22.3437 76.9863 21.6037C82.4527 20.4043 87.8532 23.875 89.033 29.3457C89.7608 32.7207 92.1611 35.4907 95.3982 36.6915C100.645 38.6379 103.312 44.4773 101.347 49.7174C100.135 52.9501 100.656 56.5781 102.73 59.3383C106.092 63.8125 105.178 70.1667 100.692 73.5125C97.9246 75.5766 96.402 78.9107 96.6544 82.354C97.0637 87.9355 92.8597 92.787 87.2769 93.1763C83.8326 93.4164 80.7492 95.398 79.1 98.4313C76.4267 103.348 70.2672 105.157 65.3601 102.466C62.3328 100.806 58.6675 100.806 55.6402 102.466C50.7331 105.157 44.5736 103.348 41.9003 98.4313C40.2511 95.398 37.1677 93.4164 33.7234 93.1763C28.1406 92.787 23.9366 87.9355 24.3459 82.354C24.5983 78.9107 23.0757 75.5766 20.3081 73.5125C15.8219 70.1667 14.9083 63.8125 18.2701 59.3383C20.3442 56.5781 20.8658 52.9501 19.6534 49.7174C17.6883 44.4773 20.3551 38.6379 25.6021 36.6915C28.8392 35.4907 31.2395 32.7207 31.9673 29.3457C33.1471 23.875 38.5476 20.4043 44.014 21.6037C47.3864 22.3437 50.9032 21.3111 53.3402 18.8653Z" fill="url(#paint0_radial_1649_6215)"/>
<defs>
<radialGradient id="paint0_radial_1649_6215" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(132.314 -15.6365) rotate(130.81) scale(256.951 336.302)">
<stop stop-color="#0F5881"/>
<stop offset="0.369792" stop-color="#1EA49C"/>
<stop offset="0.666667" stop-color="#76CE75"/>
<stop offset="0.911458" stop-color="#ECF39F"/>
</radialGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 3.5 KiB

View File

@@ -1,12 +0,0 @@
<svg width="121" height="121" viewBox="0 0 121 121" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M56.9165 7.74087C58.5585 5.06909 62.4415 5.06909 64.0835 7.74087C66.0775 10.9855 70.4964 11.6853 73.3954 9.21573C75.7826 7.18212 79.4756 8.38203 80.2116 11.4304C81.1053 15.1324 85.0917 17.1635 88.6119 15.7107C91.5108 14.5143 94.6522 16.7966 94.4101 19.9233C94.1162 23.7202 97.2798 26.8838 101.077 26.5899C104.203 26.3478 106.486 29.4892 105.289 32.388C103.836 35.9083 105.868 39.8947 109.57 40.7885C112.618 41.5244 113.818 45.2174 111.784 47.6046C109.315 50.5036 110.015 54.9225 113.259 56.9165C115.931 58.5585 115.931 62.4415 113.259 64.0835C110.015 66.0775 109.315 70.4964 111.784 73.3954C113.818 75.7826 112.618 79.4756 109.57 80.2116C105.868 81.1053 103.836 85.0917 105.289 88.6119C106.486 91.5108 104.203 94.6522 101.077 94.4101C97.2798 94.1162 94.1162 97.2798 94.4101 101.077C94.6522 104.203 91.5108 106.486 88.6119 105.289C85.0917 103.836 81.1053 105.868 80.2116 109.57C79.4756 112.618 75.7826 113.818 73.3954 111.784C70.4964 109.315 66.0775 110.015 64.0835 113.259C62.4415 115.931 58.5585 115.931 56.9165 113.259C54.9225 110.015 50.5036 109.315 47.6046 111.784C45.2174 113.818 41.5244 112.618 40.7885 109.57C39.8947 105.868 35.9083 103.836 32.388 105.289C29.4892 106.486 26.3478 104.203 26.5899 101.077C26.8838 97.2798 23.7202 94.1162 19.9233 94.4101C16.7966 94.6522 14.5143 91.5108 15.7107 88.6119C17.1635 85.0917 15.1324 81.1053 11.4304 80.2116C8.38203 79.4756 7.18211 75.7826 9.21573 73.3954C11.6853 70.4964 10.9855 66.0775 7.74087 64.0835C5.06909 62.4415 5.06909 58.5585 7.74087 56.9165C10.9855 54.9225 11.6853 50.5036 9.21573 47.6046C7.18211 45.2174 8.38203 41.5244 11.4304 40.7885C15.1324 39.8947 17.1635 35.9083 15.7107 32.388C14.5143 29.4892 16.7966 26.3478 19.9233 26.5899C23.7202 26.8838 26.8838 23.7202 26.5899 19.9233C26.3478 16.7966 29.4892 14.5143 32.388 15.7107C35.9083 17.1635 39.8947 15.1324 40.7885 11.4304C41.5244 8.38203 45.2174 7.18211 47.6046 9.21573C50.5036 11.6853 54.9225 10.9855 56.9165 7.74087Z" stroke="#121212" stroke-width="2"/>
<path d="M53.3402 18.8653C57.2904 14.901 63.7099 14.901 67.6601 18.8653C70.0971 21.3111 73.6139 22.3437 76.9863 21.6037C82.4527 20.4043 87.8532 23.875 89.033 29.3457C89.7608 32.7207 92.1611 35.4907 95.3982 36.6915C100.645 38.6379 103.312 44.4773 101.347 49.7174C100.135 52.9501 100.656 56.5781 102.73 59.3383C106.092 63.8125 105.178 70.1667 100.692 73.5125C97.9246 75.5766 96.402 78.9107 96.6544 82.354C97.0637 87.9355 92.8597 92.787 87.2769 93.1763C83.8326 93.4164 80.7492 95.398 79.1 98.4313C76.4267 103.348 70.2672 105.157 65.3601 102.466C62.3328 100.806 58.6675 100.806 55.6402 102.466C50.7331 105.157 44.5736 103.348 41.9003 98.4313C40.2511 95.398 37.1677 93.4164 33.7234 93.1763C28.1406 92.787 23.9366 87.9355 24.3459 82.354C24.5983 78.9107 23.0757 75.5766 20.3081 73.5125C15.8219 70.1667 14.9083 63.8125 18.2701 59.3383C20.3442 56.5781 20.8658 52.9501 19.6534 49.7174C17.6883 44.4773 20.3551 38.6379 25.6021 36.6915C28.8392 35.4907 31.2395 32.7207 31.9673 29.3457C33.1471 23.875 38.5476 20.4043 44.014 21.6037C47.3864 22.3437 50.9032 21.3111 53.3402 18.8653Z" fill="url(#paint0_radial_1649_6366)"/>
<defs>
<radialGradient id="paint0_radial_1649_6366" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(132.314 -15.6365) rotate(130.81) scale(256.951 336.302)">
<stop stop-color="#0F5881"/>
<stop offset="0.369792" stop-color="#1EA49C"/>
<stop offset="0.666667" stop-color="#76CE75"/>
<stop offset="0.911458" stop-color="#ECF39F"/>
</radialGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 3.5 KiB

View File

@@ -1,4 +0,0 @@
<svg width="277" height="40" viewBox="0 0 277 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.92213 4.96152C0.460938 7.42304 0.460938 11.38 0.460938 19.2987V20.6967C0.460938 28.6153 0.460938 32.577 2.92213 35.0385C5.38332 37.5 9.3398 37.5 17.2621 37.5H18.6598C26.5774 37.5 30.5386 37.5 32.9997 35.0385C35.4609 32.577 35.4609 28.62 35.4609 20.6967V19.2987C35.4609 11.38 35.4609 7.41839 32.9997 4.95687C30.5386 2.5 26.5774 2.5 18.6598 2.5H17.2621C9.3398 2.5 5.38332 2.5 2.92213 4.96152ZM6.3678 13.1495C6.55819 22.2479 11.1091 27.7189 19.0824 27.7189H19.5328V22.5126C22.4631 22.8052 24.6781 24.9463 25.5697 27.7189H29.712C28.5742 23.5762 25.5837 21.2865 23.7169 20.4133C25.5837 19.3359 28.2074 16.7071 28.8343 13.1495H25.0729C24.2556 16.0383 21.8362 18.6624 19.5328 18.9086V13.1495H15.7714V23.2418C13.4402 22.6566 10.4915 19.8282 10.3614 13.1495H6.3678Z" fill="#121212"/>
<path d="M58.1689 5.2C61.0009 5.176 63.1249 5.764 64.5409 6.964C65.9569 8.164 66.6649 9.772 66.6649 11.788C66.6649 13.228 66.2089 14.476 65.2969 15.532C64.3849 16.564 63.2329 17.176 61.8409 17.368C64.3129 17.584 66.3049 18.352 67.8169 19.672C69.3289 20.968 70.0849 22.744 70.0849 25C70.0849 28.024 68.9809 30.28 66.7729 31.768C64.5889 33.256 61.7209 34 58.1689 34H47.2609V5.2H58.1689ZM58.1689 15.964C59.9689 15.964 61.3129 15.616 62.2009 14.92C63.1129 14.2 63.5689 13.24 63.5689 12.04C63.5689 10.888 63.1129 9.976 62.2009 9.304C61.3129 8.632 59.9689 8.296 58.1689 8.296H50.3569V15.964H58.1689ZM58.1689 30.904C61.2409 30.904 63.4489 30.34 64.7929 29.212C66.1369 28.06 66.8089 26.608 66.8089 24.856C66.8089 23.176 66.1129 21.784 64.7209 20.68C63.3289 19.576 61.1449 19.024 58.1689 19.024H50.3569V30.904H58.1689ZM94.6864 5.2L81.9784 19.6L94.6864 34H90.7624L79.5304 21.112H76.7584V34H73.6984V5.2H76.7584V18.088L79.5304 18.052L90.7624 5.2H94.6864ZM95.3898 19.456C95.3898 16.672 95.8818 14.212 96.8658 12.076C97.8738 9.916 99.3498 8.236 101.294 7.036C103.262 5.812 105.626 5.2 108.386 5.2C111.146 5.2 113.498 5.812 115.442 7.036C117.386 8.236 118.85 9.916 119.834 12.076C120.842 14.212 121.346 16.672 121.346 19.456C121.346 22.264 120.842 24.772 119.834 26.98C118.85 29.164 117.374 30.88 115.406 32.128C113.462 33.376 111.122 34 108.386 34C105.626 34 103.262 33.376 101.294 32.128C99.3498 30.88 97.8738 29.164 96.8658 26.98C95.8818 24.772 95.3898 22.264 95.3898 19.456ZM98.5578 19.456C98.5578 21.64 98.9418 23.596 99.7098 25.324C100.478 27.052 101.594 28.408 103.058 29.392C104.546 30.352 106.322 30.832 108.386 30.832C110.426 30.832 112.178 30.34 113.642 29.356C115.13 28.372 116.258 27.028 117.026 25.324C117.794 23.596 118.178 21.64 118.178 19.456C118.178 17.272 117.794 15.352 117.026 13.696C116.258 12.016 115.142 10.708 113.678 9.772C112.214 8.836 110.45 8.368 108.386 8.368C106.322 8.368 104.546 8.836 103.058 9.772C101.594 10.708 100.478 12.016 99.7098 13.696C98.9418 15.352 98.5578 17.272 98.5578 19.456ZM143.316 5.2H146.376V34H143.316V21.112H128.016V34H124.956V5.2H128.016V18.088L143.316 18.052V5.2ZM170.832 5.2V8.26H161.94V34H158.88V8.26H149.988V5.2H170.832ZM196.414 34L192.742 25.504H178.414L174.778 34H171.538L183.922 5.2H187.198L199.654 34H196.414ZM179.746 22.444L191.41 22.408L185.578 8.908L179.746 22.444ZM224.237 5.2L211.529 19.6L224.237 34H220.313L209.081 21.112H206.309V34H203.249V5.2H206.309V18.088L209.081 18.052L220.313 5.2H224.237ZM248.667 5.2V8.26H239.775V34H236.715V8.26H227.823V5.2H248.667ZM272.957 8.26H255.317V18.088L270.617 18.052V21.112H255.317V30.976L272.957 30.94V34H252.257V5.2H255.317V5.236L272.957 5.2V8.26Z" fill="#121212"/>
</svg>

Before

Width:  |  Height:  |  Size: 3.5 KiB

View File

@@ -1,4 +0,0 @@
<svg width="277" height="40" viewBox="0 0 277 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M2.92213 4.96152C0.460938 7.42304 0.460938 11.38 0.460938 19.2987V20.6967C0.460938 28.6153 0.460938 32.577 2.92213 35.0385C5.38332 37.5 9.3398 37.5 17.2621 37.5H18.6598C26.5774 37.5 30.5386 37.5 32.9997 35.0385C35.4609 32.577 35.4609 28.62 35.4609 20.6967V19.2987C35.4609 11.38 35.4609 7.41839 32.9997 4.95687C30.5386 2.5 26.5774 2.5 18.6598 2.5H17.2621C9.3398 2.5 5.38332 2.5 2.92213 4.96152ZM6.3678 13.1495C6.55819 22.2479 11.1091 27.7189 19.0824 27.7189H19.5328V22.5126C22.4631 22.8052 24.6781 24.9463 25.5697 27.7189H29.712C28.5742 23.5762 25.5837 21.2865 23.7169 20.4133C25.5837 19.3359 28.2074 16.7071 28.8343 13.1495H25.0729C24.2556 16.0383 21.8362 18.6624 19.5328 18.9086V13.1495H15.7714V23.2418C13.4402 22.6566 10.4915 19.8282 10.3614 13.1495H6.3678Z" fill="#F4F1F0"/>
<path opacity="0.6" d="M58.1689 5.2C61.0009 5.176 63.1249 5.764 64.5409 6.964C65.9569 8.164 66.6649 9.772 66.6649 11.788C66.6649 13.228 66.2089 14.476 65.2969 15.532C64.3849 16.564 63.2329 17.176 61.8409 17.368C64.3129 17.584 66.3049 18.352 67.8169 19.672C69.3289 20.968 70.0849 22.744 70.0849 25C70.0849 28.024 68.9809 30.28 66.7729 31.768C64.5889 33.256 61.7209 34 58.1689 34H47.2609V5.2H58.1689ZM58.1689 15.964C59.9689 15.964 61.3129 15.616 62.2009 14.92C63.1129 14.2 63.5689 13.24 63.5689 12.04C63.5689 10.888 63.1129 9.976 62.2009 9.304C61.3129 8.632 59.9689 8.296 58.1689 8.296H50.3569V15.964H58.1689ZM58.1689 30.904C61.2409 30.904 63.4489 30.34 64.7929 29.212C66.1369 28.06 66.8089 26.608 66.8089 24.856C66.8089 23.176 66.1129 21.784 64.7209 20.68C63.3289 19.576 61.1449 19.024 58.1689 19.024H50.3569V30.904H58.1689ZM94.6864 5.2L81.9784 19.6L94.6864 34H90.7624L79.5304 21.112H76.7584V34H73.6984V5.2H76.7584V18.088L79.5304 18.052L90.7624 5.2H94.6864ZM95.3898 19.456C95.3898 16.672 95.8818 14.212 96.8658 12.076C97.8738 9.916 99.3498 8.236 101.294 7.036C103.262 5.812 105.626 5.2 108.386 5.2C111.146 5.2 113.498 5.812 115.442 7.036C117.386 8.236 118.85 9.916 119.834 12.076C120.842 14.212 121.346 16.672 121.346 19.456C121.346 22.264 120.842 24.772 119.834 26.98C118.85 29.164 117.374 30.88 115.406 32.128C113.462 33.376 111.122 34 108.386 34C105.626 34 103.262 33.376 101.294 32.128C99.3498 30.88 97.8738 29.164 96.8658 26.98C95.8818 24.772 95.3898 22.264 95.3898 19.456ZM98.5578 19.456C98.5578 21.64 98.9418 23.596 99.7098 25.324C100.478 27.052 101.594 28.408 103.058 29.392C104.546 30.352 106.322 30.832 108.386 30.832C110.426 30.832 112.178 30.34 113.642 29.356C115.13 28.372 116.258 27.028 117.026 25.324C117.794 23.596 118.178 21.64 118.178 19.456C118.178 17.272 117.794 15.352 117.026 13.696C116.258 12.016 115.142 10.708 113.678 9.772C112.214 8.836 110.45 8.368 108.386 8.368C106.322 8.368 104.546 8.836 103.058 9.772C101.594 10.708 100.478 12.016 99.7098 13.696C98.9418 15.352 98.5578 17.272 98.5578 19.456ZM143.316 5.2H146.376V34H143.316V21.112H128.016V34H124.956V5.2H128.016V18.088L143.316 18.052V5.2ZM170.832 5.2V8.26H161.94V34H158.88V8.26H149.988V5.2H170.832ZM196.414 34L192.742 25.504H178.414L174.778 34H171.538L183.922 5.2H187.198L199.654 34H196.414ZM179.746 22.444L191.41 22.408L185.578 8.908L179.746 22.444ZM224.237 5.2L211.529 19.6L224.237 34H220.313L209.081 21.112H206.309V34H203.249V5.2H206.309V18.088L209.081 18.052L220.313 5.2H224.237ZM248.667 5.2V8.26H239.775V34H236.715V8.26H227.823V5.2H248.667ZM272.957 8.26H255.317V18.088L270.617 18.052V21.112H255.317V30.976L272.957 30.94V34H252.257V5.2H255.317V5.236L272.957 5.2V8.26Z" fill="#F4F1F0"/>
</svg>

Before

Width:  |  Height:  |  Size: 3.5 KiB

View File

@@ -1,7 +0,0 @@
<svg width="325" height="42" viewBox="0 0 325 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.4728 2.5C17.27 5.24125 17.2824 8.01985 16.8174 10.7157C15.9334 15.8298 13.0567 18.4341 7.87884 19.0405C5.41589 19.3291 2.92364 19.3723 0.445312 19.5268C0.445312 18.99 0.621081 17.5816 0.65184 17.4037C1.7416 11.1258 5.17787 6.6203 10.9702 4.00135C12.5118 3.3056 16.936 2.5 17.4728 2.5Z" fill="#121212"/>
<path d="M0.445312 20.4473C2.61825 20.5989 4.8007 20.6706 6.96045 20.9299C8.39223 21.1013 9.84304 21.4015 11.1965 21.8893C14.0791 22.9285 15.9385 25.0831 16.5164 28.0397C17.114 31.0988 17.33 34.2333 17.7321 37.4924C14.9718 37.5751 12.7022 36.9724 10.5725 35.9273C5.03652 33.2117 1.69912 28.8058 0.654037 22.6993C0.616686 22.4803 0.445312 20.9848 0.445312 20.4473Z" fill="#121212"/>
<path d="M21.9992 2.95944C29.3105 4.57797 35.1328 11.3817 35.4594 18.6936C35.4697 18.9199 35.4609 19.1469 35.4609 19.5248C31.5632 19.3872 27.6722 19.5673 24.055 17.8873C21.0332 16.4833 19.6029 13.8571 19.1328 10.7181C18.7937 8.45292 18.7409 6.14524 18.5535 3.85659C18.5161 3.40325 18.4487 2.95285 18.3945 2.50098C18.9314 2.50025 21.3335 2.8115 21.9992 2.95944Z" fill="#121212"/>
<path d="M18.375 37.4309C18.6218 34.675 18.7126 31.993 19.1315 29.3631C19.8815 24.6532 22.5099 21.9801 27.1905 21.2038C29.8541 20.7622 32.5778 20.6802 35.2729 20.4355C35.9914 28.1166 28.3513 37.6513 18.375 37.4309Z" fill="#121212"/>
<path d="M69.9409 5.2V34H66.8449V23.2H60.4009L51.1489 34H47.3329L56.7289 23.056C53.9689 22.744 51.7009 21.892 49.9249 20.5C48.1489 19.084 47.2609 17.044 47.2609 14.38C47.2609 11.044 48.3889 8.68 50.6449 7.288C52.9249 5.896 55.7809 5.2 59.2129 5.2H69.9409ZM66.8449 8.224H59.2129C56.6449 8.224 54.5569 8.728 52.9489 9.736C51.3409 10.744 50.5369 12.268 50.5369 14.308C50.5369 16.42 51.3169 17.932 52.8769 18.844C54.4609 19.732 56.5729 20.176 59.2129 20.176H66.8449V8.224ZM92.9022 5.2H95.9622V34H92.9022V21.112H77.6022V34H74.5422V5.2H77.6022V18.088L92.9022 18.052V5.2ZM130.353 41.2H127.293V34L105.225 33.964C104.865 33.988 104.301 34 103.533 34H102.633V41.2H99.5734V30.94H103.533C104.805 30.94 105.717 30.82 106.269 30.58C106.821 30.34 107.217 29.764 107.457 28.852C107.721 27.94 107.853 26.44 107.853 24.352V5.2H124.953V30.94H130.353V41.2ZM121.893 8.224H110.913V24.352C110.913 27.304 110.625 29.5 110.049 30.94H121.893V8.224ZM154.656 8.26H137.016V18.088L152.316 18.052V21.112H137.016V30.976L154.656 30.94V34H133.956V5.2H137.016V5.236L154.656 5.2V8.26ZM179.237 5.2L166.529 19.6L179.237 34H175.313L164.081 21.112H161.309V34H158.249V5.2H161.309V18.088L164.081 18.052L175.313 5.2H179.237ZM204.565 27.016C203.533 29.248 202.033 30.976 200.065 32.2C198.097 33.4 195.697 34 192.865 34C190.105 34 187.753 33.376 185.809 32.128C183.865 30.88 182.401 29.164 181.417 26.98C180.433 24.772 179.941 22.264 179.941 19.456C179.941 16.672 180.433 14.212 181.417 12.076C182.401 9.916 183.865 8.236 185.809 7.036C187.753 5.812 190.105 5.2 192.865 5.2C195.745 5.2 198.169 5.812 200.137 7.036C202.105 8.236 203.617 10 204.673 12.328L201.973 14.236C200.365 10.276 197.329 8.296 192.865 8.296C190.921 8.296 189.205 8.752 187.717 9.664C186.253 10.576 185.113 11.872 184.297 13.552C183.481 15.232 183.073 17.2 183.073 19.456C183.073 21.808 183.481 23.848 184.297 25.576C185.113 27.28 186.253 28.6 187.717 29.536C189.205 30.448 190.921 30.904 192.865 30.904C197.209 30.928 200.221 28.996 201.901 25.108L204.565 27.016ZM247.705 41.2H244.645V34L222.577 33.964C222.217 33.988 221.653 34 220.885 34H219.985V41.2H216.925V30.94H220.885C222.157 30.94 223.069 30.82 223.621 30.58C224.173 30.34 224.569 29.764 224.809 28.852C225.073 27.94 225.205 26.44 225.205 24.352V5.2H242.305V30.94H247.705V41.2ZM239.245 8.224H228.265V24.352C228.265 27.304 227.977 29.5 227.401 30.94H239.245V8.224ZM264.131 18.376C266.147 18.544 267.743 19.192 268.919 20.32C270.119 21.424 270.719 23.08 270.719 25.288C270.719 28.24 269.723 30.436 267.731 31.876C265.739 33.292 263.219 34 260.171 34C256.955 34 254.375 33.136 252.431 31.408C250.487 29.68 249.515 27.052 249.515 23.524H252.611C252.611 25.732 253.235 27.52 254.483 28.888C255.731 30.232 257.627 30.904 260.171 30.904C262.547 30.904 264.347 30.376 265.571 29.32C266.819 28.264 267.443 26.896 267.443 25.216C267.443 23.56 266.891 22.288 265.787 21.4C264.683 20.488 263.027 20.032 260.819 20.032H258.191V16.972H260.819C262.619 16.972 263.999 16.6 264.959 15.856C265.943 15.088 266.435 14.032 266.435 12.688C266.435 11.176 265.931 10.072 264.923 9.376C263.939 8.656 262.355 8.296 260.171 8.296C257.939 8.296 256.259 8.74 255.131 9.628C254.027 10.516 253.475 11.824 253.475 13.552H250.379C250.379 10.816 251.171 8.74 252.755 7.324C254.339 5.884 256.811 5.176 260.171 5.2C263.435 5.176 265.811 5.776 267.299 7C268.787 8.2 269.531 9.988 269.531 12.364C269.531 13.42 269.267 14.392 268.739 15.28C268.235 16.144 267.563 16.852 266.723 17.404C265.883 17.932 265.019 18.256 264.131 18.376ZM295.07 8.26H277.43V18.088L292.73 18.052V21.112H277.43V30.976L295.07 30.94V34H274.37V5.2H277.43V5.236L295.07 5.2V8.26ZM317.023 5.2H320.083V34H317.023V21.112H301.723V34H298.663V5.2H301.723V18.088L317.023 18.052V5.2Z" fill="#121212"/>
</svg>

Before

Width:  |  Height:  |  Size: 5.0 KiB

View File

@@ -1,9 +0,0 @@
<svg width="325" height="42" viewBox="0 0 325 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.6">
<path d="M17.4728 2.5C17.27 5.24125 17.2824 8.01985 16.8174 10.7157C15.9334 15.8298 13.0567 18.4341 7.87884 19.0405C5.41589 19.3291 2.92364 19.3723 0.445312 19.5268C0.445312 18.99 0.621081 17.5816 0.65184 17.4037C1.7416 11.1258 5.17787 6.6203 10.9702 4.00135C12.5118 3.3056 16.936 2.5 17.4728 2.5Z" fill="#F2F2F2"/>
<path d="M0.445312 20.4473C2.61825 20.5989 4.8007 20.6706 6.96045 20.9299C8.39223 21.1013 9.84304 21.4015 11.1965 21.8893C14.0791 22.9285 15.9385 25.0831 16.5164 28.0397C17.114 31.0988 17.33 34.2333 17.7321 37.4924C14.9718 37.5751 12.7022 36.9724 10.5725 35.9273C5.03652 33.2117 1.69912 28.8058 0.654037 22.6993C0.616686 22.4803 0.445312 20.9848 0.445312 20.4473Z" fill="#F2F2F2"/>
<path d="M21.9992 2.95944C29.3105 4.57797 35.1328 11.3817 35.4594 18.6936C35.4697 18.9199 35.4609 19.1469 35.4609 19.5248C31.5632 19.3872 27.6722 19.5673 24.055 17.8873C21.0332 16.4833 19.6029 13.8571 19.1328 10.7181C18.7937 8.45292 18.7409 6.14524 18.5535 3.85659C18.5161 3.40325 18.4487 2.95285 18.3945 2.50098C18.9314 2.50025 21.3335 2.8115 21.9992 2.95944Z" fill="#F2F2F2"/>
<path d="M18.375 37.4309C18.6218 34.675 18.7126 31.993 19.1315 29.3631C19.8815 24.6532 22.5099 21.9801 27.1905 21.2038C29.8541 20.7622 32.5778 20.6802 35.2729 20.4355C35.9914 28.1166 28.3513 37.6513 18.375 37.4309Z" fill="#F2F2F2"/>
</g>
<path opacity="0.6" d="M69.9409 5.2V34H66.8449V23.2H60.4009L51.1489 34H47.3329L56.7289 23.056C53.9689 22.744 51.7009 21.892 49.9249 20.5C48.1489 19.084 47.2609 17.044 47.2609 14.38C47.2609 11.044 48.3889 8.68 50.6449 7.288C52.9249 5.896 55.7809 5.2 59.2129 5.2H69.9409ZM66.8449 8.224H59.2129C56.6449 8.224 54.5569 8.728 52.9489 9.736C51.3409 10.744 50.5369 12.268 50.5369 14.308C50.5369 16.42 51.3169 17.932 52.8769 18.844C54.4609 19.732 56.5729 20.176 59.2129 20.176H66.8449V8.224ZM92.9022 5.2H95.9622V34H92.9022V21.112H77.6022V34H74.5422V5.2H77.6022V18.088L92.9022 18.052V5.2ZM130.353 41.2H127.293V34L105.225 33.964C104.865 33.988 104.301 34 103.533 34H102.633V41.2H99.5734V30.94H103.533C104.805 30.94 105.717 30.82 106.269 30.58C106.821 30.34 107.217 29.764 107.457 28.852C107.721 27.94 107.853 26.44 107.853 24.352V5.2H124.953V30.94H130.353V41.2ZM121.893 8.224H110.913V24.352C110.913 27.304 110.625 29.5 110.049 30.94H121.893V8.224ZM154.656 8.26H137.016V18.088L152.316 18.052V21.112H137.016V30.976L154.656 30.94V34H133.956V5.2H137.016V5.236L154.656 5.2V8.26ZM179.237 5.2L166.529 19.6L179.237 34H175.313L164.081 21.112H161.309V34H158.249V5.2H161.309V18.088L164.081 18.052L175.313 5.2H179.237ZM204.565 27.016C203.533 29.248 202.033 30.976 200.065 32.2C198.097 33.4 195.697 34 192.865 34C190.105 34 187.753 33.376 185.809 32.128C183.865 30.88 182.401 29.164 181.417 26.98C180.433 24.772 179.941 22.264 179.941 19.456C179.941 16.672 180.433 14.212 181.417 12.076C182.401 9.916 183.865 8.236 185.809 7.036C187.753 5.812 190.105 5.2 192.865 5.2C195.745 5.2 198.169 5.812 200.137 7.036C202.105 8.236 203.617 10 204.673 12.328L201.973 14.236C200.365 10.276 197.329 8.296 192.865 8.296C190.921 8.296 189.205 8.752 187.717 9.664C186.253 10.576 185.113 11.872 184.297 13.552C183.481 15.232 183.073 17.2 183.073 19.456C183.073 21.808 183.481 23.848 184.297 25.576C185.113 27.28 186.253 28.6 187.717 29.536C189.205 30.448 190.921 30.904 192.865 30.904C197.209 30.928 200.221 28.996 201.901 25.108L204.565 27.016ZM247.705 41.2H244.645V34L222.577 33.964C222.217 33.988 221.653 34 220.885 34H219.985V41.2H216.925V30.94H220.885C222.157 30.94 223.069 30.82 223.621 30.58C224.173 30.34 224.569 29.764 224.809 28.852C225.073 27.94 225.205 26.44 225.205 24.352V5.2H242.305V30.94H247.705V41.2ZM239.245 8.224H228.265V24.352C228.265 27.304 227.977 29.5 227.401 30.94H239.245V8.224ZM264.131 18.376C266.147 18.544 267.743 19.192 268.919 20.32C270.119 21.424 270.719 23.08 270.719 25.288C270.719 28.24 269.723 30.436 267.731 31.876C265.739 33.292 263.219 34 260.171 34C256.955 34 254.375 33.136 252.431 31.408C250.487 29.68 249.515 27.052 249.515 23.524H252.611C252.611 25.732 253.235 27.52 254.483 28.888C255.731 30.232 257.627 30.904 260.171 30.904C262.547 30.904 264.347 30.376 265.571 29.32C266.819 28.264 267.443 26.896 267.443 25.216C267.443 23.56 266.891 22.288 265.787 21.4C264.683 20.488 263.027 20.032 260.819 20.032H258.191V16.972H260.819C262.619 16.972 263.999 16.6 264.959 15.856C265.943 15.088 266.435 14.032 266.435 12.688C266.435 11.176 265.931 10.072 264.923 9.376C263.939 8.656 262.355 8.296 260.171 8.296C257.939 8.296 256.259 8.74 255.131 9.628C254.027 10.516 253.475 11.824 253.475 13.552H250.379C250.379 10.816 251.171 8.74 252.755 7.324C254.339 5.884 256.811 5.176 260.171 5.2C263.435 5.176 265.811 5.776 267.299 7C268.787 8.2 269.531 9.988 269.531 12.364C269.531 13.42 269.267 14.392 268.739 15.28C268.235 16.144 267.563 16.852 266.723 17.404C265.883 17.932 265.019 18.256 264.131 18.376ZM295.07 8.26H277.43V18.088L292.73 18.052V21.112H277.43V30.976L295.07 30.94V34H274.37V5.2H277.43V5.236L295.07 5.2V8.26ZM317.023 5.2H320.083V34H317.023V21.112H301.723V34H298.663V5.2H301.723V18.088L317.023 18.052V5.2Z" fill="#F4F1F0"/>
</svg>

Before

Width:  |  Height:  |  Size: 5.0 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 7.7 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 997 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 201 KiB

View File

@@ -1,41 +0,0 @@
<svg width="878" height="400" viewBox="0 0 878 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M-1.7266e-06 342.5L12.697 341.565C26.5393 340.546 37.5456 329.539 38.565 315.697L39.5 303L40.435 315.697C41.4544 329.539 52.4607 340.546 66.303 341.565L79 342.5L66.303 343.435C52.4607 344.454 41.4544 355.461 40.435 369.303L39.5 382L38.565 369.303C37.5456 355.461 26.5393 344.454 12.697 343.435L-1.7266e-06 342.5Z" fill="url(#paint0_radial_1649_6128)"/>
<path d="M803 344.5L813.834 343.702C827.676 342.683 838.683 331.676 839.702 317.834L840.5 307L841.298 317.834C842.317 331.676 853.324 342.683 867.166 343.702L878 344.5L867.166 345.298C853.324 346.317 842.317 357.324 841.298 371.166L840.5 382L839.702 371.166C838.683 357.324 827.676 346.317 813.834 345.298L803 344.5Z" fill="#F4F1F0"/>
<path d="M303 236L303.461 235.967C310.955 235.434 316.929 229.492 317.5 222C318.071 229.492 324.045 235.434 331.539 235.967L332 236L331.539 236.033C324.045 236.566 318.071 242.508 317.5 250C316.929 242.508 310.955 236.566 303.461 236.033L303 236Z" fill="url(#paint1_radial_1649_6128)"/>
<path d="M230 186.5L241.298 185.679C255.142 184.673 266.159 173.677 267.191 159.836L268 149L268.809 159.836C269.841 173.677 280.858 184.673 294.702 185.679L306 186.5L294.702 187.321C280.858 188.327 269.841 199.323 268.809 213.164L268 224L267.191 213.164C266.159 199.323 255.142 188.327 241.298 187.321L230 186.5Z" fill="url(#paint2_radial_1649_6128)"/>
<path d="M736 27L748.241 26.0986C755.656 25.5525 761.553 19.6563 762.099 12.2407L763 -1.18021e-06L763.901 12.2407C764.447 19.6563 770.344 25.5525 777.759 26.0986L790 27L777.759 27.9014C770.344 28.4475 764.447 34.3437 763.901 41.7593L763 54L762.099 41.7593C761.553 34.3437 755.656 28.4475 748.241 27.9014L736 27Z" fill="url(#paint3_radial_1649_6128)"/>
<path d="M76 381.5L80.3237 381.182C87.7393 380.636 93.6355 374.739 94.1816 367.324L94.5 363L94.8184 367.324C95.3645 374.739 101.261 380.636 108.676 381.182L113 381.5L108.676 381.818C101.261 382.364 95.3645 388.261 94.8184 395.676L94.5 400L94.1816 395.676C93.6355 388.261 87.7393 382.364 80.3237 381.818L76 381.5Z" fill="url(#paint4_radial_1649_6128)"/>
<path d="M763 295L775.241 294.099C782.656 293.553 788.553 287.656 789.099 280.241L790 268L790.901 280.241C791.447 287.656 797.344 293.553 804.759 294.099L817 295L804.759 295.901C797.344 296.447 791.447 302.344 790.901 309.759L790 322L789.099 309.759C788.553 302.344 782.656 296.447 775.241 295.901L763 295Z" fill="#F4F1F0"/>
<defs>
<radialGradient id="paint0_radial_1649_6128" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(-22.1012 284.396) rotate(40.8095) scale(207.896 272.098)">
<stop stop-color="#0F5881"/>
<stop offset="0.369792" stop-color="#1EA49C"/>
<stop offset="0.666667" stop-color="#76CE75"/>
<stop offset="0.911458" stop-color="#ECF39F"/>
</radialGradient>
<radialGradient id="paint1_radial_1649_6128" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(294.887 215.406) rotate(39.8177) scale(75.2034 97.8666)">
<stop stop-color="#0F5881"/>
<stop offset="0.369792" stop-color="#1EA49C"/>
<stop offset="0.666667" stop-color="#76CE75"/>
<stop offset="0.911458" stop-color="#ECF39F"/>
</radialGradient>
<radialGradient id="paint2_radial_1649_6128" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(208.738 131.338) rotate(40.4345) scale(198.881 259.775)">
<stop stop-color="#0F5881"/>
<stop offset="0.369792" stop-color="#1EA49C"/>
<stop offset="0.666667" stop-color="#76CE75"/>
<stop offset="0.911458" stop-color="#ECF39F"/>
</radialGradient>
<radialGradient id="paint3_radial_1649_6128" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(720.893 -12.7165) rotate(40.8095) scale(142.106 185.991)">
<stop stop-color="#0F5881"/>
<stop offset="0.369792" stop-color="#1EA49C"/>
<stop offset="0.666667" stop-color="#76CE75"/>
<stop offset="0.911458" stop-color="#ECF39F"/>
</radialGradient>
<radialGradient id="paint4_radial_1649_6128" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(65.6488 354.287) rotate(40.8095) scale(97.3688 127.438)">
<stop stop-color="#0F5881"/>
<stop offset="0.369792" stop-color="#1EA49C"/>
<stop offset="0.666667" stop-color="#76CE75"/>
<stop offset="0.911458" stop-color="#ECF39F"/>
</radialGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 4.2 KiB

View File

@@ -1,6 +0,0 @@
<svg width="260" height="146" viewBox="0 0 260 146" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M225 122C231.421 121.527 236.527 116.421 237 110C237.473 116.421 242.579 121.527 249 122C242.579 122.473 237.473 127.579 237 134C236.527 127.579 231.421 122.473 225 122Z" fill="#F4F1F0"/>
<path d="M193 113.5C197.548 113.165 201.165 109.548 201.5 105C201.835 109.548 205.452 113.165 210 113.5C205.452 113.835 201.835 117.452 201.5 122C201.165 117.452 197.548 113.835 193 113.5Z" fill="#F4F1F0"/>
<path d="M243 8.5C247.548 8.16505 251.165 4.54847 251.5 -3.71547e-07C251.835 4.54847 255.452 8.16505 260 8.5C255.452 8.83495 251.835 12.4515 251.5 17C251.165 12.4515 247.548 8.83495 243 8.5Z" fill="#F4F1F0"/>
<path d="M-7.64949e-07 128.5L3.39231 128.25C10.8078 127.704 16.7041 121.808 17.2502 114.392L17.5 111L17.7498 114.392C18.2959 121.808 24.1921 127.704 31.6077 128.25L35 128.5L31.6077 128.75C24.1922 129.296 18.2959 135.192 17.7498 142.608L17.5 146L17.2502 142.608C16.7041 135.192 10.8078 129.296 3.39231 128.75L-7.64949e-07 128.5Z" fill="#F4F1F0"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

View File

@@ -1,11 +0,0 @@
<svg width="1280" height="1672" viewBox="0 0 1280 1672" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1280 0C1280 0 1049 584.5 0 263.5V2565.5H1280V0Z" fill="url(#paint0_radial_1649_6041)"/>
<defs>
<radialGradient id="paint0_radial_1649_6041" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1581.43 -717.729) rotate(113.307) scale(5564.03 5349.44)">
<stop stop-color="#0F5881"/>
<stop offset="0.369792" stop-color="#1EA49C"/>
<stop offset="0.666667" stop-color="#76CE75"/>
<stop offset="0.911458" stop-color="#ECF39F"/>
</radialGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 596 B

View File

@@ -1,223 +0,0 @@
window.addEventListener('DOMContentLoaded', function(){
let headerBars = document.querySelector('.header_bars');
let headerMob = document.querySelector('.header_mob');
let headerClose = document.querySelector('.header_close');
let headerMobBg = document.querySelector('.header_mob-bg');
let body = document.querySelector('body');
headerBars.addEventListener('click', function () {
headerMob.classList.add('active');
body.classList.add('no-scroll');
});
function removeActiveClass() {
headerMob.classList.remove('active');
body.classList.remove('no-scroll');
}
headerClose.addEventListener('click', removeActiveClass);
headerMobBg.addEventListener('click', removeActiveClass);
if (document.querySelector('.change_block')) {
// document.querySelector('.change_block.active').style.height = document.querySelector('.change_block.active').scrollHeight+'px'
document.getElementById('select_pets').addEventListener('click', function() {
document.querySelector('.change_block:has(#select_pets)').classList.remove('active')
this.parentElement.style.height = '0px';
var nextChangeBlock = this.parentElement.nextElementSibling;
nextChangeBlock.style.height = `${nextChangeBlock.scrollHeight}px`;
})
}
if (document.querySelector('.pet_photo')) {
let fileInput = document.querySelector('.pet_photo input[type="file"]');
fileInput.addEventListener('change', function() {
let file = fileInput.files[0];
if (file) {
let fileURL = URL.createObjectURL(file);
let previewImage = document.querySelector('.pet_photo .preview');
previewImage.src = fileURL;
}
});
}
if (document.querySelector('.collapse_input .plus')) {
document.querySelectorAll('.collapse_input .plus').forEach(function(plusBtn) {
plusBtn.addEventListener('click', function() {
let prevInput = this.previousElementSibling;
let nextInput = this.nextElementSibling;
prevInput.classList.add('active');
this.classList.add('active');
nextInput.remove()
});
});
}
if (document.querySelectorAll('.counter .minus')) {
document.querySelectorAll('.counter .minus').forEach(function(minusBtn) {
minusBtn.addEventListener('click', function() {
let input = this.parentElement.querySelector('input');
let num = parseInt(input.value, 10);
if (num > 0) {
num--;
input.value = num;
}
});
});
document.querySelectorAll('.counter .plus').forEach(function(plusBtn) {
plusBtn.addEventListener('click', function() {
let input = this.parentElement.querySelector('input');
let num = parseInt(input.value, 10);
let max = parseInt(input.getAttribute('max'), 10);
if (num < max) {
num++;
input.value = num;
}
});
});
}
function openModalOnClick(element1, element2) {
let triggerElements = document.querySelectorAll(element1);
let targetElement = document.querySelector(element2);
triggerElements.forEach(function(triggerElement) {
triggerElement.addEventListener('click', function() {
document.querySelectorAll('.modal').forEach(function(modal_item) {
modal_item.classList.remove('modal_open');
});
targetElement.classList.add('modal_open');
});
});
}
function closeModalOnClick(element1, element2) {
let triggerElements = document.querySelectorAll(element1);
triggerElements.forEach(function(triggerElement) {
triggerElement.addEventListener('click', function() {
if (document.querySelector('.modal.modal_open')) {
document.querySelector('.modal.modal_open').classList.remove('modal_open');
}
});
});
}
if(document.querySelector('.return')){
let checkboxes = document.querySelectorAll('.return input[type="checkbox"]');
let returnButton = document.getElementById('return_button');
function toggleButtonState() {
let isChecked = false;
checkboxes.forEach(function(checkbox) {
if (checkbox.checked) {
isChecked = true;
}
});
if (isChecked) {
returnButton.removeAttribute('disabled');
} else {
returnButton.setAttribute('disabled', 'disabled');
}
}
checkboxes.forEach(function(checkbox) {
checkbox.addEventListener('change', toggleButtonState);
});
toggleButtonState();
let return_form = returnButton.closest('form');
let plusButton = document.querySelector('.return_modal1 .plus');
returnButton.addEventListener('click', function(event) {
event.preventDefault();
document.querySelector('.return_modal1').classList.add('modal_open');
setTimeout(function() {
return_form.submit();
}, 5000);
});
// plusButton.addEventListener('click', function() {
// document.querySelector('.return_modal1').classList.remove('modal_open');
// document.querySelector('.return_modal2').classList.add('modal_open');
// });
// document.querySelector('.modal_back').addEventListener('click', function() {
// document.querySelector('.return_modal1').classList.remove('modal_open');
// document.querySelector('.return_modal2').classList.add('modal_open');
// });
// document.querySelector('.return_modal2 .plus').addEventListener('click', function() {
// document.querySelector('.return_modal2').classList.remove('modal_open');
// });
}
openModalOnClick('#auth', '.auth1');
openModalOnClick('.register_btn', '.auth2');
openModalOnClick('.login_btn', '.auth4');
openModalOnClick('.auth2 button', '.auth3');
openModalOnClick('.auth4 button', '.auth5');
openModalOnClick('.btn_return_modal1', '.return_modal2');
closeModalOnClick('.modal .plus', '.modal');
closeModalOnClick('.modal_back', '.modal');
// if (document.querySelector('.faq')) {
// let faqToggles = document.querySelectorAll('.faq_title, .faq_arr_down');
// faqToggles.forEach(function(toggle) {
// toggle.addEventListener('click', function() {
// const faqTop = this.closest('.faq_top');
// const faqBody = faqTop.nextElementSibling;
// document.querySelectorAll('.faq_body').forEach(function(body) {
// if (body !== faqBody) {
// body.style.height = '0px';
// body.classList.remove('open');
// const otherArrow = body.previousElementSibling.querySelector('.faq_arr_down');
// if (otherArrow) {
// otherArrow.classList.remove('rotate');
// }
// }
// });
// if (faqBody.classList.contains('open')) {
// faqBody.style.height = '0px';
// } else {
// faqBody.style.height = `${faqBody.scrollHeight}px`;
// }
// faqBody.classList.toggle('open');
// const faqArrow = faqTop.querySelector('.faq_arr_down');
// if (faqArrow) {
// faqArrow.classList.toggle('rotate');
// }
// });
// });
// }
if (document.querySelector('.photo_image')) {
document.querySelectorAll('.photo_image input[type="file"]').forEach(input => {
input.addEventListener('change', function() {
const file = this.files[0];
const reader = new FileReader();
const img = this.previousElementSibling;
reader.onload = function() {
img.src = reader.result;
};
if (file) {
reader.readAsDataURL(file);
}
});
});
}
})

114
auth.html
View File

@@ -1,114 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/font/stylesheet.css">
<link rel="stylesheet" href="assets/css/style.css">
<title>Document</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="cont">
<div class="header_block">
<a href="#" class="header_logo">
<img src="assets/img/icons/logo.svg" alt="">
</a>
<div class="header_navs">
<a href="#" class="header_nav">Главная</a>
<a href="#" class="header_nav">продукция</a>
<a href="#" class="header_nav">О cosmopet</a>
<a href="#" class="header_nav">Блог</a>
<a href="#" class="header_link" id="auth"><img src="assets/img/icons/i-user.svg" alt=""></a>
<a href="#" class="header_link"><img src="assets/img/icons/i-card.svg" alt=""></a>
</div>
<button class="header_bars"><img src="assets/img/icons/bars2.svg" alt=""></button>
</div>
</div>
<div class="header_mob">
<button class="header_close"><img src="assets/img/icons/i-close.svg" alt=""></button>
<div class="header_navs">
<a href="#" class="header_nav">Главная</a>
<a href="#" class="header_nav">продукция</a>
<a href="#" class="header_nav">О cosmopet</a>
<a href="#" class="header_nav">Блог</a>
<div class="header_links">
<a href="#" class="header_link" id="auth"><img src="assets/img/icons/i-user.svg" alt=""></a>
<a href="#" class="header_link"><img src="assets/img/icons/i-card.svg" alt=""></a>
</div>
</div>
</div>
<div class="header_mob-bg"></div>
</header>
<section class="auth">
<div class="cont">
<div class="auth_block">
<img src="assets/img/cosmo_plane.png" alt="" class="auth_image">
<div class="auth_title">зарегайтесь сейчас и получите гайд</div>
<div class="d-flex flex-column align-items-center gap-15 w-100">
<a href="#" class="main_btn login_btn">Вход</a>
<a href="#" class="main_btn register_btn">Регистрация</a>
</div>
</div>
</div>
</section>
<footer class="footer footer2">
<div class="cont">
<div class="footer_block">
<div class="footer_menu">
<a href="#" class="footer_logo"><img src="assets/img/icons/logo2.svg" alt=""></a>
<div class="footer_navs">
<a href="#" class="footer_nav">Главная</a>
<a href="#" class="footer_nav">продукция</a>
<a href="#" class="footer_nav">О cosmopet</a>
<a href="#" class="footer_nav">Блог</a>
<a href="#" class="footer_link"><img src="assets/img/icons/i-user2.svg" alt=""></a>
<a href="#" class="footer_link"><img src="assets/img/icons/i-card2.svg" alt=""></a>
</div>
</div>
<div class="footer_box">
<h2 class="footer_box-title">Отзывы и предложения <img src="assets/img/icons/footer_line-mob.svg" alt="" class="footer_line-mob1"></h2>
<img src="assets/img/icons/footer_line2.svg" alt="" class="footer_box-line1">
<a href="#" class="footer_box-link">pro@cosmopet.shop</a>
</div>
<div class="footer_box">
<h2 class="footer_box-title">связь с ветеринаром <img src="assets/img/icons/footer_line-mob2.svg" alt="" class="footer_line-mob2"></h2>
<img src="assets/img/icons/footer_line2.svg" alt="" class="footer_box-line2">
<a href="#" class="footer_box-link">vetvopros@cosmopet.shop</a>
</div>
<div class="footer_form">
<div class="footer_form-info">
<div class="footer_form-title">
<h2>Обратная связь</h2>
<img src="assets/img/icons/footer_line2.svg" alt="">
</div>
<div class="footer_form-inp">
<input type="text" placeholder="ваше имя">
<input type="email" placeholder="почта">
</div>
</div>
<div class="footer_form-textarea">
<textarea placeholder="обращение"></textarea>
<button class="footer_form-btn btn--black-hover">отправить</button>
</div>
</div>
<div class="footer_social">
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-vk2.svg" alt=""></a>
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-tg2.svg" alt=""></a>
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-yandex2.svg" alt=""></a>
</div>
<div class="footer_bottom">
<a href="#">123182 г. Москва, 4-й Красногорский пр., д. 2/4, стр. 1, этаж/ком. 3/1</a>
<a href="#">Соглашение о конфиденциальности</a>
</div>
</div>
</div>
</footer>
</div>
<script src="assets/js/main.js"></script>
</body>
</html>

517
cart.html
View File

@@ -1,517 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/font/stylesheet.css">
<link rel="stylesheet" href="assets/css/style.css">
<title>Document</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="cont">
<div class="header_block">
<a href="#" class="header_logo">
<img src="assets/img/icons/logo.svg" alt="">
</a>
<div class="header_navs">
<a href="#" class="header_nav">Главная</a>
<a href="#" class="header_nav">продукция</a>
<a href="#" class="header_nav">О cosmopet</a>
<a href="#" class="header_nav">Блог</a>
<a href="#" class="header_link" id="auth"><img src="assets/img/icons/i-user.svg" alt=""></a>
<a href="#" class="header_link"><img src="assets/img/icons/i-card.svg" alt=""></a>
</div>
<button class="header_bars"><img src="assets/img/icons/bars2.svg" alt=""></button>
</div>
</div>
<div class="header_mob">
<button class="header_close"><img src="assets/img/icons/i-close.svg" alt=""></button>
<div class="header_navs">
<a href="#" class="header_nav">Главная</a>
<a href="#" class="header_nav">продукция</a>
<a href="#" class="header_nav">О cosmopet</a>
<a href="#" class="header_nav">Блог</a>
<div class="header_links">
<a href="#" class="header_link" id="auth"><img src="assets/img/icons/i-user.svg" alt=""></a>
<a href="#" class="header_link"><img src="assets/img/icons/i-card.svg" alt=""></a>
</div>
</div>
</div>
<div class="header_mob-bg"></div>
</header>
<section class="payment cart">
<form class="cont" method="post">
<h1 class="section_title">Корзина</h1>
<div class="data_block">
<div class="data_block_top">
<div class="data_block_title">Товары</div>
</div>
<div class="data_block_body">
<div class="data_block_wrap">
<div class="order_item">
<div class="product_image">
<div class="for_image_border">
<img src="assets/img/product1.png" alt="">
</div>
<div class="product_title">Cosmodog adult ягнёнок 1,5 кг</div>
</div>
<div class="order_item_text product_price">900 ₽</div>
<div class="counter">
<span class="minus">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
<input type="number" value="1" min="1" max="100">
<span class="plus">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<a href="#" class="delete_product">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="25" viewBox="0 0 18 25" fill="none">
<path d="M3 7H15V22C15 23.1046 14.1046 24 13 24H5C3.89543 24 3 23.1046 3 22V7Z" stroke="#121212" stroke-width="2" stroke-linecap="square"/>
<path d="M1 7H17V5C17 3.89543 16.1046 3 15 3H3C1.89543 3 1 3.89543 1 5V7Z" stroke="#121212" stroke-width="2" stroke-linecap="square"/>
<path d="M9 1V2.5" stroke="#121212" stroke-width="2" stroke-linecap="square"/>
</svg>
</a>
</div>
<div class="order_item">
<div class="product_image">
<div class="for_image_border">
<img src="assets/img/product1.png" alt="">
</div>
<div class="product_title">Cosmodog adult ягнёнок 2,5 кг</div>
</div>
<div class="order_item_text product_price">1000 ₽ <span>1800 ₽</span></div>
<div class="counter">
<span class="minus">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
<input type="number" value="1" min="1" max="100">
<span class="plus">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<a href="#" class="delete_product">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="25" viewBox="0 0 18 25" fill="none">
<path d="M3 7H15V22C15 23.1046 14.1046 24 13 24H5C3.89543 24 3 23.1046 3 22V7Z" stroke="#121212" stroke-width="2" stroke-linecap="square"/>
<path d="M1 7H17V5C17 3.89543 16.1046 3 15 3H3C1.89543 3 1 3.89543 1 5V7Z" stroke="#121212" stroke-width="2" stroke-linecap="square"/>
<path d="M9 1V2.5" stroke="#121212" stroke-width="2" stroke-linecap="square"/>
</svg>
</a>
</div>
<div class="order_item">
<div class="product_image">
<div class="for_image_border">
<img src="assets/img/product1.png" alt="">
</div>
<div class="product_title">Cosmodog adult ягнёнок 2,5 кг</div>
</div>
<div class="order_item_text product_price">1000 ₽ <span>1800 ₽</span></div>
<div class="counter">
<span class="minus">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
<input type="number" value="1" min="1" max="100">
<span class="plus">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<a href="#" class="delete_product">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="25" viewBox="0 0 18 25" fill="none">
<path d="M3 7H15V22C15 23.1046 14.1046 24 13 24H5C3.89543 24 3 23.1046 3 22V7Z" stroke="#121212" stroke-width="2" stroke-linecap="square"/>
<path d="M1 7H17V5C17 3.89543 16.1046 3 15 3H3C1.89543 3 1 3.89543 1 5V7Z" stroke="#121212" stroke-width="2" stroke-linecap="square"/>
<path d="M9 1V2.5" stroke="#121212" stroke-width="2" stroke-linecap="square"/>
</svg>
</a>
</div>
<div class="order_item">
<div class="product_image">
<div class="for_image_border">
<img src="assets/img/product1.png" alt="">
</div>
<div class="product_title">Cosmodog adult ягнёнок 2,5 кг</div>
</div>
<div class="order_item_text product_price">1000 ₽ <span>1800 ₽</span></div>
<div class="counter">
<span class="minus">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
<input type="number" value="1" min="1" max="100">
<span class="plus">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<a href="#" class="delete_product">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="25" viewBox="0 0 18 25" fill="none">
<path d="M3 7H15V22C15 23.1046 14.1046 24 13 24H5C3.89543 24 3 23.1046 3 22V7Z" stroke="#121212" stroke-width="2" stroke-linecap="square"/>
<path d="M1 7H17V5C17 3.89543 16.1046 3 15 3H3C1.89543 3 1 3.89543 1 5V7Z" stroke="#121212" stroke-width="2" stroke-linecap="square"/>
<path d="M9 1V2.5" stroke="#121212" stroke-width="2" stroke-linecap="square"/>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="payment_row">
<div class="payment_left">
<div class="data_block">
<div class="data_block_top">
<div class="data_block_title">Попробуйте</div>
</div>
<div class="data_block_body">
<div class="data_block_wrap">
<div class="product_try">
<div class="for_image_border">
<img src="assets/img/product1.png" alt="">
</div>
<div class="try_right">
<div class="product_title">Cosmodog adult ягнёнок 2,5 кг</div>
<a href="#" class="main_btn">Добавить</a>
<a href="#" class="plus desctop_none">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</a>
</div>
</div>
<div class="product_try">
<div class="for_image_border">
<img src="assets/img/product1.png" alt="">
</div>
<div class="try_right">
<div class="product_title">Cosmodog adult ягнёнок 2,5 кг</div>
<a href="#" class="main_btn">Добавить</a>
<a href="#" class="plus desctop_none">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</a>
</div>
</div>
<div class="product_try">
<div class="for_image_border">
<img src="assets/img/product1.png" alt="">
</div>
<div class="try_right">
<div class="product_title">Cosmodog adult ягнёнок 2,5 кг</div>
<a href="#" class="main_btn">Добавить</a>
<a href="#" class="plus desctop_none">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</a>
</div>
</div>
<div class="product_try">
<div class="for_image_border">
<img src="assets/img/product1.png" alt="">
</div>
<div class="try_right">
<div class="product_title">Cosmodog adult ягнёнок 2,5 кг</div>
<a href="#" class="main_btn">Добавить</a>
<a href="#" class="plus desctop_none">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
<button class="main_btn pay_btn">Перейти к оформлению</button>
</div>
<div class="payment_right">
<div class="data_block">
<div class="data_block_top">
<div class="data_block_title">Ваш заказ</div>
</div>
<div class="data_block_body">
<div class="order_info">
<div>товары</div>
<p>3900 ₽</p>
</div>
<div class="order_info">
<div>СКИДКА</div>
<p>-2400 ₽</p>
</div>
<div class="order_info">
<div>ИТОГО</div>
<p>1500 ₽</p>
</div>
</div>
</div>
<button class="main_btn pay_btn">Перейти к оформлению</button>
</div>
</div>
</form>
</section>
<footer class="footer footer2">
<div class="cont">
<div class="footer_block">
<div class="footer_menu">
<a href="#" class="footer_logo"><img src="assets/img/icons/logo2.svg" alt=""></a>
<div class="footer_navs">
<a href="#" class="footer_nav">Главная</a>
<a href="#" class="footer_nav">продукция</a>
<a href="#" class="footer_nav">О cosmopet</a>
<a href="#" class="footer_nav">Блог</a>
<a href="#" class="footer_link"><img src="assets/img/icons/i-user2.svg" alt=""></a>
<a href="#" class="footer_link"><img src="assets/img/icons/i-card2.svg" alt=""></a>
</div>
</div>
<div class="footer_box">
<h2 class="footer_box-title">Отзывы и предложения <img src="assets/img/icons/footer_line-mob.svg" alt="" class="footer_line-mob1"></h2>
<img src="assets/img/icons/footer_line2.svg" alt="" class="footer_box-line1">
<a href="#" class="footer_box-link">pro@cosmopet.shop</a>
</div>
<div class="footer_box">
<h2 class="footer_box-title">связь с ветеринаром <img src="assets/img/icons/footer_line-mob2.svg" alt="" class="footer_line-mob2"></h2>
<img src="assets/img/icons/footer_line2.svg" alt="" class="footer_box-line2">
<a href="#" class="footer_box-link">vetvopros@cosmopet.shop</a>
</div>
<div class="footer_form">
<div class="footer_form-info">
<div class="footer_form-title">
<h2>Обратная связь</h2>
<img src="assets/img/icons/footer_line2.svg" alt="">
</div>
<div class="footer_form-inp">
<input type="text" placeholder="ваше имя">
<input type="email" placeholder="почта">
</div>
</div>
<div class="footer_form-textarea">
<textarea placeholder="обращение"></textarea>
<button class="footer_form-btn btn--black-hover">отправить</button>
</div>
</div>
<div class="footer_social">
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-vk2.svg" alt=""></a>
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-tg2.svg" alt=""></a>
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-yandex2.svg" alt=""></a>
</div>
<div class="footer_bottom">
<a href="#">123182 г. Москва, 4-й Красногорский пр., д. 2/4, стр. 1, этаж/ком. 3/1</a>
<a href="#">Соглашение о конфиденциальности</a>
</div>
</div>
</div>
</footer>
<div class="modal auth_modal auth1">
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
<div class="d-flex flex-column align-items-center gap-15">
<a href="#" class="main_btn login_btn">Вход</a>
<a href="#" class="main_btn register_btn">Регистрация</a>
</div>
</div>
<form class="modal auth_modal auth2">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Регистрация</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="text" class="input" placeholder="Имя">
<p>error</p>
</label>
<label>
<input type="tel" class="input" placeholder="Телефон">
<p>error</p>
</label>
<label>
<input type="email" class="input" placeholder="Email">
<p>error</p>
</label>
<label>
<input type="password" class="input error" placeholder="Пароль">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<label>
<div class="checkmark"></div>
<input type="checkbox">
<p class="opacity_txt">Согласие на получение рекламных предложений</p>
</label>
<button class="main_btn">Регистрация</button>
<p class="conditions">Нажимая на кнопку регистрации вы даёте согласие на обработку персональных данных</p>
</div>
</form>
<form class="modal auth_modal auth3">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Регистрация</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="password" class="input" placeholder="Код">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<p class="conditions">Нажимая на кнопку регистрации вы даёте согласие на обработку персональных данных</p>
<button class="main_btn">Регистрация</button>
</div>
</form>
<form class="modal auth_modal auth4">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Вход</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="text" class="input" placeholder="Телефон или Email">
<p>error</p>
</label>
<label>
<input type="password" class="input" placeholder="Код">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<a href="#" class="conditions">Забыли пароль? </a>
<button class="main_btn">Вход</button>
</div>
</form>
<form class="modal auth_modal auth5">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Вход</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="password" class="input" placeholder="Код">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<p class="conditions">Нажимая на кнопку регистрации вы даёте согласие на обработку персональных данных</p>
<button class="main_btn">Вход</button>
</div>
</form>
<div class="modal_back"></div>
</div>
<script src="assets/js/main.js"></script>
</body>
</html>

967
css/style.css Normal file
View File

@@ -0,0 +1,967 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
margin: 0;
padding: 0;
font-family: "Montserrat", serif !important;
}
body.noscroll {
overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6,
span,
p {
margin: 0;
padding: 0;
}
a {
text-decoration: none !important;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
list-style: none;
}
.wrapper {
overflow: hidden;
width: 100%;
background-color: #FFFFFF;
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1377px;
margin: 0 auto;
}
input[type=number] {
-moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.breadcrumb_block {
padding: 24px 0 20px 0;
}
.breadcrumb_block .breadcrumb {
margin: 0 !important;
display: flex;
align-items: center;
gap: 8px;
}
.breadcrumb_block .menu_breadcrumb {
display: block;
font-size: 13px;
font-weight: 400;
line-height: 13px;
text-align: left;
color: #767682;
}
.breadcrumb_block .active {
font-size: 13px;
font-weight: 400;
line-height: 13px;
text-align: left;
color: #000000;
}
.about_company {
margin-bottom: 80px;
}
.about_company .about_block {
padding: 80px 80px 41px 80px;
border-radius: 10px;
background-image: url(../img/hero_home.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.about_title_block {
display: flex;
flex-direction: column;
align-items: flex-start;
color: #FFFFFF;
margin-bottom: 48px;
font-size: 72px;
font-weight: 700;
}
.about_block_mini_title {
font-size: 40px;
font-weight: 400;
text-align: left;
color: #FFFFFF;
}
.block_cost {
display: flex;
align-items: flex-start;
gap: 40px;
margin-bottom: 32px;
}
.cost_text {
display: flex;
flex-direction: column;
align-items: flex-start;
font-size: 40px;
font-weight: 700;
text-align: center;
color: #FFFFFF;
}
.mini_cost {
font-size: 20px;
font-weight: 400;
text-align: center;
}
.main_directions {
margin-bottom: 88px;
}
.directions_block_cards {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.directions_item {
padding: 64px;
border-radius: 20px;
width: 100%;
height: 272px;
}
.directions_item:nth-child(1) {
background-image: url(../img/img_item.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.directions_item:nth-child(2) {
background-image: url(../img/img_item1.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.directions_item_title {
font-size: 24px;
font-weight: 700;
line-height: 24px;
text-align: left;
color: #1F1F1F;
margin-bottom: 24px;
}
.directions_text_item {
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
color: #1F1F1F;
}
.slider {
margin-bottom: 64px;
}
.slider .about_block {
position: relative;
}
.title_main {
font-size: 32px;
font-weight: 700;
line-height: 39px;
text-align: left;
color: #1F1F1F;
margin-bottom: 40px;
}
.slider .swiper-container {
width: 100%;
height: 100%;
}
.slider__flex {
display: flex;
align-items: flex-start;
overflow: hidden;
width: 100%;
height: 665px;
}
.slider__col {
display: flex;
flex-direction: column;
padding-left: 20px;
}
.slider .slider__next {
top: 54px;
right: 76px;
}
.slider .slider__prev {
bottom: -24px;
right: 76px;
rotate: 180deg;
}
.slider .slider__prev,
.slider .slider__next {
position: absolute;
z-index: 10;
cursor: pointer;
text-align: center;
font-size: 14px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.slider .slider__prev:focus,
.slider .slider__next:focus {
outline: none;
}
.slider__thumbs {
height: 665px;
}
.slider__thumbs .slider__image {
width: 216px;
}
.slider__thumbs .slider__image img {
width: 216px;
height: 126px;
cursor: pointer;
}
.slider__thumbs .slider__image {
transition: 0.25s;
opacity: 30%;
}
.slider__thumbs .slider__image:hover {
opacity: 1;
}
.slider__thumbs .swiper-slide-thumb-active .slider__image {
filter: grayscale(0%);
opacity: 1;
}
.slider__images {
height: 665px;
width: 1144px;
overflow: hidden;
}
.slider__images .slider__image img {
transition: 3s;
}
/* .slider .slider__images .slider__image:hover img {
transform: scale(1.1);
} */
.slider__image {
width: 100%;
height: 100%;
border-radius: 10px;
overflow: hidden;
}
.slider__images .slider__image img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
.inf_products {
margin-bottom: 80px;
}
.inf_products .about_block {
position: relative;
}
.product_group_items {
padding: 80px;
background-color: #00B571;
border-radius: 20px;
display: flex;
align-items: flex-start;
justify-content: space-between;
position: relative;
z-index: 10;
}
.inf_products .leaf {
position: absolute;
left: -158px;
top: -41px;
}
.inf_products .leaf_second {
position: absolute;
right: -203px;
top: -94px;
}
.products_items {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 24px;
}
.img_inf{
width: 80px;
height: 80px;
}
.product_title_inf {
font-size: 16px;
font-weight: 700;
line-height: 24px;
text-align: center;
color: #FFFFFF;
}
.product_mini_text_inf {
font-size: 16px;
font-weight: 400;
line-height: 25.6px;
text-align: center;
color: #FFFFFF;
}
.recommended_block {
margin-bottom: 80px;
}
.recomended_items_group {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.recomended_item {
padding: 40px;
background-color: #F3F3F8;
border-radius: 20px;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: 450px;
}
.recommended_title_item {
font-size: 24px;
font-weight: 700;
line-height: 24px;
text-align: center;
margin: 24px 0 16px 0;
color: #1F1F1F;
}
.recommended_mini_text_r {
font-size: 16px;
font-weight: 400;
line-height: 25.6px;
text-align: center;
color: #767682;
margin-bottom: 16px;
}
.recommended_block .connect_block {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.recommended_block .connecting {
display: flex;
align-items: center;
gap: 5px;
font-size: 14px;
font-weight: 400;
line-height: 22.4px;
text-align: center;
color: #767682;
}
.our_team {
margin-bottom: 80px;
}
.our_team .block_slider {
position: relative;
overflow: hidden;
padding-bottom: 44px;
}
.our_img_teams {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 24px;
}
.our_team .img_group {
width: 332px;
height: 450px;
border-radius: 20px;
}
.teams_text_position {
position: absolute;
bottom: 16px;
width: -moz-max-content;
width: max-content;
font-size: 16px;
font-weight: 400;
line-height: 19.5px;
text-align: left;
color: #FFFFFF;
padding: 12px 25px;
background-color: #00B571;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.teams_white_text {
color: #00B571;
background-color: #F5F5F6;
}
.teams_info {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.teams_name {
font-size: 24px;
font-weight: 700;
line-height: 28.8px;
text-align: center;
color: #1F1F1F;
}
.teams_surname {
font-size: 24px;
font-weight: 400;
line-height: 28.8px;
text-align: center;
color: #1F1F1F;
}
.our_team .swiper-pagination {
bottom: 0;
top: inherit;
background-color: #F3F3F8;
border-radius: 4px;
height: 4px;
overflow: hidden;
border-radius: 4px;
}
.our_team .swiper-pagination-progressbar-fill {
background-color: #00B571;
border-radius: 200px;
}
.geography_company {
margin-bottom: 80px;
}
.geography_company .cards_geography {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 24px;
}
.geography_item {
padding: 40px;
background-color: #F3F3F8;
border-radius: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
width: 332px;
height: 180px;
}
.geography_title_item {
font-size: 40px;
font-weight: 700;
line-height: 40px;
text-align: center;
color: #00B571;
}
.geography_mini_text {
font-size: 16px;
font-weight: 400;
line-height: 19.5px;
text-align: left;
color: #000000;
}
.geography_map_block {
height: 520px;
}
.geography_map_img {
border-radius: 20px;
}
.on_marketplaces {
margin-bottom: 100px;
}
.on_marketplaces .title_block {
font-size: 32px;
font-weight: 700;
line-height: 39px;
text-align: left;
color: #1F1F1F;
margin-bottom: 32px;
}
.marketplaces_item {
padding: 50px 60px;
background-image: url(../img/bg_item.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 250px;
position: relative;
border-radius: 20px;
max-width: 680px;
margin: 0 auto;
}
.marketplaces_item:last-child{
background-image: url(../img/bg_item1.png);
}
.marketplaces_items_group{
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.marketplaces_grade {
display: flex;
align-items: center;
gap: 10px;
margin: 20px 0 24px 0;
}
.marketplaces_text_grade {
font-size: 32px;
font-weight: 700;
line-height: 32px;
text-align: left;
color: #FFFFFF;
}
.marketplaces_bottom_text_title {
display: flex;
align-items: center;
gap: 30px;
}
.marketplaces_commend_text {
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
color: #FFFFFF;
}
.go_catalog {
position: absolute;
right: 0;
bottom: 35px;
font-size: 14px;
font-weight: 500;
line-height: 14px;
text-align: left;
color: #5F139C;
padding: 20px 30px;
background-color: #FFFFFF;
border-radius: 15px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.form_block {
margin-bottom: 100px;
}
.form_block .img_form {
margin: 0 auto;
display: block;
}
.mob {
display: none !important;
}
@media (max-width: 1300px){
.about_company .about_block{
padding: 66px 80px 41px 50px;
}
.about_title_block{
font-size: 60px;
line-height: 48px;
margin-bottom: 32px;
}
.about_block_mini_title{
font-size: 34px;
}
.block_cost {
gap: 30px;
}
.cost_text {
font-size: 34px;
}
.mini_cost{
font-size: 18px;
}
.directions_item{
padding: 48px;
padding: 32px;
height: 213px;
}
.slider .slider__flex{
width: 96%;
margin: 0 auto;
}
.slider .slider__prev, .slider .slider__next{
right: 96px;
}
/* .slider .slider__prev{
} */
.recomended_item{
height: 480px;
}
.geography_map_block{
overflow-x: scroll;
}
.marketplaces_item{
height: 302px;
}
.marketplaces_commend_text{
font-size: 14px;
}
}
@media (max-width: 999px) {
.breadcrumb_block {
display: none;
}
.about_company .about_block {
padding: 40px;
background-image: url(../img/hero_home.png);
border-radius: 0;
padding: 40px 24px;
}
.about_block_mini_title {
font-size: 24px;
font-weight: 400;
line-height: 24px;
}
.about_title_block {
font-size: 34px;
line-height: 38px;
font-weight: 700;
margin-bottom: 24px;
}
.block_cost {
flex-direction: column;
gap: 20px;
margin-bottom: 20px;
}
.cost_text {
font-size: 32px;
font-weight: 700;
line-height: 32px;
}
.mini_cost {
font-size: 16px;
font-weight: 400;
line-height: 19.5px;
text-align: center;
}
.about_company {
margin-bottom: 42px;
}
.title_main {
font-size: 24px;
font-weight: 700;
line-height: 24px;
margin-bottom: 32px;
}
.main_directions {
margin-bottom: 64px;
padding: 0 24px;
}
.directions_block_cards {
flex-direction: column;
}
.directions_item:nth-child(1) {
background-image: url(../img/img_item2.png);
}
.directions_item:nth-child(2) {
background-image: url(../img/img_item3.png);
}
.directions_item {
padding: 40px;
height: auto;
}
.directions_item_title {
font-size: 24px;
font-weight: 700;
line-height: 24px;
margin-bottom: 16px;
}
.directions_text_item {
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.directions_text_item br{
display: none;
}
.slider .slider__prev, .slider .slider__next {
display: none;
}
.slider .title_main{
padding: 0 24px;
}
.slider__flex {
flex-direction: column;
gap: 16px;
}
.slider__col {
width: 100%;
}
.slider__thumbs .slider__image {
width: 100%;
}
.slider__thumbs {
height: auto;
}
.slider__images {
width: 100%;
height: 100%;
padding: 0 24px;
}
.slider__thumbs .slider__image{
border-radius: 0;
}
.slider__thumbs .slider__image img {
width: 100%;
border-radius: 10px;
height: auto;
}
.slider__flex {
height: auto;
}
.inf_products .leaf_second {
display: none;
}
.inf_products .leaf {
display: none;
}
.product_group_items {
border-radius: 0;
padding: 40px 20px;
flex-direction: column;
gap: 32px;
}
.products_items {
gap: 16px;
margin: 0 auto;
}
.product_title_inf {
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
.product_mini_text_inf {
font-size: 16px;
font-weight: 400;
line-height: 25.6px;
}
.product_mini_text_inf br{
display: none;
}
.img_inf {
width: 70px;
height: 80px;
}
.inf_products {
margin-bottom: 64px;
}
.recommended_block {
margin-bottom: 64px;
padding: 0 24px;
}
.recomended_items_group {
flex-direction: column;
}
.recomended_item {
height: auto;
padding: 35px 43px;
}
.recommended_title_item {
font-size: 24px;
font-weight: 700;
line-height: 24px;
margin: 20px 0;
}
.recommended_mini_text_r {
font-size: 16px;
font-weight: 400;
line-height: 25.6px;
margin-bottom: 20px;
}
.recommended_mini_text_r br{
display: none;
}
.recommended_block .connecting {
font-size: 14px;
font-weight: 400;
line-height: 22.4px;
}
.recommended_block .connect_block {
flex-direction: column;
gap: 16px;
}
.our_team {
margin-bottom: 64px;
padding: 0 24px;
}
.our_img_teams{
max-width: 312px;
}
.teams_text_position{
padding: 12px;
font-size: 12px;
}
.our_team .img_group {
width: 100%;
height: 420px;
object-fit: cover;
}
.teams_name {
font-size: 24px;
font-weight: 700;
line-height: 24px;
}
.teams_surname {
font-size: 24px;
font-weight: 400;
line-height: 24px;
}
.our_team .block_slider {
padding-bottom: 38px;
}
.our_team .swiper-pagination {
height: 12px;
}
.geography_company {
margin-bottom: 40px;
}
.geography_company .about_block {
padding: 0 24px;
}
.geography_company .cards_geography {
flex-direction: column;
margin-bottom: 40px;
}
.geography_item{
width: 100%;
}
.geography_mini_text{
line-height: 22px;
}
.geography_map_img {
border-radius: 0;
}
.geography_map_block {
width: 1376px;
}
.geography_map_container {
overflow-x: scroll;
}
.on_marketplaces {
margin-bottom: 75px;
padding: 0 24px;
}
.on_marketplaces .title_block {
font-size: 24px;
font-weight: 700;
line-height: 28px;
margin-bottom: 32px;
}
.marketplaces_items_group{
flex-direction: column;
}
.marketplaces_item {
padding: 40px;
height: 275px;
max-width: 100%;
}
.marketplaces_title_item_img {
width: 214px;
}
.marketplaces_second_img {
width: 114px;
}
.marketplaces_grade {
margin: 16px 0;
}
.marketplaces_text_grade {
font-size: 24px;
font-weight: 700;
line-height: 24px;
}
.marketplaces_img_grade {
width: 24px;
height: 24px;
}
.marketplaces_bottom_text_title {
flex-direction: column;
gap: 4px;
align-items: flex-start;
}
.marketplaces_commend_text {
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.go_catalog {
bottom: 24px;
}
.marketplaces_item:last-child{
background-image: url(../img/bg_item2.png);
}
.form_block .img_form {
display: none;
}
.form_block .mob {
display: block !important;
}
.form_block {
margin-bottom: 64px;
}
}
@media (max-width: 600px){
.about_company .about_block {
padding: 40px 40px 387px 40px;
background-image: url(../img/hero_home1.png);
border-radius: 0;
background-position: bottom;
}
.about_title_block{
line-height: 58px;
font-size: 40px;
}
}
@media (max-width: 480px){
.about_company .about_block{
padding: 40px 40px 262px 40px;
}
}

426
faq.html
View File

@@ -1,426 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/font/stylesheet.css">
<link rel="stylesheet" href="assets/css/style.css">
<title>Document</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="cont">
<div class="header_block">
<a href="#" class="header_logo">
<img src="assets/img/icons/logo.svg" alt="">
</a>
<div class="header_navs">
<a href="#" class="header_nav">Главная</a>
<a href="#" class="header_nav">продукция</a>
<a href="#" class="header_nav">О cosmopet</a>
<a href="#" class="header_nav">Блог</a>
<a href="#" class="header_link" id="auth"><img src="assets/img/icons/i-user.svg" alt=""></a>
<a href="#" class="header_link"><img src="assets/img/icons/i-card.svg" alt=""></a>
</div>
<button class="header_bars"><img src="assets/img/icons/bars2.svg" alt=""></button>
</div>
</div>
<div class="header_mob">
<button class="header_close"><img src="assets/img/icons/i-close.svg" alt=""></button>
<div class="header_navs">
<a href="#" class="header_nav">Главная</a>
<a href="#" class="header_nav">продукция</a>
<a href="#" class="header_nav">О cosmopet</a>
<a href="#" class="header_nav">Блог</a>
<div class="header_links">
<a href="#" class="header_link" id="auth"><img src="assets/img/icons/i-user.svg" alt=""></a>
<a href="#" class="header_link"><img src="assets/img/icons/i-card.svg" alt=""></a>
</div>
</div>
</div>
<div class="header_mob-bg"></div>
</header>
<section class="faq">
<div class="cont">
<a href="#" class="back_link">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="15" viewBox="0 0 10 15" fill="none">
<path d="M9 1L2 7.5L9 14" stroke="#121212" stroke-width="2"/>
</svg>
вернуться
</a>
<h1 class="section_title d-flex align-items-center justify-content-between">
faq
<a href="#" class="back_link">
<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
<circle cx="14.5" cy="14.5" r="14" transform="rotate(-180 14.5 14.5)" stroke="#121212"/>
<path d="M17.1133 22.8965L8.78499 14.7387L17.1133 6.58082" stroke="#121212"/>
</svg>
</a>
</h1>
<p class="section_desc">У вас есть вопросы? Возможно, здесь уже есть ответ</p>
<div class="data_block pets_form">
<div class="data_block_top">
<div class="data_block_title">Общая тема</div>
</div>
<div class="data_block_body">
<div class="faq_item">
<div class="faq_top">
<div class="faq_title">Какое насекомое используется в рецептах?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
</div>
<div class="faq_item">
<div class="faq_top">
<div class="faq_title">Откуда мы берём насекомых?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
</div>
<div class="faq_item">
<div class="faq_top">
<div class="faq_title">Где можно приобрести нашу продукцию?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
</div>
<div class="faq_item">
<div class="faq_top">
<div class="faq_title">Где производится Cosmopet?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
</div>
</div>
</div>
<div class="data_block pets_form">
<div class="data_block_top">
<div class="data_block_title">Общая тема</div>
</div>
<div class="data_block_body">
<div class="faq_item">
<div class="faq_top">
<div class="faq_title">Какое насекомое используется в рецептах?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
</div>
<div class="faq_item">
<div class="faq_top">
<div class="faq_title">Откуда мы берём насекомых?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
</div>
<div class="faq_item">
<div class="faq_top">
<div class="faq_title">Где можно приобрести нашу продукцию?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
</div>
<div class="faq_item">
<div class="faq_top">
<div class="faq_title">Где производится Cosmopet?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
</div>
</div>
</div>
<div class="data_block pets_form">
<div class="data_block_top">
<div class="data_block_title">Общая тема</div>
</div>
<div class="data_block_body">
<div class="faq_item">
<div class="faq_top">
<div class="faq_title">Какое насекомое используется в рецептах?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
</div>
<div class="faq_item">
<div class="faq_top">
<div class="faq_title">Откуда мы берём насекомых?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
</div>
<div class="faq_item">
<div class="faq_top">
<div class="faq_title">Где можно приобрести нашу продукцию?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
</div>
<div class="faq_item">
<div class="faq_top">
<div class="faq_title">Где производится Cosmopet?</div>
<span class="faq_arr_down">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="none">
<path d="M19.9922 2L10.3964 11.5958L1.0011 1.80365" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
</svg>
</span>
</div>
<p class="faq_body">Ученые уже сейчас создают альтернативу мясу, которого через 50-100 лет перестанет хватать на все население планеты, а на домашних животных — тем более. Люди научились заменять животный белок в продуктах питания белком насекомых.</p>
</div>
</div>
</div>
</div>
<img src="assets/img/profile_bfore.svg" alt="" class="profile_before desc">
<img src="assets/img/pets_before_mob.png" alt="" class="pets_before_mob">
</section>
<footer class="footer">
<div class="cont">
<div class="footer_block">
<div class="footer_menu">
<a href="#" class="footer_logo"><img src="assets/img/icons/logo.svg" alt=""></a>
<div class="footer_navs">
<a href="#" class="footer_nav">Главная</a>
<a href="#" class="footer_nav">продукция</a>
<a href="#" class="footer_nav">О cosmopet</a>
<a href="#" class="footer_nav">Блог</a>
<a href="#" class="footer_link"><img src="assets/img/icons/i-user.svg" alt=""></a>
<a href="#" class="footer_link"><img src="assets/img/icons/i-card.svg" alt=""></a>
</div>
</div>
<div class="footer_box">
<h2 class="footer_box-title">Отзывы и предложения <img src="assets/img/icons/footer_line-mob.svg" alt="" class="footer_line-mob1"></h2>
<img src="assets/img/icons/footer_line.svg" alt="" class="footer_box-line1">
<a href="#" class="footer_box-link">pro@cosmopet.shop</a>
</div>
<div class="footer_box">
<h2 class="footer_box-title">связь с ветеринаром <img src="assets/img/icons/footer_line-mob2.svg" alt="" class="footer_line-mob2"></h2>
<img src="assets/img/icons/footer_line.svg" alt="" class="footer_box-line2">
<a href="#" class="footer_box-link">vetvopros@cosmopet.shop</a>
</div>
<div class="footer_form">
<div class="footer_form-info">
<div class="footer_form-title">
<h2>Обратная связь</h2>
<img src="assets/img/icons/footer_line.svg" alt="">
</div>
<div class="footer_form-inp">
<input type="text" placeholder="ваше имя">
<input type="email" placeholder="почта">
</div>
</div>
<div class="footer_form-textarea">
<textarea placeholder="обращение"></textarea>
<button class="footer_form-btn btn--black-hover">отправить</button>
</div>
</div>
<div class="footer_social">
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-vk.svg" alt=""></a>
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-tg.svg" alt=""></a>
<a href="#" class="footer_social-link"><img src="assets/img/icons/i-yandex.svg" alt=""></a>
</div>
<div class="footer_bottom">
<a href="#">123182 г. Москва, 4-й Красногорский пр., д. 2/4, стр. 1, этаж/ком. 3/1</a>
<a href="#">Соглашение о конфиденциальности</a>
</div>
</div>
</div>
</footer>
<div class="modal auth_modal auth1">
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
<div class="d-flex flex-column align-items-center gap-15">
<a href="#" class="main_btn login_btn">Вход</a>
<a href="#" class="main_btn register_btn">Регистрация</a>
</div>
</div>
<form class="modal auth_modal auth2">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Регистрация</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="text" class="input" placeholder="Имя">
<p>error</p>
</label>
<label>
<input type="tel" class="input" placeholder="Телефон">
<p>error</p>
</label>
<label>
<input type="email" class="input" placeholder="Email">
<p>error</p>
</label>
<label>
<input type="password" class="input error" placeholder="Пароль">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<label>
<div class="checkmark"></div>
<input type="checkbox">
<p class="opacity_txt">Согласие на получение рекламных предложений</p>
</label>
<button class="main_btn">Регистрация</button>
<p class="conditions">Нажимая на кнопку регистрации вы даёте согласие на обработку персональных данных</p>
</div>
</form>
<form class="modal auth_modal auth3">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Регистрация</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="password" class="input" placeholder="Код">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<p class="conditions">Нажимая на кнопку регистрации вы даёте согласие на обработку персональных данных</p>
<button class="main_btn">Регистрация</button>
</div>
</form>
<form class="modal auth_modal auth4">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Вход</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="text" class="input" placeholder="Телефон или Email">
<p>error</p>
</label>
<label>
<input type="password" class="input" placeholder="Код">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<a href="#" class="conditions">Забыли пароль? </a>
<button class="main_btn">Вход</button>
</div>
</form>
<form class="modal auth_modal auth5">
<div class="modal_top">
<a href="#" class="back_btn">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<path d="M26.1484 34.127L14.2969 22.4015L26.1484 10.676" stroke="#121212" stroke-width="2" stroke-linecap="round"/>
<circle cx="22" cy="22" r="21" transform="rotate(-180 22 22)" stroke="#121212" stroke-width="2"/>
</svg>
</a>
<div class="modal_title">Вход</div>
<span class="plus plus_black">
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
<g>
<circle cx="22" cy="22" r="21" transform="matrix(1 -2.3597e-08 -2.3597e-08 -1 0 44)" stroke="#121212" stroke-width="2"></circle>
<path d="M15 22H29" stroke="#121212" stroke-width="2"></path>
<path d="M22 15L22 29" stroke="#121212" stroke-width="2"></path>
</g>
</svg>
</span>
</div>
<div class="modal_inputs">
<label>
<input type="password" class="input" placeholder="Код">
<p>Пароль не должен содержать знаков !”№@#-</p>
</label>
<p class="conditions">Нажимая на кнопку регистрации вы даёте согласие на обработку персональных данных</p>
<button class="main_btn">Вход</button>
</div>
</form>
<div class="modal_back"></div>
</div>
<script src="assets/js/main.js"></script>
</body>
</html>

4
img/arrow_slide.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="32" cy="32" r="32" fill="#F3F3F8"/>
<path d="M24.432 30.0862L30.704 25.7982L37.04 30.0862L37.04 32.2302L30.704 28.1022L24.432 32.2302L24.432 30.0862ZM29.84 27.6222L31.6 27.6222L31.6 39.2382L29.84 39.2382L29.84 27.6222Z" fill="black"/>
</svg>

After

Width:  |  Height:  |  Size: 350 B

BIN
img/bg_item.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 KiB

BIN
img/bg_item1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
img/bg_item2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
img/fill_slide.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 208 B

BIN
img/hero_home.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 542 KiB

BIN
img/hero_home1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 KiB

3
img/img_city.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.36127 1.86335C3.86793 0.954453 4.12125 0.5 4.50001 0.5C4.87877 0.5 5.13209 0.954449 5.63873 1.86335L5.76981 2.09849C5.91381 2.35677 5.98577 2.48592 6.09805 2.57113C6.21029 2.65634 6.35005 2.68796 6.62965 2.75122L6.88421 2.80882C7.86805 3.03143 8.36001 3.14273 8.47705 3.5191C8.59409 3.89545 8.25873 4.28765 7.58797 5.07197L7.41445 5.27489C7.22385 5.49777 7.12853 5.60921 7.08565 5.74709C7.04281 5.88497 7.05721 6.03365 7.08601 6.33105L7.11225 6.60177C7.21365 7.64825 7.26437 8.17149 6.95797 8.40409C6.65153 8.63669 6.19093 8.42461 5.26973 8.00049L5.03141 7.89073C4.76965 7.77021 4.63877 7.70993 4.50001 7.70993C4.36125 7.70993 4.23037 7.77021 3.96861 7.89073L3.73029 8.00049C2.80908 8.42461 2.34848 8.63669 2.04206 8.40409C1.73565 8.17149 1.78635 7.64825 1.88776 6.60177L1.91399 6.33105C1.94281 6.03365 1.95722 5.88497 1.91435 5.74709C1.87147 5.60921 1.77617 5.49777 1.58557 5.27489L1.41204 5.07197C0.741301 4.28765 0.405929 3.89545 0.522969 3.5191C0.640009 3.14273 1.13195 3.03143 2.11582 2.80882L2.37036 2.75122C2.64994 2.68796 2.78974 2.65634 2.90198 2.57113C3.01422 2.48592 3.08622 2.35678 3.23019 2.09849L3.36127 1.86335Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

10
img/img_connect.svg Normal file
View File

@@ -0,0 +1,10 @@
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2184_776)">
<path d="M1.04428 6.1189L1.06262 6.11026L11.6606 1.11732L11.664 1.1157C11.8826 1.01473 12.1246 0.978269 12.3638 1.01254M1.04428 6.1189L0.69258 7.68795M1.04428 6.1189L1.02671 6.129C0.849324 6.23087 0.710033 6.38309 0.619708 6.56065C0.529509 6.73797 0.489804 6.93676 0.502222 7.13364C0.514641 7.33054 0.579084 7.52329 0.69258 7.68795M1.04428 6.1189L1.10427 7.4042L0.69258 7.68795M12.3638 1.01254L12.2929 1.50748M12.3638 1.01254C12.6027 1.04677 12.8243 1.14944 13.0069 1.30428C13.1892 1.45877 13.3261 1.65927 13.4087 1.88209C13.4913 2.10481 13.5182 2.34558 13.488 2.58108L13.4867 2.59193L12.1268 11.6466L12.1266 11.648C12.0871 11.9065 11.9887 12.1535 11.837 12.3658C11.6852 12.5783 11.4835 12.7506 11.2472 12.8621C11.0105 12.9738 10.7492 13.0195 10.4885 12.9924C10.2279 12.9653 9.98159 12.867 9.77168 12.7112L6.24003 10.086L6.23733 10.084C6.08752 9.97106 5.96615 9.82584 5.87906 9.66142C5.79201 9.49708 5.74043 9.31598 5.72609 9.13109C5.71175 8.9462 5.73479 8.75945 5.79445 8.58365C5.85414 8.40781 5.94979 8.24505 6.07744 8.10861L6.07884 8.10711L7.71439 6.37321L5.25128 8.19813M5.25128 8.19813C5.25108 8.19828 5.25148 8.19798 5.25128 8.19813ZM5.25128 8.19813C4.92266 8.44272 4.54579 8.60858 4.14742 8.68011C3.74881 8.75168 3.34086 8.72694 2.95288 8.6082M2.95288 8.6082C2.95274 8.60815 2.95302 8.60824 2.95288 8.6082ZM2.95288 8.6082L1.19523 8.0732L1.17647 8.06749L1.15821 8.06033C0.966425 7.98509 0.80632 7.85297 0.69258 7.68795" stroke="#767682" stroke-miterlimit="10"/>
</g>
<defs>
<clipPath id="clip0_2184_776">
<rect width="14" height="14" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

12
img/img_connect1.svg Normal file
View File

@@ -0,0 +1,12 @@
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2184_816)">
<path d="M9.72015 1.00977H4.27985C2.47383 1.00977 1.00977 2.47383 1.00977 4.27985V9.72015C1.00977 11.5262 2.47383 12.9902 4.27985 12.9902H9.72015C11.5262 12.9902 12.9902 11.5262 12.9902 9.72015V4.27985C12.9902 2.47383 11.5262 1.00977 9.72015 1.00977Z" stroke="#767682" stroke-miterlimit="10"/>
<path d="M9.82936 7.00001C9.82936 5.4372 8.56245 4.17029 6.99964 4.17029C5.43683 4.17029 4.16992 5.4372 4.16992 7.00001C4.16992 8.56281 5.43683 9.82972 6.99964 9.82972C8.56245 9.82972 9.82936 8.56281 9.82936 7.00001Z" stroke="#767682" stroke-miterlimit="10"/>
<path d="M10.5 4C10.7761 4 11 3.77614 11 3.5C11 3.22386 10.7761 3 10.5 3C10.2239 3 10 3.22386 10 3.5C10 3.77614 10.2239 4 10.5 4Z" fill="#767682" stroke="#767682" stroke-width="0.5" stroke-miterlimit="10"/>
</g>
<defs>
<clipPath id="clip0_2184_816">
<rect width="14" height="14" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1008 B

BIN
img/img_form.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 244 KiB

BIN
img/img_form1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

11
img/img_geoph.svg Normal file
View File

@@ -0,0 +1,11 @@
<svg width="76" height="40" viewBox="0 0 76 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2207_6)">
<path d="M46.1743 1.4444C46.0313 0.610261 45.3058 0 44.4557 0H5.25914C4.12953 0 3.21486 0.912212 3.21486 2.03544C3.21486 3.16073 4.12953 4.07191 5.25914 4.07191H14.7982C15.9278 4.07191 16.8425 4.98427 16.8425 6.10853C16.8425 7.23279 15.9278 8.145 14.7982 8.145H2.04428C0.915711 8.145 0 9.05721 0 10.1815C0 11.3057 0.915711 12.2168 2.04428 12.2168H19.4284C20.4259 12.2168 21.2352 13.0241 21.2352 14.0178C21.2352 15.0115 20.4259 15.8177 19.4284 15.8177H10.1925C9.06285 15.8177 8.14818 16.7301 8.14818 17.8543C8.14818 18.9784 9.06285 19.8908 10.1925 19.8908H16.9994C17.9977 19.8908 18.8072 20.697 18.8072 21.6907C18.8072 22.6842 17.9977 23.4906 16.9994 23.4906H7.60222C6.47262 23.4906 5.55794 24.4028 5.55794 25.527C5.55794 26.6513 6.47262 27.5635 7.60222 27.5635H20.5184L21.333 32.1537H26.0117C25.7365 32.8197 25.5796 33.5468 25.5796 34.3123C25.5796 37.4538 28.1354 40 31.2891 40C34.4415 40 36.9974 37.4538 36.9974 34.3123C36.9974 33.5468 36.8405 32.8197 36.5653 32.1537H51.415L46.1743 1.4444ZM33.7461 34.3122C33.7461 35.6646 32.6466 36.7599 31.289 36.7599C29.9305 36.7599 28.8309 35.6646 28.8309 34.3122C28.8309 33.3711 29.3692 32.5637 30.1508 32.1535H32.4262C33.2075 32.5637 33.7461 33.371 33.7461 34.3122Z" fill="#00B571"/>
<path d="M75.9403 28.587L73.5952 17.0618L65.0319 3.93701H49.4407L54.2699 32.1535H59.9729C59.6989 32.8195 59.5418 33.5466 59.5418 34.3121C59.5418 37.4536 62.0978 39.9998 65.2502 39.9998C68.4039 39.9998 70.9597 37.4536 70.9597 34.3121C70.9597 33.5466 70.8028 32.8195 70.5277 32.1535H73.0127C73.9091 32.1535 74.7582 31.7531 75.3256 31.0613C75.8921 30.3709 76.1187 29.4618 75.9403 28.587ZM58.266 9.18789H62.172L67.2429 16.958H59.5966L58.266 9.18789ZM67.7083 34.3121C67.7083 35.6646 66.6088 36.7598 65.2502 36.7598C63.8937 36.7598 62.7932 35.6646 62.7932 34.3121C62.7932 33.3711 63.3328 32.5637 64.1131 32.1535H66.3885C67.1699 32.5637 67.7083 33.3709 67.7083 34.3121Z" fill="#00B571"/>
</g>
<defs>
<clipPath id="clip0_2207_6">
<rect width="76" height="40" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

21
img/img_inf.svg Normal file
View File

@@ -0,0 +1,21 @@
<svg width="71" height="80" viewBox="0 0 71 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2195_1612)">
<path d="M4.55677 80.0023C4.29155 79.9042 4.02841 79.7935 3.7632 79.71C2.79711 79.3744 1.95448 78.7556 1.34509 77.9342C0.735696 77.1129 0.387789 76.1271 0.34668 75.1052C0.34668 74.9235 0.34668 74.7397 0.34668 74.558C0.34668 53.9253 0.34668 33.2918 0.34668 12.6577C0.34668 9.99503 1.83149 7.98395 4.24978 7.40548C4.75954 7.30187 5.27928 7.25564 5.79932 7.26765C7.72686 7.25095 9.65439 7.26765 11.5819 7.26765H12.4298C12.4617 6.90241 12.5175 6.53966 12.5969 6.18172C12.8516 5.32759 13.6076 4.83057 14.6539 4.82639C17.1787 4.82639 19.7035 4.82639 22.2533 4.82639C23.1993 1.75445 25.177 -0.0853788 28.4473 0.012773C31.4963 0.10466 33.3257 1.92778 34.1944 4.82639C36.5946 4.82639 38.9907 4.82639 41.3825 4.82639C43.2244 4.82639 43.8029 5.33803 44.0242 7.26974H44.8345C46.8143 7.26974 48.8024 7.25721 50.7737 7.26974C53.9814 7.29272 56.0969 9.41447 56.1178 12.6242C56.1178 14.1299 56.1178 15.6335 56.1178 17.1497C57.682 17.1497 59.1835 16.9617 60.6244 17.181C69.0676 18.4653 73.403 28.2283 68.7689 35.4122C68.203 36.2914 67.5598 36.5273 66.9082 36.0971C66.3026 35.6983 66.2567 35.0133 66.7788 34.1738C70.2872 28.5207 67.4282 21.2616 61.0024 19.6369C57.2142 18.6762 53.9773 19.8206 51.3961 22.6629C48.8671 25.4487 48.0547 28.7462 49.4268 32.2985C50.0533 33.919 50.1681 35.385 49.6064 36.9742C49.4733 37.4295 49.3652 37.8917 49.2827 38.3588C50.2287 38.1249 51.0849 37.9411 51.9265 37.6989C52.7825 37.4526 53.6994 37.5307 54.5014 37.9182C57.1912 39.1231 59.8935 39.1294 62.5854 37.891C63.4917 37.4734 64.1203 37.6279 64.4419 38.3317C64.7635 39.0354 64.4419 39.5847 63.5397 40.0232C61.205 41.1405 58.7554 41.3806 56.1136 40.9275V73.6747C56.1136 77.4086 55.3284 78.5906 51.9182 80.0023H4.55677ZM48.8692 72.7621V40.963C46.8832 40.3949 46.4968 39.71 46.9897 37.7469C47.1985 36.9116 47.4491 36.0888 47.5974 35.2409C47.6793 34.8174 47.6461 34.3797 47.5013 33.9733C45.8307 29.9094 46.1669 26.0502 48.5643 22.3621C48.7674 22.0391 48.8812 21.668 48.8942 21.2867C48.9256 19.4385 48.9089 17.5882 48.9089 15.738V14.5225H43.9491C43.9491 14.9214 43.9491 15.2576 43.9491 15.5939C43.9219 17.7073 42.4726 19.1691 40.3592 19.2025C39.6032 19.215 38.8473 19.2171 38.0934 19.2025C37.2998 19.1858 36.7882 18.7284 36.7777 18.0602C36.7673 17.3919 37.2831 16.897 38.0579 16.8677C38.7073 16.8448 39.3589 16.8677 40.0105 16.8677C41.2405 16.8677 41.6018 16.5085 41.6039 15.3015C41.6039 12.8247 41.6039 10.3493 41.6039 7.87536C41.6039 7.65191 41.5725 7.42846 41.5517 7.16115C39.0456 7.16115 36.6002 7.16115 34.1548 7.16115C32.7556 7.16115 32.1688 6.69128 31.8451 5.34639C31.3961 3.48359 29.9656 2.30159 28.1905 2.31203C26.4154 2.32248 24.9911 3.53371 24.5777 5.39441C24.302 6.62862 23.6609 7.15488 22.3849 7.15906C20.1713 7.15906 17.9555 7.15906 15.7419 7.15906H14.8502C14.8502 10.112 14.8376 12.9709 14.8627 15.8298C14.8627 16.4208 15.2804 16.7654 15.863 16.8469C16.1227 16.8698 16.3836 16.8761 16.6441 16.8657C21.8301 16.8657 27.0147 16.8657 32.198 16.8657C33.121 16.8657 33.6348 17.3063 33.6348 18.0456C33.6348 18.7368 33.1482 19.2025 32.3483 19.2025C26.8518 19.2025 21.3533 19.2213 15.8505 19.19C14.0002 19.1795 12.5697 17.6968 12.4945 15.8486C12.4778 15.4143 12.4945 14.9778 12.4945 14.5163H7.52638V46.9126C7.52638 50.6132 7.52638 54.313 7.52638 58.0121C7.52638 58.8997 7.10871 59.3821 6.3945 59.3988C5.68029 59.4155 5.20624 58.908 5.18535 57.9954C5.18535 57.866 5.18535 57.7344 5.18535 57.6049V14.6959C5.18535 14.462 5.18536 14.226 5.1958 13.9921C5.2856 12.902 6.03113 12.1565 7.12959 12.1335C8.61231 12.1022 10.0992 12.1209 11.584 12.1189H12.4465V9.65254C12.1541 9.63792 11.8994 9.61286 11.6467 9.61286C9.69198 9.61286 7.73939 9.61286 5.7847 9.61286C3.71934 9.61286 2.67935 10.6737 2.67935 12.7579V74.4954C2.67935 76.5983 3.7444 77.6571 5.8578 77.6571H50.5649C52.7096 77.6571 53.7622 76.5963 53.7642 74.4286V54.2636C53.7642 49.782 53.7642 45.3004 53.7642 40.821C53.7642 40.3427 53.6744 39.9167 53.1649 39.9313C52.5725 39.9375 51.9879 40.067 51.4483 40.3114C51.2561 40.4033 51.2541 40.9985 51.252 41.3556C51.2436 51.7973 51.2436 62.2445 51.252 72.6973C51.252 74.368 50.5398 75.1386 49.0007 75.1386C35.1398 75.1386 21.2795 75.1386 7.41987 75.1386C5.97683 75.1386 5.19371 74.3596 5.18953 72.9208C5.1784 69.9512 5.1784 66.9809 5.18953 64.0098C5.18953 63.1014 5.63852 62.548 6.35273 62.548C7.06694 62.548 7.52847 63.0743 7.53056 63.9848C7.53056 66.6161 7.53056 69.2474 7.53056 71.8787V72.7579L48.8692 72.7621ZM51.2603 19.428C52.0831 18.9498 52.7869 18.5656 53.4593 18.1333C53.5437 18.068 53.6136 17.9858 53.6643 17.8919C53.715 17.798 53.7455 17.6946 53.7538 17.5882C53.7747 15.8194 53.806 14.0506 53.7538 12.2838C53.7058 10.7113 52.5655 9.64836 50.97 9.61912C49.5917 9.59197 48.2134 9.61912 46.8351 9.61912H44.0138V12.1251C45.649 12.1251 47.2319 12.1251 48.817 12.1251C50.5774 12.1251 51.2603 12.8143 51.2645 14.5852C51.2624 16.164 51.2603 17.7469 51.2603 19.428Z" fill="white"/>
<path d="M57.6255 30.4106L61.821 26.2068C62.0298 25.9979 62.2178 25.7891 62.4329 25.6074C62.9571 25.1563 63.5982 25.1501 64.0513 25.5782C64.5045 26.0063 64.5546 26.6913 64.0785 27.2489C63.8592 27.5057 63.6065 27.7333 63.3685 27.9714C62.0069 29.333 60.6536 30.6988 59.2858 32.052C58.1977 33.1296 57.093 33.1401 56.0113 32.0792C55.0819 31.1708 54.1652 30.2477 53.2526 29.3226C52.5947 28.6564 52.5363 28.0132 53.0625 27.4807C53.5888 26.9481 54.2591 27.0254 54.9044 27.6644C55.7899 28.5436 56.6607 29.4374 57.6255 30.4106Z" fill="white"/>
<path d="M26.4132 65.6074C27.0397 66.3822 27.1191 66.9983 26.6221 67.5036C26.125 68.009 25.4777 67.9338 24.6027 67.2134C23.4269 67.8211 22.1739 68.0487 20.8583 67.6707C19.8692 67.4065 18.9933 66.8271 18.3632 66.0203C17.7331 65.2134 17.3832 64.2232 17.3666 63.1996C17.3332 60.6748 17.3269 58.15 17.3666 55.6252C17.3939 54.3879 17.8995 53.2093 18.7771 52.3367C19.6548 51.4642 20.8363 50.9654 22.0737 50.9452C23.3248 50.9176 24.5364 51.3845 25.4454 52.2447C26.3545 53.1048 26.8876 54.2888 26.9291 55.5396C26.9959 58.1145 26.9834 60.6936 26.9291 63.2664C26.904 64.0307 26.6054 64.7846 26.4132 65.6074ZM22.7315 65.4216C21.798 64.0809 21.6978 63.6653 22.2366 63.1578C23.1617 62.287 23.8091 63.1077 24.5337 63.682C24.5651 63.3478 24.6027 63.1202 24.6047 62.8926C24.6047 60.5516 24.6215 58.2085 24.6047 55.8674C24.5901 54.3764 23.5251 53.2862 22.1468 53.2883C20.7685 53.2904 19.7097 54.3972 19.7013 55.8779C19.6874 58.221 19.6874 60.5627 19.7013 62.903C19.7139 64.6551 20.9 65.6575 22.7315 65.4216Z" fill="white"/>
<path d="M29.5291 59.3549C29.5291 57.9746 29.4351 56.5879 29.55 55.218C29.74 52.9208 31.6028 51.1728 33.9355 50.9619C35.0097 50.8831 36.0793 51.1676 36.9724 51.7698C37.8654 52.372 38.5302 53.2569 38.8598 54.2824C39.0155 54.7782 39.0924 55.2955 39.0874 55.8152C39.077 56.473 38.6697 56.874 37.9973 56.9095C37.3249 56.945 36.9302 56.5649 36.7861 55.928C36.7339 55.7024 36.7589 55.4581 36.7067 55.2326C36.5725 54.655 36.2378 54.1437 35.7621 53.7896C35.2865 53.4356 34.7006 53.2616 34.1088 53.2988C32.812 53.4115 31.8513 54.4286 31.8284 55.8277C31.7929 58.0685 31.8158 60.3093 31.8179 62.5501C31.8148 62.8363 31.8315 63.1224 31.868 63.4063C31.9489 63.9909 32.2407 64.5258 32.6883 64.9104C33.136 65.295 33.7087 65.5028 34.2989 65.4947C34.8905 65.4932 35.462 65.2799 35.9099 64.8933C36.3577 64.5068 36.6523 63.9726 36.7401 63.3875C36.7547 63.2852 36.7401 63.1787 36.761 63.0764C36.8529 62.3016 37.3562 61.8234 38.0245 61.8777C38.6927 61.932 39.1125 62.4707 39.0999 63.256C39.0624 65.5302 37.1118 67.6185 34.8397 67.8148C31.9975 68.0591 29.7129 66.1755 29.5145 63.3311C29.4205 62.0092 29.4978 60.6748 29.4978 59.3466L29.5291 59.3549Z" fill="white"/>
<path d="M22.0967 29.0908C22.0967 30.0013 22.1134 30.9118 22.0967 31.8223C22.0695 33.0524 21.3261 33.848 20.1149 33.8689C18.2437 33.9023 16.3719 33.9023 14.4993 33.8689C13.2839 33.848 12.5238 33.0565 12.5091 31.8307C12.4882 29.9846 12.4882 28.1385 12.5091 26.2924C12.5217 25.0582 13.2568 24.273 14.4889 24.2479C16.36 24.2062 18.2319 24.2062 20.1044 24.2479C21.3386 24.273 22.0675 25.0499 22.0967 26.2841C22.1134 27.2196 22.0967 28.1552 22.0967 29.0908ZM19.7139 31.4966V26.6266H14.8961V31.4966H19.7139Z" fill="white"/>
<path d="M22.0946 41.1739C22.0946 42.1345 22.1155 43.0972 22.0946 44.0579C22.0591 45.1772 21.3658 45.952 20.2506 45.9812C18.2771 46.0334 16.2995 46.0355 14.326 45.9812C13.2192 45.9499 12.5279 45.1584 12.5133 44.0307C12.4896 42.1345 12.4896 40.2369 12.5133 38.3379C12.5321 37.1768 13.3319 36.4104 14.5118 36.3979C16.383 36.3784 18.2548 36.3784 20.1274 36.3979C21.2968 36.4125 22.0612 37.1852 22.0946 38.3672C22.1176 39.3069 22.0946 40.2383 22.0946 41.1739ZM19.7139 38.7807H14.9107V43.611H19.7139V38.7807Z" fill="white"/>
<path d="M28.2469 12.1189H37.3833C37.6174 12.1112 37.8518 12.1181 38.085 12.1397C38.3489 12.1571 38.5971 12.2714 38.7818 12.4607C38.9664 12.65 39.0746 12.9009 39.0853 13.1651C39.1309 13.4267 39.0751 13.6959 38.9292 13.9178C38.7833 14.1397 38.5584 14.2977 38.3001 14.3596C38.0279 14.4325 37.7464 14.4649 37.4648 14.4557C31.3209 14.4557 25.1777 14.4557 19.0352 14.4557C18.776 14.4657 18.5165 14.4439 18.2625 14.391C17.9873 14.3462 17.7406 14.1954 17.5751 13.971C17.4096 13.7466 17.3385 13.4663 17.3771 13.1902C17.423 12.5637 17.7947 12.2003 18.4212 12.1314C18.6553 12.1122 18.8903 12.1066 19.125 12.1147L28.2469 12.1189Z" fill="white"/>
<path d="M34.2591 38.7326C31.6056 38.7326 28.9506 38.7326 26.2942 38.7326C26.0349 38.7497 25.7744 38.7328 25.5195 38.6825C25.2592 38.6318 25.0262 38.4882 24.8641 38.2784C24.7019 38.0686 24.6216 37.8069 24.6382 37.5423C24.6307 37.2642 24.7278 36.9934 24.9103 36.7834C25.0928 36.5734 25.3474 36.4396 25.6239 36.4083C25.8047 36.386 25.9871 36.3804 26.1689 36.3916H42.4078C42.5394 36.3916 42.6689 36.3916 42.7984 36.3916C43.475 36.448 43.9386 36.9074 43.9511 37.5318C43.9567 37.6822 43.9325 37.8322 43.8799 37.9732C43.8274 38.1142 43.7475 38.2434 43.6448 38.3535C43.5422 38.4635 43.4188 38.5522 43.2818 38.6144C43.1447 38.6766 42.9968 38.7111 42.8464 38.7159C42.2199 38.7598 41.5934 38.7326 40.9669 38.7326H34.2591Z" fill="white"/>
<path d="M34.2989 26.5785C31.5673 26.5785 28.8337 26.5785 26.1021 26.5785C25.4882 26.5785 24.9556 26.4636 24.7113 25.8163C24.4231 25.0477 24.9306 24.298 25.8202 24.2437C26.5449 24.1999 27.2821 24.2312 28.0046 24.2312H42.0591C42.268 24.2312 42.4768 24.2208 42.6856 24.2312C43.4813 24.2813 43.9637 24.7366 43.9553 25.4216C43.947 26.1065 43.4646 26.5597 42.6564 26.566C40.472 26.5806 38.2855 26.566 36.099 26.566L34.2989 26.5785Z" fill="white"/>
<path d="M31.9056 41.2345C33.8039 41.2345 35.7022 41.2345 37.6005 41.2345C38.5611 41.2345 39.1124 41.6855 39.0999 42.429C39.0874 43.1724 38.5548 43.5755 37.6381 43.5755C33.7886 43.5755 29.9404 43.5755 26.0937 43.5755C25.179 43.5755 24.6319 43.1432 24.6319 42.4248C24.6319 41.7064 25.1749 41.2365 26.1376 41.2345C28.0672 41.2303 29.9822 41.2345 31.9056 41.2345Z" fill="white"/>
<path d="M31.8263 31.4339C29.8507 31.4339 27.8751 31.4527 25.9017 31.4339C24.9222 31.4213 24.2999 30.5777 24.7552 29.8342C24.8885 29.641 25.0617 29.4786 25.263 29.3579C25.4644 29.2372 25.6893 29.1611 25.9225 29.1346C29.8737 29.0824 33.8248 29.0949 37.7738 29.1096C38.582 29.1096 39.0728 29.5773 39.0916 30.2519C39.1104 30.9264 38.5946 31.4318 37.753 31.4381C35.7941 31.4464 33.8102 31.436 31.8263 31.4339Z" fill="white"/>
<path d="M28.2009 7.14653C28.0452 7.14311 27.8918 7.10847 27.7497 7.04465C27.6077 6.98083 27.4799 6.88913 27.3739 6.775C27.268 6.66087 27.186 6.52663 27.1329 6.38024C27.0798 6.23385 27.0567 6.07828 27.0648 5.92277C27.0825 5.62177 27.2149 5.33899 27.4348 5.13269C27.6547 4.92639 27.9453 4.81227 28.2468 4.81386C28.5485 4.82629 28.8344 4.95214 29.0474 5.16625C29.2603 5.38035 29.3846 5.66693 29.3954 5.96871C29.3949 6.12464 29.3635 6.27893 29.303 6.42267C29.2426 6.56642 29.1543 6.69679 29.0433 6.80627C28.9323 6.91575 28.8007 7.00217 28.6561 7.06057C28.5115 7.11897 28.3568 7.14819 28.2009 7.14653Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_2195_1612">
<rect width="70.3185" height="80" fill="white" transform="translate(0.340393 0.000244141)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 12 KiB

18
img/img_inf1.svg Normal file
View File

@@ -0,0 +1,18 @@
<svg width="86" height="80" viewBox="0 0 86 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2195_1626)">
<path d="M48.6969 45.7142C48.6969 48.0403 48.6969 50.2377 48.6969 52.4376C48.6969 53.7852 48.2207 54.2804 46.8874 54.2851C44.3066 54.2851 41.7242 54.2851 39.1403 54.2851C37.7618 54.2851 37.2952 53.809 37.2928 52.3805C37.2928 50.1877 37.2928 47.995 37.2928 45.7142H30.8265C29.1337 45.7142 28.7385 45.3166 28.7385 43.6119C28.7385 41.1137 28.7385 38.6154 28.7385 36.1172C28.7385 34.7768 29.2147 34.2935 30.5646 34.2887C32.7597 34.2887 34.9548 34.2887 37.2928 34.2887V33.4054C37.2928 31.4127 37.2928 29.4199 37.2928 27.4272C37.2928 26.2368 37.8094 25.7202 38.9593 25.7154C41.6306 25.7027 44.3027 25.7027 46.9755 25.7154C48.1826 25.7154 48.685 26.2392 48.6897 27.4724C48.6897 29.7009 48.6897 31.9293 48.6897 34.2411C49.0183 34.2554 49.3016 34.2815 49.5849 34.2815C51.6038 34.2815 53.6323 34.2815 55.6417 34.2815C56.694 34.2815 57.2321 34.8291 57.2392 35.8838C57.2535 38.6218 57.2535 41.3589 57.2392 44.0953C57.2392 45.1761 56.6773 45.6952 55.5512 45.6999C53.3085 45.7237 51.0586 45.7142 48.6969 45.7142ZM40.1426 28.6128C40.1426 30.946 40.1426 33.2007 40.1426 35.4553C40.1426 36.6147 39.6117 37.1219 38.4451 37.1409C37.1404 37.1409 35.8262 37.1409 34.5287 37.1409H31.6336V42.8548H37.9689C39.7783 42.8548 40.1426 43.2215 40.1426 45.0476V51.3662H45.8566C45.8566 49.0521 45.8566 46.7975 45.8566 44.5405C45.8566 43.3786 46.3851 42.8739 47.5517 42.8572C48.8588 42.8453 50.1706 42.8572 51.4705 42.8572H54.3656V37.1433H48.0279C46.2184 37.1433 45.8542 36.7743 45.8542 34.9482V28.6128H40.1426Z" fill="white"/>
<path d="M40.9378 79.8717C37.9999 79.8717 35.0596 79.955 32.1288 79.8455C29.8504 79.7574 27.7243 78.9503 25.6815 77.9551C22.5071 76.4124 19.3327 74.8688 16.1583 73.3245C13.5339 72.0443 10.6477 71.3922 7.72786 71.4198C5.79702 71.4341 3.86856 71.4198 1.93773 71.4198C0.880647 71.4198 0.244977 70.877 0.233073 70.0128C0.221169 69.1485 0.861607 68.5462 1.89964 68.5843C5.15897 68.6724 8.44211 68.5843 11.661 68.9842C13.6727 69.2223 15.6655 70.0485 17.5487 70.8889C20.7628 72.2793 23.8721 73.8792 27.0148 75.4267C29.3081 76.5651 31.835 77.1537 34.3953 77.1457C38.9665 77.1314 43.54 77.1457 48.1136 77.1314C48.554 77.1328 48.9908 77.052 49.4016 76.8933C53.1085 75.3815 56.7964 73.8244 60.5104 72.3293C61.2247 72.0483 61.3723 71.665 61.2509 70.9794C61.0128 69.6056 60.2557 68.7985 58.8843 68.5652C57.0987 68.2629 55.4108 68.7676 53.7204 69.2223C52.8061 69.4604 51.9086 69.7866 51.0039 70.0723C49.9039 70.4223 49.1492 70.1532 48.8611 69.3104C48.5731 68.4676 48.9754 67.6819 50.0515 67.3915C52.3943 66.7701 54.7393 66.1082 57.1249 65.7082C58.2106 65.5249 59.451 65.744 60.5247 66.0892C63.1888 66.9487 64.6602 69.9389 63.9102 72.6412C63.7989 73.122 63.5721 73.5684 63.2493 73.9418C62.9265 74.3152 62.5176 74.6042 62.0579 74.7839C58.0106 76.4505 53.9489 78.1385 49.8849 79.7836C49.4682 79.9332 49.0276 80.005 48.5849 79.9955C46.0303 80.0145 43.4757 79.9955 40.9235 79.9955L40.9378 79.8717Z" fill="white"/>
<path d="M44.9899 0.133581C47.9588 0.133581 50.9277 0.055011 53.8918 0.159767C56.0345 0.238333 58.0725 0.969249 60.0129 1.90729C63.4317 3.55719 66.8363 5.24042 70.2646 6.86413C72.7209 8.01999 75.4068 8.60519 78.1213 8.57593C80.0831 8.57593 82.0433 8.57593 84.0019 8.57593C85.1233 8.57593 85.7756 9.11876 85.7685 10.0044C85.7613 10.8901 85.1066 11.4472 83.9805 11.4162C80.7807 11.3282 77.5523 11.4162 74.3906 11.0234C72.3478 10.771 70.3265 9.94728 68.4171 9.11876C65.134 7.67361 61.9485 6.01181 58.7153 4.45237C56.5171 3.38766 54.1034 2.8427 51.661 2.85961C47.0589 2.85961 42.4544 2.85961 37.8523 2.8739C37.4115 2.87698 36.9753 2.96341 36.5666 3.12864C32.8597 4.63807 29.1718 6.19274 25.4578 7.68551C24.7959 7.95216 24.6221 8.30691 24.7245 8.96639C24.9507 10.4139 25.7435 11.2305 27.2172 11.4543C28.9742 11.721 30.6337 11.2163 32.2931 10.7758C33.2454 10.5187 34.1573 10.183 35.0929 9.89491C36.1143 9.58064 36.8738 9.89491 37.138 10.721C37.4023 11.5472 37.0166 12.3209 35.9881 12.5924C33.5573 13.2328 31.1313 13.9637 28.6552 14.3327C25.753 14.766 23.2817 13.3923 22.4008 10.9996C22.0175 9.95919 21.9723 8.73069 22.0485 7.60457C22.1246 6.47844 22.8532 5.68563 23.9531 5.23804C27.9624 3.6048 31.955 1.93109 35.9643 0.297858C36.4016 0.123648 36.8673 0.0316325 37.338 0.0264418C39.8926 0.00025292 42.4473 0.0145407 44.9995 0.0145407L44.9899 0.133581Z" fill="white"/>
<path d="M42.8449 10.1592C42.4044 12.0638 42.9044 13.6518 44.2734 14.8446C45.1889 15.6405 46.2165 16.2975 47.3232 16.7945C50.1064 18.0468 52.9562 19.1515 55.756 20.3657C56.2082 20.5576 56.5853 20.892 56.8297 21.318C58.4154 24.5702 61.1152 26.2201 64.5626 26.7939C67.022 27.1915 69.4052 26.8296 71.7384 26.0058C72.1499 25.8449 72.585 25.7524 73.0264 25.732C76.7071 25.7106 80.3879 25.732 84.0686 25.7154C84.8281 25.7154 85.4137 25.9535 85.6875 26.701C86.0447 27.6843 85.3042 28.5676 84.0948 28.5724C80.6807 28.5724 77.2666 28.5723 73.8573 28.589C73.3287 28.5985 72.8046 28.6876 72.3026 28.8533C67.1791 30.5008 62.2652 30.3175 57.8559 26.9486C56.6369 26.0154 55.7703 24.6273 54.7227 23.4655C54.4607 23.1251 54.1307 22.8429 53.7537 22.637C51.1348 21.5037 48.5017 20.4395 45.8971 19.3039C44.021 18.4872 42.3639 17.3444 41.1783 15.6279C39.4213 13.0804 39.5117 10.3901 40.6712 7.65693C41.0331 6.80698 41.7687 6.61889 42.7806 7.03792C46.0105 8.37435 49.2397 9.71713 52.4681 11.0663C54.4918 11.9091 56.5178 12.7495 58.5463 13.5875C59.2367 13.8708 59.7177 14.3018 59.682 15.1112C59.6367 16.1707 58.6201 16.7112 57.5059 16.2517C54.187 14.8875 50.8801 13.5042 47.5684 12.1257L42.8449 10.1592Z" fill="white"/>
<path d="M43.1424 69.8128C43.59 67.9605 43.1091 66.3653 41.7401 65.1845C40.726 64.3243 39.595 63.6125 38.3808 63.0703C35.7119 61.8561 32.9692 60.8038 30.2717 59.6443C29.8387 59.4785 29.4722 59.1748 29.2289 58.7801C27.3671 54.9256 24.1173 53.328 20.0557 53.0661C18.151 52.94 16.2845 53.3042 14.4608 53.9185C13.8207 54.1367 13.1512 54.2564 12.4752 54.2732C9.00394 54.3065 5.53033 54.2923 2.05673 54.2875C0.88061 54.2875 0.206847 53.7328 0.233036 52.8185C0.259225 51.9043 0.906804 51.4353 2.04721 51.4329C5.43273 51.4329 8.81585 51.4329 12.2014 51.421C12.7011 51.4112 13.1965 51.3253 13.6703 51.1662C18.1201 49.6806 22.4793 49.702 26.6696 52.0138C28.5742 53.0661 30.0551 54.5875 31.2359 56.4255C31.5394 56.8801 31.9642 57.2405 32.4621 57.4659C34.8762 58.5253 37.3261 59.5062 39.7569 60.5371C41.6401 61.3347 43.3281 62.4108 44.5971 64.0631C46.5636 66.6463 46.5636 69.4437 45.3566 72.3221C44.9899 73.1911 44.2542 73.4054 43.2638 72.9959C39.4863 71.4325 35.7103 69.8596 31.9359 68.2771L27.5862 66.463C26.4981 66.0058 26.0791 65.2607 26.441 64.4226C26.8029 63.5846 27.6028 63.387 28.6409 63.8179C33.3215 65.7574 38.0038 67.7018 42.6876 69.6509C42.8162 69.7032 42.9543 69.7461 43.1424 69.8128Z" fill="white"/>
<path d="M72.9025 40.174C72.8983 46.4888 70.8809 52.6378 67.1434 57.7278C66.7291 58.3015 66.2124 58.7706 65.5173 58.5182C65.0792 58.3587 64.5435 57.892 64.465 57.4849C64.3721 57.0088 64.6268 56.3826 64.9268 55.9588C66.9356 53.1509 68.4035 49.9932 69.2551 46.6475C70.2116 42.8605 70.3343 38.911 69.6146 35.072C69.5837 34.8958 69.5503 34.7196 69.5337 34.5434C69.4337 33.5411 69.867 32.8911 70.7122 32.7626C71.5169 32.6412 72.2026 33.1745 72.3478 34.1506C72.5692 35.6172 72.7382 37.0933 72.893 38.5694C72.9248 39.1037 72.9279 39.6394 72.9025 40.174Z" fill="white"/>
<path d="M12.9204 39.9407C13.1204 33.4649 14.9893 27.5962 18.7867 22.3584C19.4129 21.4966 20.1105 21.2656 20.8247 21.6632C21.6366 22.1156 21.7913 23.0608 21.1414 23.9583C18.948 26.9493 17.3935 30.3595 16.5743 33.9769C15.7552 37.5943 15.6889 41.3416 16.3797 44.9857C16.3964 45.0714 16.4131 45.1594 16.4273 45.2475C16.6202 46.4594 16.244 47.1903 15.3536 47.3379C14.4013 47.4926 13.7751 46.9379 13.6061 45.6713C13.3466 43.7714 13.1442 41.8549 12.9204 39.9407Z" fill="white"/>
<path d="M24.7245 17.0564C24.9092 17.0585 25.0917 17.0973 25.2614 17.1705C25.4311 17.2436 25.5846 17.3497 25.713 17.4825C25.8414 17.6153 25.9422 17.7723 26.0095 17.9444C26.0769 18.1164 26.1094 18.3001 26.1053 18.4849C26.0814 18.8988 25.9075 19.2898 25.6161 19.5848C25.3246 19.8797 24.9357 20.0583 24.5221 20.0872C24.3301 20.0878 24.1399 20.0501 23.9627 19.9762C23.7855 19.9023 23.6249 19.7938 23.4903 19.6569C23.3556 19.5201 23.2497 19.3577 23.1787 19.1793C23.1077 19.0009 23.0731 18.8101 23.0769 18.6182C23.1127 17.8349 23.9459 17.0445 24.7245 17.0564Z" fill="white"/>
<path d="M61.6032 62.9441C61.2307 62.9484 60.871 62.8086 60.599 62.5539C60.3271 62.2993 60.164 61.9495 60.1438 61.5775C60.1505 61.1748 60.3129 60.7904 60.5971 60.505C60.8812 60.2195 61.2649 60.0553 61.6675 60.0467C62.0387 60.0446 62.3967 60.184 62.6687 60.4366C62.9407 60.6891 63.1063 61.0358 63.1317 61.4061C63.1626 62.1489 62.3913 62.9275 61.6032 62.9441Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_2195_1626">
<rect width="85.5378" height="80" fill="white" transform="translate(0.230713 0.000244141)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 8.7 KiB

18
img/img_inf2.svg Normal file
View File

@@ -0,0 +1,18 @@
<svg width="81" height="80" viewBox="0 0 81 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2195_1637)">
<path d="M13.4014 41.291H2.42144C0.871613 41.291 0.510498 40.9364 0.510498 39.4123C0.510498 29.0128 0.510498 18.6118 0.510498 8.20938C0.510498 3.30195 3.79287 0.00238037 8.67881 0.00238037H72.2799C77.1916 0.00238037 80.4868 3.28045 80.4868 8.17069C80.4868 31.5005 80.4868 54.8289 80.4868 78.1559C80.4868 79.6262 80.1085 79.9981 78.6167 79.9981H15.2607C13.784 79.9981 13.41 79.6241 13.41 78.1409V41.291H13.4014ZM77.9009 77.3821V76.7673C77.9009 53.8129 77.9009 30.8564 77.9009 7.8977C77.9009 4.82168 75.6761 2.5883 72.6195 2.58615C53.3236 2.58615 34.0271 2.58615 14.7298 2.58615C14.5363 2.58615 14.3429 2.62699 14.0591 2.65708C15.5789 4.45196 15.9937 6.45964 15.9937 8.66294C15.9694 31.2161 15.9644 53.7692 15.9787 76.3223V77.3842L77.9009 77.3821ZM13.4014 38.7094V23.9635C13.4014 18.5896 13.4014 13.2157 13.4014 7.84181C13.4014 5.79328 12.5007 4.20261 10.6994 3.21812C7.2128 1.31146 3.09855 3.82214 3.0921 7.86545C3.07777 17.9125 3.07777 27.9602 3.0921 38.0087V38.6535C3.26622 38.675 3.36725 38.7008 3.46828 38.7008L13.4014 38.7094Z" fill="white"/>
<path d="M45.6596 49.799V67.8015C45.6596 69.5405 44.9524 70.0091 43.3166 69.3557C41.7238 68.7108 40.1396 68.053 38.5296 67.4598C38.1394 67.3264 37.716 67.3264 37.3258 67.4598C35.6406 68.0853 33.9833 68.7796 32.3131 69.4416C30.9481 69.9812 30.1828 69.4545 30.1807 67.9756C30.1807 62.1718 30.1807 56.368 30.1936 50.5642C30.1936 49.9344 30.0453 49.7173 29.3854 49.6163C25.0239 48.937 22.5713 44.5025 24.263 40.4248C24.5034 39.869 24.6274 39.2699 24.6274 38.6643C24.6274 38.0588 24.5034 37.4596 24.263 36.9038C22.5648 32.7638 24.9874 28.4217 29.4434 27.6865C30.7561 27.4975 31.9431 26.8033 32.7516 25.7519C35.3676 22.4438 40.5158 22.4696 43.1253 25.7928C43.8914 26.8103 45.0289 27.4834 46.2895 27.665C51.1217 28.4174 53.2519 33.1228 51.5107 37.0371C51.2829 37.5292 51.1624 38.064 51.1572 38.6063C51.152 39.1485 51.2623 39.6856 51.4806 40.1819C53.4647 44.696 50.5391 49.2251 45.9842 49.6915C45.8737 49.72 45.7653 49.7559 45.6596 49.799ZM49.6234 34.2878C49.5138 32.1727 48.1402 30.5626 45.9821 30.2252C44.021 29.9495 42.2493 28.9075 41.0553 27.3276C39.5334 25.3801 36.3843 25.3285 34.8517 27.2588C33.5972 28.8936 31.7537 29.9735 29.7142 30.2681C27.0273 30.7088 25.6107 33.3807 26.6447 35.8914C27.0227 36.7692 27.2177 37.715 27.2177 38.6708C27.2177 39.6265 27.0227 40.5723 26.6447 41.4501C25.5699 44.0425 27.1799 46.7294 29.9786 47.1099C31.7609 47.3274 33.3865 48.236 34.5056 49.6399C36.5025 52.0883 39.3593 52.0969 41.3369 49.6528C42.4332 48.2663 44.0227 47.3568 45.7736 47.1142C48.7636 46.6736 50.2726 44.1048 49.1441 41.3104C48.4411 39.6015 48.4411 37.6841 49.1441 35.9752C49.3547 35.4292 49.4665 34.8488 49.6234 34.2878ZM32.8118 51.7916V66.4581C34.2713 65.8755 35.6685 65.3424 37.0464 64.7556C37.3253 64.6291 37.6283 64.5648 37.9345 64.567C38.2407 64.5692 38.5428 64.638 38.8198 64.7685C40.1955 65.3532 41.5948 65.882 43.0307 66.4495V51.7508C40.0988 54.5323 36.4015 55.0934 32.8118 51.7916Z" fill="white"/>
<path d="M55.9797 15.4856H43.6456C43.404 15.5011 43.1614 15.494 42.9212 15.4641C42.2269 15.3352 41.8077 14.9096 41.8055 14.1959C41.8034 13.4822 42.2355 13.0545 42.919 12.9255C43.1594 12.8975 43.4019 12.891 43.6434 12.9062C51.8662 12.9062 60.0897 12.9062 68.3139 12.9062C68.5554 12.891 68.7978 12.8975 69.0383 12.9255C69.7326 13.0523 70.1517 13.4801 70.1517 14.1938C70.1517 14.9074 69.7218 15.333 69.0404 15.4641C68.8001 15.494 68.5576 15.5011 68.316 15.4856H55.9797Z" fill="white"/>
<path d="M60.5433 54.1948C57.7746 54.1948 55.0082 54.1948 52.2395 54.1948C51.3668 54.1948 50.8079 53.6381 50.8273 52.8793C50.8466 52.1205 51.3862 51.6605 52.2223 51.6218C52.3019 51.6218 52.3835 51.6218 52.4631 51.6218H68.5074C69.5821 51.6218 70.1862 52.1141 70.1625 52.9417C70.1389 53.7692 69.5563 54.1991 68.5245 54.1991C65.8634 54.1991 63.203 54.1977 60.5433 54.1948Z" fill="white"/>
<path d="M60.4443 67.0986C57.7832 67.0986 55.1227 67.0986 52.463 67.0986C51.4312 67.0986 50.8466 66.6386 50.8272 65.839C50.8057 65.0071 51.4055 64.5213 52.4824 64.5213C57.8305 64.5213 63.1786 64.5213 68.5267 64.5213C69.5584 64.5213 70.1431 64.9792 70.1625 65.7788C70.1818 66.5784 69.5756 67.0965 68.5052 67.0986C65.8182 67.1015 63.1313 67.1015 60.4443 67.0986Z" fill="white"/>
<path d="M62.5079 25.8078C64.5221 25.8078 66.5384 25.8078 68.5546 25.8078C69.5735 25.8078 70.1625 26.2872 70.1625 27.0976C70.1625 27.9079 69.5757 28.3873 68.5589 28.3873C64.4748 28.3873 60.3906 28.3873 56.3065 28.3873C55.2876 28.3873 54.7008 27.9058 54.6986 27.0976C54.6965 26.2893 55.2833 25.8078 56.3022 25.8078C58.3679 25.8035 60.4379 25.8078 62.5079 25.8078Z" fill="white"/>
<path d="M63.0561 41.2911C61.229 41.2911 59.4018 41.2911 57.5726 41.2911C56.5601 41.2911 55.9733 40.7967 55.984 39.9863C55.9948 39.1759 56.5795 38.7159 57.607 38.7137C61.2612 38.7137 64.9154 38.7137 68.5697 38.7137C69.5778 38.7137 70.1711 39.2103 70.1582 40.0164C70.1453 40.8225 69.5606 41.2868 68.5353 41.2911C66.7103 41.2954 64.8853 41.2911 63.0561 41.2911Z" fill="white"/>
<path d="M30.054 12.904C31.6102 12.904 33.1687 12.904 34.7271 12.904C35.66 12.904 36.2597 13.4221 36.2597 14.1938C36.2597 14.9654 35.66 15.4835 34.7271 15.4835C31.5587 15.4921 28.3895 15.4921 25.2196 15.4835C24.2931 15.4835 23.7149 14.9375 23.7364 14.1551C23.7579 13.3726 24.3189 12.9169 25.2196 12.9105C26.8318 12.8976 28.4482 12.904 30.054 12.904Z" fill="white"/>
<path d="M37.9063 33.5118C38.9265 33.5092 39.9246 33.8093 40.7743 34.3739C41.6241 34.9386 42.2873 35.7425 42.6802 36.6841C43.0731 37.6256 43.178 38.6626 42.9816 39.6637C42.7852 40.6649 42.2964 41.5854 41.5769 42.3087C40.8575 43.0321 39.9397 43.5259 38.9396 43.7277C37.9395 43.9295 36.902 43.8303 35.9583 43.4425C35.0146 43.0547 34.2071 42.3958 33.6379 41.5491C33.0686 40.7025 32.7632 39.706 32.7602 38.6858C32.756 38.0075 32.886 37.3351 33.1427 36.7072C33.3995 36.0794 33.7779 35.5086 34.2563 35.0276C34.7346 34.5467 35.3034 34.1652 35.9298 33.905C36.5562 33.6449 37.228 33.5112 37.9063 33.5118ZM37.8826 36.0913C37.5462 36.0932 37.2134 36.1616 36.9034 36.2923C36.5934 36.4231 36.3122 36.6138 36.076 36.8534C35.8397 37.093 35.6531 37.3769 35.5268 37.6887C35.4004 38.0006 35.3369 38.3343 35.3397 38.6707C35.3441 39.0095 35.4151 39.344 35.5488 39.6553C35.6825 39.9666 35.8761 40.2485 36.1188 40.4849C36.6088 40.9624 37.2684 41.2257 37.9525 41.2169C38.2912 41.2125 38.6258 41.1414 38.9371 41.0078C39.2483 40.8741 39.5303 40.6804 39.7667 40.4378C40.0031 40.1952 40.1894 39.9084 40.315 39.5937C40.4406 39.2791 40.503 38.9428 40.4986 38.6041C40.4806 37.926 40.1962 37.2822 39.707 36.8123C39.2177 36.3424 38.5631 36.0841 37.8848 36.0934L37.8826 36.0913Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_2195_1637">
<rect width="79.9828" height="80" fill="white" transform="translate(0.508301 0.000244141)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
img/img_item.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 121 KiB

BIN
img/img_item1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 152 KiB

BIN
img/img_item2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

BIN
img/img_item3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

BIN
img/img_map.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 650 KiB

BIN
img/img_people.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 571 KiB

9
img/img_slide.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 1.0 MiB

9
img/img_slide1.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 1.3 MiB

9
img/img_slide2.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 753 KiB

9
img/img_slide3.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 1.4 MiB

9
img/img_slide4.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
img/img_team.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

BIN
img/img_team1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 133 KiB

BIN
img/img_team2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

BIN
img/img_team3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 140 KiB

9
img/leaf.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 2.8 MiB

Some files were not shown because too many files have changed in this diff Show More