Compare commits
2 Commits
vectorbloc
...
cc7b5c4091
| Author | SHA1 | Date | |
|---|---|---|---|
| cc7b5c4091 | |||
| b9f0ea69f4 |
133
.gitignore
vendored
133
.gitignore
vendored
@@ -1,133 +0,0 @@
|
||||
# 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
|
||||
306
account.html
Normal file
306
account.html
Normal file
@@ -0,0 +1,306 @@
|
||||
<!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>
|
||||
283
adress.html
Normal file
283
adress.html
Normal file
@@ -0,0 +1,283 @@
|
||||
<!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&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>
|
||||
283
adress2.html
Normal file
283
adress2.html
Normal file
@@ -0,0 +1,283 @@
|
||||
<!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&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>
|
||||
@@ -1,149 +0,0 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');
|
||||
|
||||
@font-face {
|
||||
font-family: 'DIN Pro';
|
||||
src: url('../fonts/DINPro-Medium.eot');
|
||||
src: local('DIN Pro Medium'), local('DINPro-Medium'),
|
||||
url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/DINPro-Medium.woff') format('woff'),
|
||||
url('../fonts/DINPro-Medium.ttf') format('truetype');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'DIN Pro';
|
||||
src: url('../fonts/DINPro-Black.eot');
|
||||
src: local('DIN Pro Black'), local('DINPro-Black'),
|
||||
url('../fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/DINPro-Black.woff') format('woff'),
|
||||
url('../fonts/DINPro-Black.ttf') format('truetype');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
html,
|
||||
body,
|
||||
div,
|
||||
span,
|
||||
applet,
|
||||
object,
|
||||
iframe,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
blockquote,
|
||||
pre,
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
big,
|
||||
cite,
|
||||
code,
|
||||
del,
|
||||
dfn,
|
||||
em,
|
||||
img,
|
||||
ins,
|
||||
kbd,
|
||||
q,
|
||||
s,
|
||||
samp,
|
||||
small,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
sup,
|
||||
tt,
|
||||
var,
|
||||
b,
|
||||
u,
|
||||
i,
|
||||
center,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
ol,
|
||||
ul,
|
||||
li,
|
||||
fieldset,
|
||||
form,
|
||||
label,
|
||||
legend,
|
||||
table,
|
||||
caption,
|
||||
tbody,
|
||||
tfoot,
|
||||
thead,
|
||||
tr,
|
||||
th,
|
||||
td,
|
||||
article,
|
||||
aside,
|
||||
canvas,
|
||||
details,
|
||||
embed,
|
||||
figure,
|
||||
figcaption,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
output,
|
||||
ruby,
|
||||
section,
|
||||
summary,
|
||||
time,
|
||||
mark,
|
||||
audio,
|
||||
video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
ol,
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote,
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before,
|
||||
blockquote:after,
|
||||
q:before,
|
||||
q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
@@ -1,869 +0,0 @@
|
||||
:root {
|
||||
--clr-general: #00071e;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
html {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
body {
|
||||
font-family: 'Onest', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: var(--clr-general);
|
||||
background: #f9f7f6;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
*[class*='__container'] {
|
||||
width: 100%;
|
||||
max-width: 1328px;
|
||||
margin: 0 auto;
|
||||
padding: 0 64px;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
.flex-ac {
|
||||
align-items: center;
|
||||
}
|
||||
.flex-jcsb {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.gap-10 {
|
||||
gap: 10px;
|
||||
}
|
||||
.gap-24 {
|
||||
gap: 24px;
|
||||
}
|
||||
.gap-42 {
|
||||
gap: 42px;
|
||||
}
|
||||
|
||||
/* Title */
|
||||
h1 {
|
||||
font-family: 'DIN Pro', sans-serif;
|
||||
font-weight: 500;
|
||||
font-size: 66px;
|
||||
line-height: 110%;
|
||||
letter-spacing: -0.04em;
|
||||
text-transform: uppercase;
|
||||
background: linear-gradient(
|
||||
142deg,
|
||||
rgba(255, 255, 255, 0) 0%,
|
||||
rgba(255, 255, 255, 0.22) 42%,
|
||||
rgba(255, 255, 255, 0) 100%
|
||||
),
|
||||
var(--clr-general);
|
||||
background-clip: text;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
h1 b,
|
||||
h1 strong {
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
h1 span {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0px 16px;
|
||||
letter-spacing: -0.02em;
|
||||
border-radius: 14px;
|
||||
background: linear-gradient(
|
||||
142deg,
|
||||
rgba(255, 255, 255, 0) 0%,
|
||||
rgba(255, 255, 255, 0.15) 41.5%,
|
||||
rgba(255, 255, 255, 0) 100%
|
||||
),
|
||||
#ff875c;
|
||||
font-weight: 500;
|
||||
font-size: 46px;
|
||||
line-height: 135%;
|
||||
position: relative;
|
||||
background-clip: initial;
|
||||
-webkit-background-clip: initial;
|
||||
-webkit-text-fill-color: initial;
|
||||
margin-top: 6px;
|
||||
color: #fff;
|
||||
text-transform: initial;
|
||||
}
|
||||
|
||||
/* Button */
|
||||
.btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 12px 24px 0 rgba(255, 204, 0, 0.25);
|
||||
background: linear-gradient(
|
||||
322deg,
|
||||
rgba(255, 255, 255, 0) 0%,
|
||||
rgba(255, 255, 255, 0.32) 41.5%,
|
||||
rgba(255, 255, 255, 0) 100%
|
||||
),
|
||||
#fc0;
|
||||
border: none;
|
||||
outline: none;
|
||||
font-weight: 600;
|
||||
font-size: 15px;
|
||||
line-height: 140%;
|
||||
color: var(--clr-general);
|
||||
cursor: pointer;
|
||||
transition: all 0.15s ease-in-out;
|
||||
}
|
||||
.btn:hover {
|
||||
box-shadow: 0 1px 14px 0 rgba(255, 204, 0, 0.2);
|
||||
transform: scale(0.98);
|
||||
}
|
||||
.btn-small {
|
||||
border-radius: 14px;
|
||||
padding: 17px 24px;
|
||||
}
|
||||
.btn-big {
|
||||
height: 72px;
|
||||
font-size: 16px;
|
||||
border-radius: 20px;
|
||||
padding: 20px 24px;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
}
|
||||
.header__container {
|
||||
position: absolute;
|
||||
top: 24px;
|
||||
z-index: 2;
|
||||
}
|
||||
.header__logo {
|
||||
max-width: 280px;
|
||||
}
|
||||
.header__logo p {
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 130%;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.header__contacts {
|
||||
}
|
||||
.header__socials {
|
||||
}
|
||||
.header__socials-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 47px;
|
||||
height: 47px;
|
||||
border-radius: 9px;
|
||||
box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07);
|
||||
background: #fff;
|
||||
transition: transform 0.2s ease-in-out;
|
||||
}
|
||||
.header__socials-link:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
.header__tel {
|
||||
font-weight: 700;
|
||||
font-size: 22px;
|
||||
letter-spacing: -0.03em;
|
||||
color: var(--clr-general);
|
||||
text-decoration: none;
|
||||
transition: opacity 0.2s ease-in-out;
|
||||
}
|
||||
.header__tel:hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* Hero */
|
||||
.hero {
|
||||
padding-top: 160px;
|
||||
padding-bottom: 92px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.hero::after {
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('../img/bg_after.webp') bottom left no-repeat;
|
||||
background-size: contain;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
.hero::before {
|
||||
content: '';
|
||||
width: 220px;
|
||||
height: 295px;
|
||||
background: url('../img/bg_before.webp') center no-repeat;
|
||||
background-size: contain;
|
||||
position: absolute;
|
||||
bottom: 200px;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
animation: herobefore 6s ease-in-out infinite;
|
||||
}
|
||||
@keyframes herobefore {
|
||||
0%,
|
||||
100% {
|
||||
transform: translateY(0) translateX(0);
|
||||
}
|
||||
40%,
|
||||
60% {
|
||||
transform: translateY(20px) translateX(-2px);
|
||||
}
|
||||
}
|
||||
.hero__img {
|
||||
}
|
||||
.hero__content {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 64px;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.hero__content::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -60px;
|
||||
right: -595px;
|
||||
width: 1230px;
|
||||
height: 830px;
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
background: url('../img/hero-img-full.webp') center no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.hero__leftside {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 42px;
|
||||
max-width: 590px;
|
||||
}
|
||||
.hero__title {
|
||||
}
|
||||
.hero__title h1 {
|
||||
}
|
||||
.hero__desc {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
.hero__desc p {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
line-height: 130%;
|
||||
padding: 12px 20px 12px 18px;
|
||||
border-radius: 12px;
|
||||
border: 1px solid rgba(0, 7, 30, 0.15);
|
||||
box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.01);
|
||||
}
|
||||
.hero__desc p::before {
|
||||
display: none;
|
||||
content: '';
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background: url('../img/i-info.svg') center no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.hero__desc p b {
|
||||
font-weight: 700;
|
||||
}
|
||||
.hero__price {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 24px;
|
||||
border-radius: 28px;
|
||||
padding: 6px;
|
||||
box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.02);
|
||||
background: #fff;
|
||||
}
|
||||
.hero__price-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 24px;
|
||||
width: 100%;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.hero__price-header span {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 12px;
|
||||
border-radius: 14px;
|
||||
padding: 14px;
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
line-height: 140%;
|
||||
color: #fff;
|
||||
width: 100%;
|
||||
border-right: 3px solid #54596c;
|
||||
border-left: 3px solid #54596c;
|
||||
background: linear-gradient(
|
||||
329deg,
|
||||
rgba(255, 255, 255, 0) 9.59%,
|
||||
rgba(255, 255, 255, 0.1) 47.6%,
|
||||
rgba(255, 255, 255, 0) 100%
|
||||
),
|
||||
var(--clr-general);
|
||||
}
|
||||
.hero__price-header span::before {
|
||||
content: '';
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
background: url('../img/i-percent.svg') center no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.hero__price-header p {
|
||||
font-weight: 500;
|
||||
font-size: 16.5px;
|
||||
line-height: 130%;
|
||||
}
|
||||
.hero__price-header p b {
|
||||
font-weight: 600;
|
||||
color: #ffcc02;
|
||||
}
|
||||
.hero__price-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 32px;
|
||||
}
|
||||
.hero__price-stock {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
gap: 2px;
|
||||
}
|
||||
.hero__price-stock span {
|
||||
font-weight: 500;
|
||||
font-size: 20px;
|
||||
line-height: 140%;
|
||||
letter-spacing: -0.02em;
|
||||
text-decoration: line-through;
|
||||
text-align: right;
|
||||
opacity: 0.4;
|
||||
}
|
||||
.hero__price-stock p {
|
||||
font-weight: 700;
|
||||
font-size: 30px;
|
||||
line-height: 140%;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
.hero__price-unit {
|
||||
border-radius: 10px;
|
||||
padding: 7px 14px;
|
||||
background: linear-gradient(
|
||||
322deg,
|
||||
rgba(255, 255, 255, 0) 0%,
|
||||
rgba(255, 255, 255, 0.34) 41.5%,
|
||||
rgba(255, 255, 255, 0) 100%
|
||||
),
|
||||
#fc0;
|
||||
}
|
||||
.hero__price-unit p {
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
line-height: 140%;
|
||||
}
|
||||
.hero__rightside {
|
||||
}
|
||||
.hero__form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 24px;
|
||||
max-width: 490px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.7);
|
||||
border-radius: 26px;
|
||||
padding: 12px;
|
||||
padding-bottom: 32px;
|
||||
box-shadow: 0 10px 42px 0 rgba(0, 0, 0, 0.17);
|
||||
background: linear-gradient(
|
||||
142deg,
|
||||
rgba(255, 255, 255, 0) 0%,
|
||||
rgba(255, 255, 255, 0.2) 41.5%,
|
||||
rgba(255, 255, 255, 0) 100%
|
||||
),
|
||||
#f2f2f2;
|
||||
}
|
||||
.hero__form-title {
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
max-width: 320px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.hero__form-title p {
|
||||
font-weight: 500;
|
||||
font-size: 17.5px;
|
||||
line-height: 130%;
|
||||
letter-spacing: -0.02em;
|
||||
text-align: center;
|
||||
}
|
||||
.hero__form-title p b {
|
||||
font-weight: 600;
|
||||
}
|
||||
.hero__form-action {
|
||||
padding-left: 24px;
|
||||
padding-right: 24px;
|
||||
}
|
||||
.hero__form-action form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
}
|
||||
.hero__form-action select,
|
||||
.hero__form-action input {
|
||||
width: 100%;
|
||||
height: 72px;
|
||||
border: none;
|
||||
outline: none;
|
||||
border-radius: 20px;
|
||||
padding: 12px 32px;
|
||||
background: #fff;
|
||||
font-family: 'Onest', sans-serif;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
color: var(--clr-general);
|
||||
transition: color 0.15s ease-in-out;
|
||||
}
|
||||
.hero__form-action input:hover::placeholder,
|
||||
.hero__form-action select:hover {
|
||||
color: rgba(28, 27, 27, 0.75);
|
||||
}
|
||||
.hero__form-action select {
|
||||
color: rgba(28, 27, 27, 0.5);
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
text-indent: 1px;
|
||||
text-overflow: '';
|
||||
position: relative;
|
||||
background: url('../img/i-select.svg') center no-repeat #fff;
|
||||
background-size: 18px;
|
||||
background-position-x: calc(100% - 32px);
|
||||
cursor: pointer;
|
||||
}
|
||||
.hero__form-action select::-ms-expand {
|
||||
display: none;
|
||||
}
|
||||
.hero__form-action select:has(option[value='']:not(:checked)) {
|
||||
color: var(--clr-general);
|
||||
}
|
||||
.hero__form-action input::placeholder {
|
||||
color: rgba(28, 27, 27, 0.5);
|
||||
transition: color 0.15s ease-in-out;
|
||||
}
|
||||
.hero__form-gift {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 10px;
|
||||
margin-top: 8px;
|
||||
border-radius: 20px;
|
||||
padding: 24px 12px 24px 24px;
|
||||
background: linear-gradient(
|
||||
130deg,
|
||||
rgba(255, 255, 255, 0) 30%,
|
||||
rgba(255, 255, 255, 0.24) 80%,
|
||||
rgba(255, 255, 255, 0) 100%
|
||||
),
|
||||
var(--clr-general);
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.hero__form-gift::after {
|
||||
content: '';
|
||||
width: 150px;
|
||||
height: 105px;
|
||||
z-index: -1;
|
||||
pointer-events: none;
|
||||
background: url('../img/gift.webp') center no-repeat;
|
||||
background-size: cover;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
.hero__form-gift p {
|
||||
display: inline-flex;
|
||||
border-radius: 90px;
|
||||
padding: 4px 12px;
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 140%;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
}
|
||||
.hero__form-gift ul {
|
||||
list-style-type: disc;
|
||||
padding-left: 24px;
|
||||
}
|
||||
.hero__form-gift ul li {
|
||||
list-style-type: disc;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
line-height: 140%;
|
||||
color: #fff;
|
||||
}
|
||||
.hero__advantages {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 24px;
|
||||
margin-top: 92px;
|
||||
margin-top: 72px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.hero__advantages-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
border-radius: 24px;
|
||||
padding: 24px 14px;
|
||||
box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.01);
|
||||
background: #fff;
|
||||
}
|
||||
.hero__advantages-item p {
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 140%;
|
||||
text-align: center;
|
||||
}
|
||||
.hero__advantages-icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 20px;
|
||||
min-width: 60px;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background: linear-gradient(
|
||||
329deg,
|
||||
rgba(255, 255, 255, 0) 9.59%,
|
||||
rgba(255, 255, 255, 0.1) 47.6%,
|
||||
rgba(255, 255, 255, 0) 100%
|
||||
),
|
||||
var(--clr-general);
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.footer {
|
||||
background: linear-gradient(
|
||||
329deg,
|
||||
rgba(255, 255, 255, 0) 9.59%,
|
||||
rgba(255, 255, 255, 0.02) 47.6%,
|
||||
rgba(255, 255, 255, 0) 100%
|
||||
),
|
||||
var(--clr-general);
|
||||
padding-top: 42px;
|
||||
padding-bottom: 52px;
|
||||
color: #fff;
|
||||
}
|
||||
.footer__container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 42px;
|
||||
}
|
||||
.footer__top {
|
||||
display: grid;
|
||||
align-items: center;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
.footer__logo {
|
||||
}
|
||||
.footer__logo p {
|
||||
font-weight: 500;
|
||||
font-size: 13px;
|
||||
line-height: 140%;
|
||||
max-width: 210px;
|
||||
}
|
||||
.footer__address {
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
.footer__contacts {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
gap: 46px;
|
||||
}
|
||||
.footer__tel {
|
||||
font-weight: 700;
|
||||
font-size: 22px;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
transition: color 0.15s ease-in-out;
|
||||
}
|
||||
.footer__tel:hover {
|
||||
color: #fc0;
|
||||
}
|
||||
.footer__socials {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
.footer__socials-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 9px;
|
||||
padding: 10px;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.07);
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
transition: transform 0.2s ease-in-out;
|
||||
}
|
||||
.footer__socials-link:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
.footer__bottom {
|
||||
display: grid;
|
||||
align-items: center;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
.footer__bottom p,
|
||||
.footer__bottom a {
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.footer__bottom a {
|
||||
transition: opacity 0.2s ease-in-out;
|
||||
}
|
||||
.footer__bottom a:hover {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.footer__bottom a:nth-child(2) {
|
||||
text-align: center;
|
||||
}
|
||||
.footer__bottom a:nth-child(3) {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* Preloader */
|
||||
.preloader {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 7, 30, 0.8);
|
||||
-webkit-transition: opacity 0.2s linear;
|
||||
transition: opacity 0.2s linear;
|
||||
opacity: 1;
|
||||
z-index: 200;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.preloader.hidden {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.preloader.hidden .preloader__icon {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.preloader__icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect fill="%23FFCC00" stroke="%23FFCC00" stroke-width="15" width="30" height="30" x="25" y="50"><animate attributeName="y" calcMode="spline" dur="2" values="50;120;50;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.4"></animate></rect><rect fill="%23FFCC00" stroke="%23FFCC00" stroke-width="15" width="30" height="30" x="85" y="50"><animate attributeName="y" calcMode="spline" dur="2" values="50;120;50;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.2"></animate></rect><rect fill="%23FFCC00" stroke="%23FFCC00" stroke-width="15" width="30" height="30" x="145" y="50"><animate attributeName="y" calcMode="spline" dur="2" values="50;120;50;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="0"></animate></rect></svg>');
|
||||
background-size: contain;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity 0.2s linear;
|
||||
transition: opacity 0.2s linear;
|
||||
}
|
||||
|
||||
/* Modal */
|
||||
#modal__bg {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 7, 30, 0.8);
|
||||
z-index: 155;
|
||||
opacity: 0;
|
||||
}
|
||||
.modal {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 255;
|
||||
padding: 42px;
|
||||
background: #fff;
|
||||
border-radius: 32px;
|
||||
opacity: 0;
|
||||
}
|
||||
.modal.opened,
|
||||
#modal__bg.opened {
|
||||
display: flex;
|
||||
opacity: 1;
|
||||
}
|
||||
.modal__close {
|
||||
position: absolute;
|
||||
top: -32px;
|
||||
right: -32px;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
background: url('../img/i-close.svg') center no-repeat;
|
||||
background-size: 20px;
|
||||
border-radius: 12px;
|
||||
cursor: pointer;
|
||||
transition: opacity 0.15s ease-in-out;
|
||||
}
|
||||
.modal__close:hover {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.modal__content {
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
line-height: 145%;
|
||||
}
|
||||
.modal__content p {
|
||||
}
|
||||
.modal__content span {
|
||||
display: inline-flex;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.modal__title {
|
||||
max-width: 420px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.modal__title p {
|
||||
font-family: 'DIN Pro', sans-serif;
|
||||
font-size: 26px;
|
||||
font-weight: 500;
|
||||
line-height: 130%;
|
||||
text-align: center;
|
||||
letter-spacing: -0.04em;
|
||||
text-transform: uppercase;
|
||||
background: linear-gradient(
|
||||
142deg,
|
||||
rgba(255, 255, 255, 0) 0%,
|
||||
rgba(255, 255, 255, 0.22) 42%,
|
||||
rgba(255, 255, 255, 0) 100%
|
||||
),
|
||||
var(--clr-general);
|
||||
background-clip: text;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.modal__title p b,
|
||||
.modal__title p strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
.modal__form {
|
||||
}
|
||||
.modal__form form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
width: 100%;
|
||||
}
|
||||
.modal__form form input {
|
||||
width: 100%;
|
||||
height: 72px;
|
||||
border: none;
|
||||
outline: none;
|
||||
border-radius: 20px;
|
||||
padding: 12px 32px;
|
||||
background: linear-gradient(
|
||||
142deg,
|
||||
rgba(255, 255, 255, 0) 0%,
|
||||
rgba(255, 255, 255, 0.2) 41.5%,
|
||||
rgba(255, 255, 255, 0) 100%
|
||||
),
|
||||
#f2f2f2;
|
||||
font-family: 'Onest', sans-serif;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
color: var(--clr-general);
|
||||
transition: color 0.25s ease-in-out;
|
||||
}
|
||||
.modal__form form input::placeholder {
|
||||
color: rgba(28, 27, 27, 0.5);
|
||||
transition: color 0.15s ease-in-out;
|
||||
}
|
||||
.modal__form form input:hover::placeholder {
|
||||
color: rgba(28, 27, 27, 0.8);
|
||||
}
|
||||
|
||||
/* Form */
|
||||
form.sending {
|
||||
position: relative;
|
||||
}
|
||||
form.sending::before,
|
||||
form.sending::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
}
|
||||
form.sending::after {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgb(245 245 245 / 60%);
|
||||
z-index: 10;
|
||||
}
|
||||
section.modal form.sending::after {
|
||||
background: rgb(255 255 255 / 60%);
|
||||
}
|
||||
form::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect fill="%23FFCC00" stroke="%23FFCC00" stroke-width="15" width="30" height="30" x="25" y="50"><animate attributeName="y" calcMode="spline" dur="2" values="50;120;50;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.4"></animate></rect><rect fill="%23FFCC00" stroke="%23FFCC00" stroke-width="15" width="30" height="30" x="85" y="50"><animate attributeName="y" calcMode="spline" dur="2" values="50;120;50;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.2"></animate></rect><rect fill="%23FFCC00" stroke="%23FFCC00" stroke-width="15" width="30" height="30" x="145" y="50"><animate attributeName="y" calcMode="spline" dur="2" values="50;120;50;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="0"></animate></rect></svg>');
|
||||
background-size: contain;
|
||||
transform: translate(-50%, -50%);
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
form.sending::before {
|
||||
opacity: 1;
|
||||
z-index: 15;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) and (min-width: 992px) {
|
||||
.hero__content {
|
||||
flex-direction: column;
|
||||
}
|
||||
.hero__content::after {
|
||||
opacity: 0.2;
|
||||
}
|
||||
.footer__socials {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -1,250 +0,0 @@
|
||||
@media screen and (max-width: 576px) {
|
||||
.hero__rightside {
|
||||
width: 100%;
|
||||
}
|
||||
.hero__price {
|
||||
margin-top: 24px;
|
||||
}
|
||||
.hero__content::after {
|
||||
right: -320px;
|
||||
top: 290px;
|
||||
}
|
||||
.hero__desc {
|
||||
gap: 6px;
|
||||
}
|
||||
.hero__desc p {
|
||||
font-size: 13px;
|
||||
padding: 8px 12px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.hero__desc img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.hero__leftside {
|
||||
gap: 18px;
|
||||
}
|
||||
.hero__advantages {
|
||||
margin-top: 42px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 540px) {
|
||||
.header__container {
|
||||
align-items: flex-start;
|
||||
gap: 24px;
|
||||
padding-bottom: 20px;
|
||||
top: 20px;
|
||||
}
|
||||
.header__container::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 24px;
|
||||
width: calc(100% - 48px);
|
||||
height: 1px;
|
||||
background: #e7e7e7;
|
||||
}
|
||||
.header__logo {
|
||||
max-width: 240px;
|
||||
}
|
||||
.header__logo img {
|
||||
width: 50px;
|
||||
}
|
||||
.header__logo p {
|
||||
font-size: 9px;
|
||||
}
|
||||
.header__socials {
|
||||
gap: 6px;
|
||||
}
|
||||
.header__contacts {
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
justify-content: flex-end;
|
||||
gap: 6px;
|
||||
}
|
||||
.header__contacts .header__tel {
|
||||
}
|
||||
.header__tel {
|
||||
font-size: 20px;
|
||||
margin: 0;
|
||||
}
|
||||
.hero {
|
||||
padding-top: 110px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 470px) {
|
||||
h1 {
|
||||
font-size: 39px;
|
||||
text-align: left;
|
||||
}
|
||||
h1 span {
|
||||
font-size: 32px;
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
border-radius: 10px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
.hero__leftside {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.hero__price {
|
||||
margin-top: 12px;
|
||||
}
|
||||
.hero__content {
|
||||
gap: 34px;
|
||||
}
|
||||
.hero__content::after {
|
||||
opacity: 0.6;
|
||||
right: -125px;
|
||||
width: 200px;
|
||||
height: 140px;
|
||||
background-size: contain;
|
||||
top: 10px;
|
||||
}
|
||||
.hero::before {
|
||||
opacity: 0.4;
|
||||
}
|
||||
.hero__form-gift {
|
||||
overflow: hidden;
|
||||
}
|
||||
.hero__form-gift::after {
|
||||
right: -10%;
|
||||
opacity: 0.6;
|
||||
}
|
||||
.hero__advantages {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 6px;
|
||||
}
|
||||
.hero__price {
|
||||
border-radius: 12px;
|
||||
padding: 10px;
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
.hero__price-header {
|
||||
gap: 10px;
|
||||
padding: 10px;
|
||||
padding-bottom: 0;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.hero__price-header p {
|
||||
font-size: 13.5px;
|
||||
}
|
||||
.hero__price-header span {
|
||||
border-radius: 10px;
|
||||
border: none;
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
gap: 7px;
|
||||
}
|
||||
.hero__price-header span::before {
|
||||
min-width: 18px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
.hero__price-stock p {
|
||||
font-size: 20px;
|
||||
}
|
||||
.hero__price-stock span {
|
||||
font-size: 15px;
|
||||
}
|
||||
.hero__price-unit {
|
||||
border-radius: 8px;
|
||||
padding: 6px 12px;
|
||||
}
|
||||
.hero__price-unit p {
|
||||
font-size: 13px;
|
||||
}
|
||||
.hero__price-content {
|
||||
gap: 10px;
|
||||
}
|
||||
.header__logo {
|
||||
width: 100%;
|
||||
}
|
||||
.header__container {
|
||||
align-items: center;
|
||||
}
|
||||
.header__tel {
|
||||
font-size: 18px;
|
||||
}
|
||||
.hero__form {
|
||||
gap: 20px;
|
||||
padding: 0 0 20px 0;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.hero__form-title p {
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 390px) {
|
||||
h1 {
|
||||
font-size: 36px;
|
||||
}
|
||||
h1 span {
|
||||
font-size: 29px;
|
||||
}
|
||||
.header__logo img {
|
||||
width: 42px;
|
||||
}
|
||||
.header__logo p {
|
||||
font-size: 9px;
|
||||
}
|
||||
.header__tel {
|
||||
font-size: 17px;
|
||||
}
|
||||
.hero__form-action select,
|
||||
.hero__form-action input {
|
||||
height: 60px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.hero__price-header p {
|
||||
font-size: 12px;
|
||||
}
|
||||
.hero__content::after {
|
||||
right: -140px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 375px) {
|
||||
*[class*='__container'] {
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
.header__container {
|
||||
gap: 0;
|
||||
}
|
||||
h1 {
|
||||
font-size: 34px;
|
||||
}
|
||||
.hero__desc::before {
|
||||
display: none;
|
||||
}
|
||||
.header__logo img {
|
||||
width: 39px;
|
||||
}
|
||||
.header__tel {
|
||||
font-size: 16.5px;
|
||||
}
|
||||
.hero__form-action select,
|
||||
.hero__form-action input {
|
||||
font-size: 13.5px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 360px) {
|
||||
.hero__desc {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.hero__price-header span {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
gap: 12px;
|
||||
}
|
||||
.hero__content {
|
||||
gap: 20px;
|
||||
}
|
||||
.hero__price-header span::before {
|
||||
min-width: 20px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
@@ -1,255 +0,0 @@
|
||||
*[class*='__container'] {
|
||||
padding: 0 42px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 52px;
|
||||
}
|
||||
h1 span {
|
||||
font-size: 42px;
|
||||
margin-top: 0;
|
||||
top: -2px;
|
||||
}
|
||||
.hero__content {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.hero__leftside {
|
||||
max-width: 100%;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
.hero__content::after {
|
||||
opacity: 0.1;
|
||||
right: -140px;
|
||||
}
|
||||
.footer__tel {
|
||||
font-size: 17px;
|
||||
}
|
||||
.header__contacts {
|
||||
gap: 10px;
|
||||
}
|
||||
.header__contacts button.btn,
|
||||
.header__contacts .header__tel p {
|
||||
display: none;
|
||||
}
|
||||
.header__contacts .header__tel {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 47px;
|
||||
height: 47px;
|
||||
border-radius: 9px;
|
||||
position: relative;
|
||||
padding: 0;
|
||||
background: linear-gradient(
|
||||
322deg,
|
||||
rgba(255, 255, 255, 0) 0%,
|
||||
rgba(255, 255, 255, 0.32) 41.5%,
|
||||
rgba(255, 255, 255, 0) 100%
|
||||
),
|
||||
#fc0;
|
||||
}
|
||||
.header__contacts .header__tel::before {
|
||||
content: '';
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background: url('../img/i-tel.svg') center no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.hero__advantages {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
.hero__advantages-item {
|
||||
flex-direction: row;
|
||||
}
|
||||
.hero__advantages-item p {
|
||||
text-align: left;
|
||||
}
|
||||
.hero__advantages-item p br {
|
||||
content: '';
|
||||
padding: 0;
|
||||
}
|
||||
.footer__logo {
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
.footer__tel {
|
||||
font-size: 19px;
|
||||
}
|
||||
.footer__contacts {
|
||||
gap: 24px;
|
||||
}
|
||||
.footer__top,
|
||||
.footer__bottom {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 32px;
|
||||
}
|
||||
.footer__bottom {
|
||||
gap: 12px;
|
||||
}
|
||||
.footer__bottom p {
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
@media screen and (max-width: 740px) {
|
||||
.header__logo {
|
||||
max-width: 200px;
|
||||
gap: 12px;
|
||||
}
|
||||
.header__logo img {
|
||||
width: 64px;
|
||||
height: auto;
|
||||
}
|
||||
.header__logo p {
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 670px) {
|
||||
.header__socials-link,
|
||||
.footer__socials-link,
|
||||
.header__contacts .header__tel {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
.header__socials-link img,
|
||||
.footer__socials-link img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.header__contacts .header__tel::before {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.header__tel,
|
||||
.footer__tel {
|
||||
font-size: 18px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 49px;
|
||||
}
|
||||
h1 span {
|
||||
font-size: 39px;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 620px) {
|
||||
*[class*='__container'] {
|
||||
padding: 0 24px;
|
||||
}
|
||||
.header__logo {
|
||||
max-width: 140px;
|
||||
gap: 14px;
|
||||
}
|
||||
.header__logo img {
|
||||
width: 56px;
|
||||
}
|
||||
.hero__advantages {
|
||||
gap: 16px;
|
||||
}
|
||||
.hero__advantages-item {
|
||||
gap: 14px;
|
||||
padding: 16px 14px;
|
||||
border-radius: 16px;
|
||||
}
|
||||
.hero__advantages-icon {
|
||||
min-width: 46px;
|
||||
width: 46px;
|
||||
height: 46px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.hero__advantages-icon img {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
.hero__advantages-item p {
|
||||
font-size: 14px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 42px;
|
||||
}
|
||||
h1 span {
|
||||
font-size: 32px;
|
||||
}
|
||||
.header__socials-link,
|
||||
.footer__socials-link,
|
||||
.header__contacts .header__tel {
|
||||
width: 37px;
|
||||
height: 37px;
|
||||
}
|
||||
.header__socials-link img,
|
||||
.footer__socials-link img {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
.header__contacts .header__tel::before {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
.hero {
|
||||
padding-top: 140px;
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
.hero__leftside {
|
||||
gap: 24px;
|
||||
}
|
||||
.hero__desc::before {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.hero__desc p {
|
||||
font-size: 16px;
|
||||
}
|
||||
.hero__price {
|
||||
gap: 12px;
|
||||
margin-right: auto;
|
||||
}
|
||||
.hero__price-header,
|
||||
.hero__price-content {
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
}
|
||||
.hero__price-stock {
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
.hero__price-header p {
|
||||
font-size: 16px;
|
||||
}
|
||||
.hero__price-stock span {
|
||||
font-size: 18px;
|
||||
}
|
||||
.hero__price-stock p {
|
||||
font-size: 24px;
|
||||
}
|
||||
.hero__price-unit {
|
||||
}
|
||||
.hero__price-unit p {
|
||||
font-size: 16px;
|
||||
}
|
||||
.hero__content::after {
|
||||
opacity: 1;
|
||||
right: -290px;
|
||||
width: 620px;
|
||||
height: 420px;
|
||||
background-size: contain;
|
||||
top: 230px;
|
||||
}
|
||||
.hero__form-title p {
|
||||
font-size: 16px;
|
||||
max-width: 390px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.hero__form-action select,
|
||||
.hero__form-action input,
|
||||
.btn-big {
|
||||
font-size: 15px;
|
||||
}
|
||||
.hero__form-gift p,
|
||||
.hero__form-gift ul li {
|
||||
font-size: 14px;
|
||||
}
|
||||
.hero__advantages {
|
||||
margin-top: 64px;
|
||||
}
|
||||
}
|
||||
2964
assets/css/style.css
Normal file
2964
assets/css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
BIN
assets/font/CraftworkGrotesk-Bold.woff
Normal file
BIN
assets/font/CraftworkGrotesk-Bold.woff
Normal file
Binary file not shown.
BIN
assets/font/CraftworkGrotesk-Bold.woff2
Normal file
BIN
assets/font/CraftworkGrotesk-Bold.woff2
Normal file
Binary file not shown.
BIN
assets/font/CraftworkGrotesk-Heavy.woff
Normal file
BIN
assets/font/CraftworkGrotesk-Heavy.woff
Normal file
Binary file not shown.
BIN
assets/font/CraftworkGrotesk-Heavy.woff2
Normal file
BIN
assets/font/CraftworkGrotesk-Heavy.woff2
Normal file
Binary file not shown.
BIN
assets/font/CraftworkGrotesk-Medium.woff
Normal file
BIN
assets/font/CraftworkGrotesk-Medium.woff
Normal file
Binary file not shown.
BIN
assets/font/CraftworkGrotesk-Medium.woff2
Normal file
BIN
assets/font/CraftworkGrotesk-Medium.woff2
Normal file
Binary file not shown.
BIN
assets/font/CraftworkGrotesk-Regular.woff
Normal file
BIN
assets/font/CraftworkGrotesk-Regular.woff
Normal file
Binary file not shown.
BIN
assets/font/CraftworkGrotesk-Regular.woff2
Normal file
BIN
assets/font/CraftworkGrotesk-Regular.woff2
Normal file
Binary file not shown.
BIN
assets/font/CraftworkGrotesk-SemiBold.woff
Normal file
BIN
assets/font/CraftworkGrotesk-SemiBold.woff
Normal file
Binary file not shown.
BIN
assets/font/CraftworkGrotesk-SemiBold.woff2
Normal file
BIN
assets/font/CraftworkGrotesk-SemiBold.woff2
Normal file
Binary file not shown.
BIN
assets/font/CraftworkGrotesk.woff
Normal file
BIN
assets/font/CraftworkGrotesk.woff
Normal file
Binary file not shown.
BIN
assets/font/CraftworkGrotesk.woff2
Normal file
BIN
assets/font/CraftworkGrotesk.woff2
Normal file
Binary file not shown.
54
assets/font/stylesheet.css
Normal file
54
assets/font/stylesheet.css
Normal file
@@ -0,0 +1,54 @@
|
||||
@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.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
assets/img/account1.png
Normal file
BIN
assets/img/account1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
assets/img/account2.png
Normal file
BIN
assets/img/account2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
assets/img/account3.png
Normal file
BIN
assets/img/account3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
assets/img/account4.png
Normal file
BIN
assets/img/account4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
assets/img/account5.png
Normal file
BIN
assets/img/account5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
@@ -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="M23.4873 2.39045L25.9881 4.2624C26.6721 4.77436 27.392 5.03637 28.245 5.08387L31.3639 5.25736C33.2315 5.36121 34.7484 6.63393 35.1749 8.45519L35.8875 11.4967C36.0823 12.3285 36.4654 12.9919 37.0883 13.5766L39.3661 15.7144C40.7299 16.9944 41.0737 18.9444 40.23 20.6137L38.8207 23.4015C38.4354 24.164 38.3023 24.9184 38.4037 25.7667L38.7745 28.8685C38.9965 30.7258 38.0064 32.4405 36.287 33.1769L33.4155 34.4067C32.6301 34.743 32.0432 35.2354 31.5757 35.9504L29.8659 38.5648C28.8421 40.1302 26.9815 40.8073 25.1911 40.2662L22.2009 39.3626C21.3831 39.1154 20.617 39.1154 19.7992 39.3626L16.809 40.2662C15.0186 40.8073 13.1579 40.1302 12.1342 38.5648L10.4244 35.9504C9.95674 35.2354 9.36989 34.743 8.5846 34.4067L5.71285 33.1767C3.99348 32.4403 3.00344 30.7256 3.22542 28.8683L3.5962 25.7666C3.69759 24.9183 3.56453 24.1638 3.17915 23.4014L1.76994 20.6135C0.926164 18.9443 1.26996 16.9943 2.63381 15.7142L4.91157 13.5764C5.53452 12.9918 5.91752 12.3283 6.11234 11.4965L6.82487 8.45502C7.25143 6.63385 8.76827 5.36113 10.6359 5.2572L13.7548 5.0837C14.6078 5.03629 15.3277 4.7742 16.0117 4.26224L18.5125 2.39029C20.0098 1.26958 21.9899 1.26958 23.4873 2.39045ZM19.4046 22.0713L16.6907 19.3574C15.9873 18.654 14.8463 18.654 14.143 19.3574C13.4395 20.0608 13.4395 21.2017 14.143 21.9051L18.1347 25.8968C18.8381 26.6001 19.9791 26.6002 20.6824 25.8968C23.0884 23.4907 25.4671 21.0576 27.862 18.6406C28.5604 17.9358 28.5581 16.7985 27.8542 16.0985C27.1502 15.3984 26.0097 15.4004 25.3106 16.1064L19.4046 22.0713ZM20.9999 7.5841C17.2953 7.5841 13.9412 9.08576 11.5134 11.5136C9.08565 13.9414 7.58398 17.2954 7.58398 21C7.58398 24.7046 9.08565 28.0586 11.5134 30.4864C13.9412 32.9142 17.2953 34.4159 20.9999 34.4159C24.7045 34.4159 28.0585 32.9142 30.4863 30.4864C32.9141 28.0586 34.4157 24.7046 34.4157 21C34.4157 17.2954 32.9141 13.9414 30.4863 11.5136C28.0585 9.08576 24.7045 7.5841 20.9999 7.5841ZM29.5583 12.4416C27.368 10.2513 24.3421 8.8966 20.9999 8.8966C17.6576 8.8966 14.6317 10.2513 12.4415 12.4416C10.2512 14.6318 8.89648 17.6577 8.89648 21C8.89648 24.3423 10.2512 27.3681 12.4415 29.5584C14.6317 31.7486 17.6576 33.1034 20.9999 33.1034C24.3421 33.1034 27.368 31.7486 29.5583 29.5585C31.7485 27.3682 33.1032 24.3423 33.1032 21.0001C33.1033 17.6577 31.7485 14.6318 29.5583 12.4416Z" fill="white"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.4 KiB |
@@ -1,3 +0,0 @@
|
||||
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M33.937 8.21272L31.312 1.65022C31.1172 1.1631 30.7809 0.745525 30.3464 0.45138C29.912 0.157236 29.3994 1.40132e-05 28.8748 0L13.1248 0C12.6001 1.40132e-05 12.0875 0.157236 11.6531 0.45138C11.2187 0.745525 10.8824 1.1631 10.6876 1.65022L8.06256 8.21272C7.81195 8.83841 7.81195 9.53659 8.06256 10.1623L10.6876 16.7248C10.8824 17.2119 11.2187 17.6295 11.6531 17.9236C12.0875 18.2178 12.6001 18.375 13.1248 18.375H14.4373C14.4373 19.8247 15.6126 21 17.0623 21H18.3748V22.0081C18.3748 25.1298 20.0827 27.9804 22.725 29.271C24.0894 29.9382 24.9373 31.2949 24.9373 32.8118C24.9373 34.9094 23.0967 36.75 20.9991 36.75C18.8285 36.75 17.0623 34.9838 17.0623 32.8125C17.0623 31.3628 15.8869 30.1875 14.4373 30.1875C12.9876 30.1875 11.8123 31.3628 11.8123 32.8125C11.8123 37.8786 15.9337 42 20.9991 42C25.9793 42 30.1873 37.792 30.1873 32.8118C30.1873 29.2729 28.2108 26.109 25.0296 24.5543C24.176 24.137 23.6248 23.138 23.6248 22.0081V21H24.9373C26.3869 21 27.5623 19.8247 27.5623 18.375H28.8748C29.3994 18.375 29.912 18.2178 30.3464 17.9236C30.7809 17.6295 31.1172 17.2119 31.312 16.7248L33.937 10.1623C34.1876 9.53659 34.1876 8.83841 33.937 8.21272ZM14.8748 14.4375H12.1076L15.6075 3.9375H18.3748L14.8748 14.4375ZM20.6334 14.4375H17.8662L21.3661 3.9375H24.1334L20.6334 14.4375ZM26.392 14.4375H23.6248L27.1247 3.9375H29.892L26.392 14.4375Z" fill="white"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -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="M16.6397 34.263L13.6801 40.559C13.6481 40.627 13.5982 40.6849 13.5356 40.7265C13.4731 40.7682 13.4004 40.7919 13.3253 40.7952C13.2503 40.7984 13.1758 40.7811 13.1099 40.7451C13.0439 40.709 12.9892 40.6556 12.9514 40.5907L10.8517 36.9772L6.73763 37.6979C6.66354 37.7109 6.5873 37.7033 6.51719 37.676C6.44709 37.6488 6.3858 37.6028 6.33998 37.5431C6.29416 37.4835 6.26556 37.4124 6.2573 37.3376C6.24903 37.2629 6.26141 37.1872 6.29309 37.119L9.65498 29.8747C9.90278 29.9924 10.0941 30.1053 10.2628 30.2472C10.7131 30.6254 10.9891 31.1968 11.8327 32.4867L11.8331 32.4873C12.885 34.0938 14.7901 34.8028 16.6397 34.263ZM22.9569 34.4322C24.4805 34.5324 25.9414 33.8179 26.8126 32.4873L26.8138 32.4856C27.6548 31.1967 27.9303 30.6256 28.3806 30.2477C28.6842 29.9929 29.0602 29.8314 29.7057 29.5677L32.3747 35.7988C32.4043 35.8679 32.4144 35.9438 32.4039 36.0183C32.3935 36.0927 32.3628 36.1629 32.3153 36.2211C32.2678 36.2794 32.2052 36.3236 32.1344 36.3488C32.0636 36.374 31.9872 36.3794 31.9136 36.3643L27.8208 35.5271L25.6212 39.0682C25.5813 39.1323 25.5246 39.1842 25.4573 39.2182C25.3899 39.2523 25.3145 39.2672 25.2393 39.2613C25.1641 39.2554 25.0919 39.229 25.0307 39.1849C24.9695 39.1408 24.9215 39.0807 24.8921 39.0112L22.9569 34.4322ZM33.2858 16.3508C33.6082 17.1302 33.5853 18.025 33.1798 18.8301C31.5957 21.9625 31.7117 21.2932 32.1312 24.778C32.2873 26.1166 31.5778 27.3526 30.3374 27.8791C27.1113 29.2623 27.6289 28.8251 25.7103 31.7655C24.974 32.8899 23.6309 33.3808 22.3415 32.9881C18.9815 31.9753 19.6598 31.9753 16.3043 32.9881C15.0103 33.3808 13.6717 32.8899 12.9354 31.7655C11.0123 28.8251 11.5344 29.2623 8.30835 27.8791C7.06787 27.3526 6.35395 26.1166 6.51462 24.778C6.9296 21.2932 7.05008 21.9625 5.46602 18.8301C4.85916 17.6253 5.10457 16.2198 6.09075 15.3006C8.64748 12.8956 8.30835 13.4845 9.10701 10.0667C9.41493 8.75485 10.5082 7.84008 11.8556 7.76423C15.3583 7.5679 14.7203 7.79997 17.5314 5.69832C18.6112 4.89069 20.0346 4.89069 21.1144 5.69832C21.175 5.74362 21.234 5.78784 21.2915 5.831C21.0087 6.68615 20.8556 7.60002 20.8556 8.54938C20.8556 9.38123 20.9732 10.1857 21.1924 10.9473C20.5784 10.8065 19.9505 10.7356 19.3207 10.7359C14.7114 10.7359 10.9499 14.4975 10.9499 19.1067C10.9499 23.716 14.7114 27.4775 19.3207 27.4775C23.9344 27.4775 27.6914 23.716 27.6914 19.1067C27.6914 18.3627 27.5935 17.6408 27.41 16.9533C28.0995 17.1256 28.8075 17.2125 29.5183 17.2121C30.8682 17.2121 32.1464 16.9026 33.2858 16.3508ZM19.566 13.9952L20.8284 17.3161C20.8666 17.417 20.9538 17.4797 21.0601 17.4851L24.61 17.6596C24.8527 17.6705 24.9509 17.9759 24.7627 18.1259L21.9926 20.3534C21.9081 20.4188 21.8753 20.5224 21.9026 20.626L22.8351 24.0559C22.9005 24.2877 22.6415 24.4759 22.4398 24.345L19.4651 22.3983C19.3752 22.3382 19.2661 22.3382 19.1761 22.3983L16.2043 24.345C16.0025 24.4759 15.7435 24.2877 15.8062 24.0559L16.7387 20.626C16.7659 20.5224 16.7332 20.4188 16.6486 20.3534L13.8785 18.1259C13.6904 17.9759 13.7886 17.6705 14.0312 17.6596L17.5811 17.4851C17.6874 17.4797 17.7747 17.417 17.8129 17.3161L19.0753 13.9952C19.1598 13.7689 19.4815 13.7689 19.566 13.9952ZM29.5183 1.20441C33.5721 1.20441 36.8632 4.49564 36.8632 8.54938C36.8632 12.6032 33.5721 15.8944 29.5183 15.8944C25.4645 15.8944 22.1733 12.6032 22.1733 8.54938C22.1733 4.49564 25.4645 1.20441 29.5183 1.20441ZM28.5233 9.21751L26.8288 7.52302C26.3898 7.08416 25.6772 7.08416 25.2383 7.52302C24.7994 7.96418 24.7994 8.67456 25.2383 9.11342L27.7292 11.6066C28.1681 12.0455 28.8808 12.0455 29.3196 11.6066C30.8218 10.1044 32.3059 8.58636 33.8014 7.07732C34.238 6.63616 34.2358 5.92578 33.7968 5.48915C33.358 5.05251 32.6453 5.05482 32.2087 5.49368L28.5233 9.21751Z" fill="white"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.7 KiB |
@@ -1,11 +0,0 @@
|
||||
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2019_1481)">
|
||||
<path d="M38.8039 7.4743H36.7467V2.37257C36.7467 1.72501 36.2217 1.20001 35.5742 1.20001H34.6135V2.60318C34.6135 3.23456 34.1282 3.77785 33.4976 3.80755C32.8242 3.83929 32.2683 3.30272 32.2683 2.63632V1.20001H30.1351V7.47438H27.8352V1.20001H25.7091V2.63632C25.7091 3.28389 25.1841 3.80888 24.5365 3.80888C23.889 3.80888 23.364 3.28389 23.364 2.63632V1.20001H21.2236V7.47438H18.8785V1.20001H16.7381V2.63632C16.7381 3.28389 16.2131 3.80888 15.5655 3.80888C14.918 3.80888 14.393 3.28389 14.393 2.63632V1.20001H12.2192V7.47438H9.88878V1.20001H7.73182V2.60318C7.73182 3.23456 7.24661 3.77785 6.61593 3.80755C5.94257 3.83929 5.3867 3.30272 5.3867 2.63632V1.20001H4.40221C3.75465 1.20001 3.22965 1.72501 3.22965 2.37257V7.47438H1.17244C0.524872 7.47438 -0.00012207 7.99937 -0.00012207 8.64694V10.9921C-0.00012207 11.6396 0.524872 12.1646 1.17244 12.1646H38.8039C39.4515 12.1646 39.9765 11.6396 39.9765 10.9921V8.64694C39.9765 7.9993 39.4516 7.4743 38.8039 7.4743ZM33.0328 22.5209C35.5825 22.5209 37.8957 23.5512 39.579 25.2168C39.8223 25.002 39.9765 24.6887 39.9765 24.3385V21.9934C39.9765 21.3458 39.4515 20.8208 38.8039 20.8208H36.7467V15.7398C36.7467 15.0922 36.2217 14.5672 35.5742 14.5672H34.6135V15.9704C34.6135 16.6017 34.1282 17.145 33.4976 17.1747C32.8242 17.2065 32.2683 16.6699 32.2683 16.0035V14.5672H30.1351V20.8208H27.8352V14.5672H25.7091V16.0035C25.7091 16.6511 25.1841 17.1761 24.5365 17.1761C23.889 17.1761 23.364 16.6511 23.364 16.0035V14.5672H21.2236V20.8208H18.8785V14.5672H16.7381V16.0035C16.7381 16.6511 16.2131 17.1761 15.5655 17.1761C14.918 17.1761 14.393 16.6511 14.393 16.0035V14.5672H12.2192V20.8208H9.88878V14.5672H7.73182V15.9704C7.73182 16.6017 7.24661 17.145 6.61593 17.1747C5.94257 17.2065 5.3867 16.6699 5.3867 16.0035V14.5672H4.40221C3.75465 14.5672 3.22965 15.0922 3.22965 15.7398V20.8208H1.17244C0.524872 20.8208 -0.00012207 21.3458 -0.00012207 21.9934V24.3385C-0.00012207 24.9861 0.524872 25.5111 1.17244 25.5111H26.2022C27.9044 23.6734 30.3363 22.5209 33.0328 22.5209ZM23.7207 31.8331C23.7207 31.3165 23.7637 30.8099 23.8449 30.3161C23.5538 30.1027 23.364 29.7593 23.364 29.3708V27.9345H21.2236V34.1099H18.8785V27.9345H16.7381V29.3708C16.7381 30.0183 16.2131 30.5433 15.5655 30.5433C14.918 30.5433 14.393 30.0183 14.393 29.3708V27.9345H12.2192V34.1099H9.88878V27.9345H7.73182V29.3376C7.73182 29.969 7.24661 30.5123 6.61593 30.542C5.94257 30.5737 5.3867 30.0372 5.3867 29.3708V27.9345H4.40221C3.75465 27.9345 3.22965 28.4594 3.22965 29.107V34.1099H1.17244C0.524872 34.1099 -0.00012207 34.6349 -0.00012207 35.2825V37.6276C-0.00012207 38.2752 0.524872 38.8002 1.17244 38.8002H26.8614C24.9363 37.0928 23.7207 34.6024 23.7207 31.8331Z" fill="white"/>
|
||||
<path d="M33.0327 24.866C29.191 24.866 26.0656 27.9914 26.0656 31.8331C26.0656 35.6747 29.191 38.8001 33.0327 38.8001C36.8743 38.8001 39.9997 35.6747 39.9997 31.8331C39.9997 27.9914 36.8743 24.866 33.0327 24.866ZM36.3039 29.8145L33.2962 35.0241C33.1933 35.2024 33.0452 35.3504 32.867 35.4534C32.6888 35.5563 32.4866 35.6105 32.2807 35.6105C32.0749 35.6105 31.8727 35.5563 31.6945 35.4534C31.5162 35.3504 31.3682 35.2024 31.2653 35.0241L29.7614 32.4193C29.4376 31.8585 29.6297 31.1413 30.1905 30.8176C30.7514 30.4937 31.4685 30.686 31.7922 31.2468L32.2807 32.0927L34.2731 28.6419C34.5968 28.0811 35.3139 27.8887 35.8748 28.2127C36.4356 28.5365 36.6277 29.2536 36.3039 29.8145Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2019_1481">
|
||||
<rect width="40" height="40" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.5 KiB |
BIN
assets/img/animal_image.png
Normal file
BIN
assets/img/animal_image.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
BIN
assets/img/animal_image2.png
Normal file
BIN
assets/img/animal_image2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
BIN
assets/img/animal_image3.png
Normal file
BIN
assets/img/animal_image3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
BIN
assets/img/bank_card1.png
Normal file
BIN
assets/img/bank_card1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
assets/img/bank_card2.png
Normal file
BIN
assets/img/bank_card2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
assets/img/bank_card3.png
Normal file
BIN
assets/img/bank_card3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
BIN
assets/img/bank_card4.png
Normal file
BIN
assets/img/bank_card4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
BIN
assets/img/cart_product.png
Normal file
BIN
assets/img/cart_product.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
assets/img/cart_product2.png
Normal file
BIN
assets/img/cart_product2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
assets/img/cosmo_plane.png
Normal file
BIN
assets/img/cosmo_plane.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
assets/img/empty.png
Normal file
BIN
assets/img/empty.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 196 KiB |
BIN
assets/img/hero_image.png
Normal file
BIN
assets/img/hero_image.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 232 KiB |
@@ -1,11 +0,0 @@
|
||||
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2035_1668)">
|
||||
<path d="M0.935471 0.935471C1.5161 0.354843 2.45748 0.354843 3.03811 0.935471L24.0645 21.9619C24.6451 22.5425 24.6451 23.4839 24.0645 24.0645C23.4839 24.6451 22.5425 24.6451 21.9619 24.0645L0.935471 3.03811C0.354843 2.45748 0.354843 1.5161 0.935471 0.935471Z" fill="white"/>
|
||||
<path d="M24.0645 0.935609C24.6452 1.51624 24.6452 2.45762 24.0645 3.03825L3.03813 24.0646C2.45751 24.6453 1.51612 24.6453 0.935494 24.0646C0.354866 23.484 0.354867 22.5426 0.935494 21.962L21.9619 0.935609C22.5425 0.354982 23.4839 0.354981 24.0645 0.935609Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2035_1668">
|
||||
<rect width="24" height="24.0001" fill="white" transform="translate(0.5 0.5)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 834 B |
@@ -1,4 +0,0 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.0613 2.50026C15.7156 2.49776 15.4338 2.77589 15.4313 3.12089C15.4288 3.46589 15.7063 3.74776 16.0519 3.75026C16.3969 3.75276 16.6788 3.47526 16.6813 3.13026C16.6838 2.78526 16.4063 2.50339 16.0613 2.50026ZM16.0328 6.2502C13.6196 6.23307 11.6433 8.17989 11.6251 10.5923C11.6069 13.0046 13.5548 14.9819 15.9672 15.0001L16.0007 15.0002C18.3978 15.0002 20.3568 13.0592 20.3749 10.6579C20.3931 8.24576 18.4453 6.26839 16.0328 6.2502ZM16.0006 13.7503L15.9766 13.7501C14.2534 13.7371 12.862 12.3248 12.875 10.6017C12.8879 8.88639 14.2872 7.50001 15.9994 7.50001L16.0234 7.50014C17.7466 7.51314 19.138 8.92551 19.125 10.6486C19.112 12.3639 17.7128 13.7503 16.0006 13.7503ZM18.7269 2.97426C18.4018 2.85889 18.0444 3.0292 17.929 3.35457C17.8137 3.67995 17.984 4.03714 18.3093 4.15251C21.0623 5.1282 22.8969 7.75014 22.8749 10.6768C22.8724 11.0219 23.1501 11.3039 23.4953 11.3065H23.5001C23.8429 11.3065 24.1223 11.0298 24.1249 10.6862C24.1509 7.22701 21.9816 4.12782 18.7269 2.97426Z" fill="#00071E"/>
|
||||
<path d="M19.8348 23.5276C23.9919 18.1767 26.5898 15.3864 26.6249 10.7049C26.6689 4.81469 21.8887 0 15.999 0C10.178 0 5.41936 4.71425 5.37511 10.5455C5.33936 15.3539 7.98555 18.1404 12.1713 23.5268C8.00724 24.149 5.37511 25.7126 5.37511 27.625C5.37511 28.9061 6.55924 30.0556 8.70943 30.8619C10.6665 31.5958 13.2557 31.9999 16 31.9999C18.7443 31.9999 21.3335 31.5958 23.2906 30.8619C25.4407 30.0556 26.6249 28.906 26.6249 27.6249C26.6249 25.7136 23.9952 24.1504 19.8348 23.5276ZM6.62505 10.5549C6.66405 5.40937 10.8625 1.25 15.9991 1.25C21.1966 1.25 25.4137 5.49925 25.3749 10.6956C25.3417 15.1414 22.5866 17.8812 18.188 23.6152C17.4034 24.6374 16.6829 25.6039 16.0009 26.5494C15.3209 25.6034 14.6148 24.6542 13.8185 23.6148C9.23811 17.6408 6.59118 15.1081 6.62505 10.5549ZM16 30.75C10.6343 30.75 6.62505 29.1002 6.62505 27.625C6.62505 26.531 9.0218 25.149 13.0517 24.6704C13.9425 25.8392 14.7235 26.9011 15.4895 27.9856C15.5471 28.0673 15.6236 28.1339 15.7123 28.1799C15.801 28.2259 15.8995 28.2499 15.9994 28.25H16C16.0999 28.25 16.1983 28.2261 16.287 28.1802C16.3757 28.1344 16.4521 28.0679 16.5099 27.9864C17.2686 26.9161 18.071 25.828 18.9542 24.6711C22.9803 25.1502 25.3749 26.5318 25.3749 27.6251C25.3749 29.1002 21.3657 30.75 16 30.75Z" fill="#00071E"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.3 KiB |
@@ -1,17 +0,0 @@
|
||||
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2012_938)">
|
||||
<circle cx="12.5" cy="12.5" r="7.5" fill="#1C1B1B"/>
|
||||
<path d="M12 0.5C5.36761 0.5 0 5.867 0 12.5C0 19.1323 5.367 24.5 12 24.5C18.6324 24.5 24 19.133 24 12.5C24 5.8677 18.633 0.5 12 0.5ZM13.2323 17.2635C13.2323 17.6426 12.6795 18.0216 12.0002 18.0216C11.2894 18.0216 10.784 17.6426 10.784 17.2635V11.2453C10.784 10.8031 11.2895 10.5029 12.0002 10.5029C12.6795 10.5029 13.2323 10.8031 13.2323 11.2453V17.2635ZM12.0003 9.04981C11.2737 9.04981 10.7051 8.51277 10.7051 7.91248C10.7051 7.31225 11.2737 6.791 12.0003 6.791C12.7111 6.791 13.2798 7.31225 13.2798 7.91248C13.2798 8.51277 12.711 9.04981 12.0003 9.04981Z" fill="#FFCC00"/>
|
||||
<path d="M12 0.5C5.36761 0.5 0 5.867 0 12.5C0 19.1323 5.367 24.5 12 24.5C18.6324 24.5 24 19.133 24 12.5C24 5.8677 18.633 0.5 12 0.5ZM13.2323 17.2635C13.2323 17.6426 12.6795 18.0216 12.0002 18.0216C11.2894 18.0216 10.784 17.6426 10.784 17.2635V11.2453C10.784 10.8031 11.2895 10.5029 12.0002 10.5029C12.6795 10.5029 13.2323 10.8031 13.2323 11.2453V17.2635ZM12.0003 9.04981C11.2737 9.04981 10.7051 8.51277 10.7051 7.91248C10.7051 7.31225 11.2737 6.791 12.0003 6.791C12.7111 6.791 13.2798 7.31225 13.2798 7.91248C13.2798 8.51277 12.711 9.04981 12.0003 9.04981Z" fill="url(#paint0_linear_2012_938)"/>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_2012_938" x1="5.08642" y1="-0.262542" x2="25.6213" y2="0.490587" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0"/>
|
||||
<stop offset="0.415" stop-color="white" stop-opacity="0.32"/>
|
||||
<stop offset="1" stop-color="white" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_2012_938">
|
||||
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.8 KiB |
@@ -1,11 +0,0 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2049_2154)">
|
||||
<path d="M22.4042 12.3109C22.3565 12.2142 22.3317 12.1078 22.3317 12C22.3317 11.8922 22.3565 11.7859 22.4042 11.6892L23.2993 9.85802C23.7976 8.83844 23.4028 7.62322 22.4003 7.09133L20.5999 6.13602C20.5045 6.0858 20.4219 6.01433 20.3586 5.92713C20.2952 5.83993 20.2527 5.73933 20.2344 5.6331L19.8823 3.62551C19.6862 2.50773 18.6523 1.75661 17.5288 1.91556L15.5107 2.20103C15.404 2.21645 15.2952 2.20715 15.1927 2.17383C15.0902 2.14052 14.9967 2.08408 14.9195 2.00889L13.4546 0.591773C12.6389 -0.197316 11.3611 -0.197363 10.5455 0.591773L9.08058 2.00903C9.00333 2.08421 8.90984 2.14063 8.80733 2.17394C8.70482 2.20725 8.59603 2.21657 8.48935 2.20117L6.47125 1.9157C5.34743 1.75666 4.31384 2.50787 4.11776 3.62565L3.76564 5.63315C3.74734 5.73938 3.70487 5.83998 3.64152 5.92718C3.57816 6.01439 3.49562 6.08588 3.40025 6.13612L1.59979 7.09142C0.59733 7.62326 0.202457 8.83859 0.700829 9.85816L1.5959 11.6893C1.64355 11.786 1.66833 11.8923 1.66833 12.0001C1.66833 12.1079 1.64355 12.2143 1.5959 12.311L0.700783 14.1421C0.20241 15.1617 0.597283 16.3769 1.59975 16.9088L3.4002 17.8641C3.49558 17.9143 3.57814 17.9858 3.6415 18.073C3.70486 18.1602 3.74734 18.2608 3.76564 18.367L4.11776 20.3746C4.29626 21.3922 5.16879 22.1058 6.17158 22.1057C6.27034 22.1057 6.37056 22.0987 6.4713 22.0845L8.48939 21.799C8.59608 21.7836 8.70488 21.7929 8.8074 21.8262C8.90991 21.8595 9.0034 21.916 9.08062 21.9912L10.5455 23.4083C10.9534 23.8029 11.4766 24.0001 12 24.0001C12.5233 24 13.0468 23.8028 13.4546 23.4083L14.9195 21.9912C15.0775 21.8383 15.293 21.7685 15.5107 21.799L17.5288 22.0845C18.6528 22.2435 19.6862 21.4923 19.8823 20.3745L20.2345 18.367C20.2528 18.2608 20.2952 18.1602 20.3586 18.073C20.4219 17.9858 20.5045 17.9143 20.5999 17.8641L22.4003 16.9088C23.4028 16.3769 23.7976 15.1616 23.2993 14.142L22.4042 12.3109ZM9.23156 5.77106C10.6309 5.77106 11.7693 6.9095 11.7693 8.30881C11.7693 9.70811 10.6309 10.8466 9.23156 10.8466C7.83226 10.8466 6.69381 9.70811 6.69381 8.30881C6.69381 6.9095 7.83226 5.77106 9.23156 5.77106ZM7.92169 17.0571C7.78655 17.1922 7.60941 17.2598 7.43232 17.2598C7.25523 17.2598 7.07804 17.1923 6.94295 17.0571C6.67267 16.7868 6.67267 16.3486 6.94295 16.0783L16.0783 6.94292C16.3485 6.67264 16.7868 6.67264 17.0571 6.94292C17.3274 7.2132 17.3274 7.65144 17.0571 7.92172L7.92169 17.0571ZM14.7684 18.229C13.3691 18.229 12.2307 17.0906 12.2307 15.6913C12.2307 14.292 13.3691 13.1535 14.7684 13.1535C16.1677 13.1535 17.3062 14.292 17.3062 15.6913C17.3062 17.0906 16.1677 18.229 14.7684 18.229Z" fill="#FFCC00"/>
|
||||
<path d="M14.7687 14.5378C14.1326 14.5378 13.6152 15.0553 13.6152 15.6913C13.6152 16.3273 14.1326 16.8448 14.7687 16.8448C15.4047 16.8448 15.9222 16.3273 15.9222 15.6913C15.9222 15.0553 15.4047 14.5378 14.7687 14.5378ZM9.23185 7.15527C8.5958 7.15527 8.07835 7.67272 8.07835 8.30877C8.07835 8.94481 8.5958 9.46231 9.23185 9.46231C9.86789 9.46231 10.3854 8.94486 10.3854 8.30877C10.3853 7.67277 9.86789 7.15527 9.23185 7.15527Z" fill="#FFCC00"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2049_2154">
|
||||
<rect width="24" height="24" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.1 KiB |
@@ -1,3 +0,0 @@
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.6521 13.769C9.85806 14.9327 8.14194 14.9327 7.34793 13.769L2.13379 6.12724C1.22796 4.79968 2.1787 3 3.78586 3L14.2141 3C15.8213 3 16.772 4.79968 15.8662 6.12724L10.6521 13.769Z" fill="#D8D8D8"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 311 B |
@@ -1,3 +0,0 @@
|
||||
<svg width="27" height="28" viewBox="0 0 27 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M24.728 19.28C24.6624 19.228 19.9 15.7952 18.5928 16.0416C17.9688 16.152 17.612 16.5776 16.896 17.4296C16.7808 17.5672 16.504 17.8968 16.2888 18.1312C15.8363 17.9836 15.3949 17.804 14.968 17.5936C12.7644 16.5208 10.984 14.7404 9.9112 12.5368C9.70069 12.1099 9.52103 11.6685 9.3736 11.216C9.6088 11 9.9384 10.7232 10.0792 10.6048C10.9272 9.8928 11.3536 9.536 11.464 8.9104C11.6904 7.6144 8.26 2.8192 8.224 2.776C8.06836 2.55366 7.86524 2.36869 7.62934 2.23448C7.39344 2.10027 7.13065 2.02018 6.86 2C5.4696 2 1.5 7.1496 1.5 8.0168C1.5 8.0672 1.5728 13.1904 7.8904 19.6168C14.3104 25.9272 19.4328 26 19.4832 26C20.3512 26 25.5 22.0304 25.5 20.64C25.48 20.3703 25.4004 20.1084 25.2669 19.8732C25.1334 19.638 24.9493 19.4354 24.728 19.28Z" fill="black"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 862 B |
@@ -1,12 +0,0 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2048_2118)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.9706 0.995728L24.8811 7.29479V19.893L13.9706 26.1922L3.06024 19.893V7.29479L13.9706 0.995728Z" stroke="#00071E" stroke-width="1.25001" stroke-miterlimit="22.9256" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M24.6561 7.42467L13.9706 13.5939M13.9706 13.5939L11.0721 11.9205M13.9706 13.5939V25.8797M6.20006 9.10761L3.30188 7.4343M28.1281 8.9183L29.7515 7.2948L31.375 8.9183M28.1281 18.2696L29.7515 19.893L31.375 18.2696M29.7515 7.61949V19.5684M25.0986 23.5168L27.3162 24.111L26.722 26.3287M17.0001 28.1924L16.4059 30.4101L18.6236 31.0044M27.0351 24.2734L16.6871 30.2478M10.9412 28.1924L11.5354 30.4101L9.31769 31.0044M2.84275 23.5167L0.625 24.111L1.21925 26.3287M11.2542 30.2477L0.906187 24.2734" stroke="#00071E" stroke-width="1.25001" stroke-miterlimit="22.9256" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M8.6358 10.5142H8.63618" stroke="#00071E" stroke-width="1.24999" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2048_2118">
|
||||
<rect width="32" height="32" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.2 KiB |
3
assets/img/icons/bars.svg
Normal file
3
assets/img/icons/bars.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 598 B |
9
assets/img/icons/bars2.svg
Normal file
9
assets/img/icons/bars2.svg
Normal file
@@ -0,0 +1,9 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 850 B |
9
assets/img/icons/footer_line-mob.svg
Normal file
9
assets/img/icons/footer_line-mob.svg
Normal file
@@ -0,0 +1,9 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 976 B |
9
assets/img/icons/footer_line-mob2.svg
Normal file
9
assets/img/icons/footer_line-mob2.svg
Normal file
@@ -0,0 +1,9 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 1003 B |
9
assets/img/icons/footer_line.svg
Normal file
9
assets/img/icons/footer_line.svg
Normal file
@@ -0,0 +1,9 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 476 B |
3
assets/img/icons/footer_line2.svg
Normal file
3
assets/img/icons/footer_line2.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 240 B |
9
assets/img/icons/i-card.svg
Normal file
9
assets/img/icons/i-card.svg
Normal file
@@ -0,0 +1,9 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
3
assets/img/icons/i-card2.svg
Normal file
3
assets/img/icons/i-card2.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="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>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
3
assets/img/icons/i-close.svg
Normal file
3
assets/img/icons/i-close.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
4
assets/img/icons/i-tg.svg
Normal file
4
assets/img/icons/i-tg.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
4
assets/img/icons/i-tg2.svg
Normal file
4
assets/img/icons/i-tg2.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
9
assets/img/icons/i-user.svg
Normal file
9
assets/img/icons/i-user.svg
Normal file
@@ -0,0 +1,9 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
3
assets/img/icons/i-user2.svg
Normal file
3
assets/img/icons/i-user2.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="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>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
12
assets/img/icons/i-user_photo.svg
Normal file
12
assets/img/icons/i-user_photo.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
12
assets/img/icons/i-user_photo2.svg
Normal file
12
assets/img/icons/i-user_photo2.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
4
assets/img/icons/i-vk.svg
Normal file
4
assets/img/icons/i-vk.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
4
assets/img/icons/i-vk2.svg
Normal file
4
assets/img/icons/i-vk2.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
7
assets/img/icons/i-yandex.svg
Normal file
7
assets/img/icons/i-yandex.svg
Normal file
@@ -0,0 +1,7 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 5.0 KiB |
9
assets/img/icons/i-yandex2.svg
Normal file
9
assets/img/icons/i-yandex2.svg
Normal file
@@ -0,0 +1,9 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 5.0 KiB |
14
assets/img/icons/logo.svg
Normal file
14
assets/img/icons/logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.7 KiB |
4
assets/img/icons/logo2.svg
Normal file
4
assets/img/icons/logo2.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
BIN
assets/img/pets_before.png
Normal file
BIN
assets/img/pets_before.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 997 KiB |
BIN
assets/img/pets_before_mob.png
Normal file
BIN
assets/img/pets_before_mob.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 201 KiB |
41
assets/img/pets_stars.svg
Normal file
41
assets/img/pets_stars.svg
Normal file
@@ -0,0 +1,41 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
6
assets/img/pets_stars2.svg
Normal file
6
assets/img/pets_stars2.svg
Normal file
@@ -0,0 +1,6 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
BIN
assets/img/product1.png
Normal file
BIN
assets/img/product1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
11
assets/img/profile_bfore.svg
Normal file
11
assets/img/profile_bfore.svg
Normal file
@@ -0,0 +1,11 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 596 B |
@@ -1,3 +0,0 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.7769 4.43003C20.024 4.32602 20.2945 4.29015 20.5602 4.32614C20.8258 4.36214 21.077 4.46869 21.2876 4.63471C21.4981 4.80073 21.6603 5.02014 21.7572 5.27011C21.8542 5.52008 21.8824 5.79147 21.8389 6.05603L19.5709 19.813C19.3509 21.14 17.8949 21.901 16.6779 21.24C15.6599 20.687 14.1479 19.835 12.7879 18.946C12.1079 18.501 10.0249 17.076 10.2809 16.062C10.5009 15.195 14.0009 11.937 16.0009 10C16.7859 9.23903 16.4279 8.80003 15.5009 9.50003C13.1989 11.238 9.50287 13.881 8.28087 14.625C7.20287 15.281 6.64087 15.393 5.96887 15.281C4.74287 15.077 3.60587 14.761 2.67787 14.376C1.42387 13.856 1.48487 12.132 2.67687 11.63L19.7769 4.43003Z" fill="white"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 808 B |
@@ -1,3 +0,0 @@
|
||||
<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.2495 4.98377C22.5275 4.86676 22.8318 4.82641 23.1307 4.8669C23.4296 4.9074 23.7121 5.02727 23.949 5.21404C24.1858 5.40081 24.3683 5.64765 24.4774 5.92886C24.5865 6.21008 24.6182 6.51539 24.5692 6.81302L22.0177 22.2896C21.7702 23.7825 20.1322 24.6386 18.7631 23.895C17.6178 23.2729 15.9168 22.3144 14.3868 21.3143C13.6218 20.8136 11.2785 19.2105 11.5665 18.0698C11.814 17.0944 15.7515 13.4291 18.0015 11.25C18.8846 10.3939 18.4818 9.90002 17.439 10.6875C14.8492 12.6428 10.6912 15.6161 9.31647 16.4531C8.10372 17.1911 7.47147 17.3171 6.71547 17.1911C5.33622 16.9616 4.05709 16.6061 3.01309 16.173C1.60234 15.588 1.67097 13.6485 3.01197 13.0838L22.2495 4.98377Z" fill="#26A7E6"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 834 B |
@@ -1,3 +0,0 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22C10.2328 22.003 8.49659 21.5353 6.97001 20.645L2.00402 22L3.35601 17.032C2.46497 15.5049 1.99692 13.768 2.00002 12C2.00002 6.477 6.47701 2 12 2ZM8.59201 7.3L8.39201 7.308C8.2627 7.31691 8.13636 7.35087 8.02001 7.408C7.91159 7.46951 7.81257 7.54629 7.72601 7.636C7.60601 7.749 7.53801 7.847 7.46501 7.942C7.09513 8.4229 6.89598 9.01331 6.89901 9.61999C6.90101 10.11 7.02901 10.587 7.22901 11.033C7.63801 11.935 8.31101 12.89 9.19901 13.775C9.41301 13.988 9.62301 14.202 9.84901 14.401C10.9524 15.3724 12.2673 16.073 13.689 16.447L14.257 16.534C14.442 16.544 14.627 16.53 14.813 16.521C15.1042 16.5056 15.3885 16.4268 15.646 16.29C15.7769 16.2223 15.9046 16.1489 16.029 16.07C16.029 16.07 16.0713 16.0413 16.154 15.98C16.289 15.88 16.372 15.809 16.484 15.692C16.568 15.6053 16.638 15.5047 16.694 15.39C16.772 15.227 16.85 14.916 16.882 14.657C16.906 14.459 16.899 14.351 16.896 14.284C16.892 14.177 16.803 14.066 16.706 14.019L16.124 13.758C16.124 13.758 15.254 13.379 14.722 13.137C14.6663 13.1127 14.6067 13.0989 14.546 13.096C14.4776 13.0888 14.4084 13.0965 14.3432 13.1184C14.278 13.1403 14.2182 13.176 14.168 13.223C14.163 13.221 14.096 13.278 13.373 14.154C13.3315 14.2098 13.2743 14.2519 13.2088 14.275C13.1433 14.2982 13.0723 14.3013 13.005 14.284C12.9398 14.2666 12.876 14.2446 12.814 14.218C12.69 14.166 12.647 14.146 12.562 14.11C11.9879 13.8599 11.4564 13.5215 10.987 13.107C10.861 12.997 10.744 12.877 10.624 12.761C10.2306 12.3842 9.88776 11.958 9.60401 11.493L9.54501 11.398C9.50327 11.3338 9.46905 11.265 9.44301 11.193C9.40501 11.046 9.50401 10.928 9.50401 10.928C9.50401 10.928 9.74701 10.662 9.86001 10.518C9.97001 10.378 10.063 10.242 10.123 10.145C10.241 9.95499 10.278 9.75999 10.216 9.60899C9.93601 8.92499 9.64668 8.24466 9.34801 7.568C9.28901 7.434 9.11401 7.338 8.95501 7.319C8.90101 7.31233 8.84701 7.307 8.79301 7.303C8.65874 7.29529 8.5241 7.29663 8.39001 7.307L8.59201 7.3Z" fill="white"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.0 KiB |
@@ -1,3 +0,0 @@
|
||||
<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13.5 2C19.8515 2 25 7.14855 25 13.5C25 19.8514 19.8515 25 13.5 25C11.4677 25.0035 9.47108 24.4656 7.71551 23.4417L2.00462 25L3.55942 19.2868C2.53472 17.5307 1.99646 15.5332 2.00002 13.5C2.00002 7.14855 7.14857 2 13.5 2ZM9.58081 8.095L9.35081 8.1042C9.20211 8.11444 9.05681 8.1535 8.92301 8.2192C8.79832 8.28993 8.68446 8.37824 8.58491 8.4814C8.44691 8.61135 8.36871 8.72404 8.28476 8.83329C7.8594 9.38633 7.63038 10.0653 7.63386 10.763C7.63616 11.3265 7.78336 11.875 8.01336 12.3879C8.48371 13.4252 9.25766 14.5235 10.2789 15.5412C10.525 15.7862 10.7665 16.0323 11.0264 16.2611C12.2953 17.3783 13.8074 18.1839 15.4424 18.614L16.0956 18.7141C16.3083 18.7256 16.5211 18.7095 16.735 18.6991C17.0698 18.6815 17.3968 18.5908 17.6929 18.4335C17.8434 18.3557 17.9903 18.2713 18.1334 18.1805C18.1334 18.1805 18.182 18.1475 18.2771 18.077C18.4324 17.962 18.5278 17.8803 18.6566 17.7458C18.7532 17.6461 18.8337 17.5304 18.8981 17.3985C18.9878 17.211 19.0775 16.8534 19.1143 16.5555C19.1419 16.3278 19.1339 16.2036 19.1304 16.1266C19.1258 16.0035 19.0235 15.8759 18.9119 15.8218L18.2426 15.5217C18.2426 15.5217 17.2421 15.0858 16.6303 14.8075C16.5663 14.7797 16.4977 14.7637 16.4279 14.7604C16.3492 14.7522 16.2697 14.7609 16.1947 14.7861C16.1197 14.8113 16.051 14.8524 15.9932 14.9064C15.9875 14.9041 15.9104 14.9697 15.079 15.9771C15.0312 16.0412 14.9655 16.0897 14.8901 16.1163C14.8148 16.1429 14.7332 16.1465 14.6558 16.1266C14.5808 16.1066 14.5074 16.0812 14.4361 16.0507C14.2935 15.9909 14.2441 15.9679 14.1463 15.9265C13.4861 15.6389 12.8749 15.2497 12.3351 14.773C12.1902 14.6465 12.0556 14.5085 11.9176 14.3751C11.4652 13.9418 11.0709 13.4517 10.7446 12.9169L10.6768 12.8077C10.6288 12.7339 10.5894 12.6548 10.5595 12.5719C10.5158 12.4029 10.6296 12.2672 10.6296 12.2672C10.6296 12.2672 10.9091 11.9613 11.039 11.7957C11.1655 11.6347 11.2725 11.4783 11.3415 11.3667C11.4772 11.1482 11.5197 10.924 11.4484 10.7503C11.1264 9.96374 10.7937 9.18136 10.4502 8.4032C10.3824 8.2491 10.1811 8.1387 9.99826 8.11685C9.93616 8.10918 9.87406 8.10305 9.81196 8.09845C9.65755 8.08959 9.50272 8.09113 9.34851 8.10305L9.58081 8.095Z" fill="#11AF27"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.2 KiB |
8
assets/js/jquery.maskedinput.min.js
vendored
8
assets/js/jquery.maskedinput.min.js
vendored
@@ -1,8 +0,0 @@
|
||||
/**
|
||||
* Minified by jsDelivr using UglifyJS v3.4.4.
|
||||
* Original file: /npm/jquery.maskedinput@1.4.1/src/jquery.maskedinput.js
|
||||
*
|
||||
* Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
|
||||
*/
|
||||
!function(e){"function"==typeof define&&define.amd?define(["jquery"],e):"object"==typeof exports?e(require("jquery")):e(jQuery)}(function(R){var a,e=navigator.userAgent,S=/iphone/i.test(e),i=/chrome/i.test(e),T=/android/i.test(e);R.mask={definitions:{9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"},autoclear:!0,dataName:"rawMaskFn",placeholder:"_"},R.fn.extend({caret:function(e,t){var n;if(0!==this.length&&!this.is(":hidden")&&this.get(0)===document.activeElement)return"number"==typeof e?(t="number"==typeof t?t:e,this.each(function(){this.setSelectionRange?this.setSelectionRange(e,t):this.createTextRange&&((n=this.createTextRange()).collapse(!0),n.moveEnd("character",t),n.moveStart("character",e),n.select())})):(this[0].setSelectionRange?(e=this[0].selectionStart,t=this[0].selectionEnd):document.selection&&document.selection.createRange&&(n=document.selection.createRange(),e=0-n.duplicate().moveStart("character",-1e5),t=e+n.text.length),{begin:e,end:t})},unmask:function(){return this.trigger("unmask")},mask:function(t,v){var n,b,k,y,x,j,A;if(!t&&0<this.length){var e=R(this[0]).data(R.mask.dataName);return e?e():void 0}return v=R.extend({autoclear:R.mask.autoclear,placeholder:R.mask.placeholder,completed:null},v),n=R.mask.definitions,b=[],k=j=t.length,y=null,t=String(t),R.each(t.split(""),function(e,t){"?"==t?(j--,k=e):n[t]?(b.push(new RegExp(n[t])),null===y&&(y=b.length-1),e<k&&(x=b.length-1)):b.push(null)}),this.trigger("unmask").each(function(){var o=R(this),c=R.map(t.split(""),function(e,t){if("?"!=e)return n[e]?f(t):e}),l=c.join(""),r=o.val();function u(){if(v.completed){for(var e=y;e<=x;e++)if(b[e]&&c[e]===f(e))return;v.completed.call(o)}}function f(e){return e<v.placeholder.length?v.placeholder.charAt(e):v.placeholder.charAt(0)}function s(e){for(;++e<j&&!b[e];);return e}function h(e,t){var n,a;if(!(e<0)){for(n=e,a=s(t);n<j;n++)if(b[n]){if(!(a<j&&b[n].test(c[a])))break;c[n]=c[a],c[a]=f(a),a=s(a)}d(),o.caret(Math.max(y,e))}}function g(e){p(),o.val()!=r&&o.change()}function m(e,t){var n;for(n=e;n<t&&n<j;n++)b[n]&&(c[n]=f(n))}function d(){o.val(c.join(""))}function p(e){var t,n,a,i=o.val(),r=-1;for(a=t=0;t<j;t++)if(b[t]){for(c[t]=f(t);a++<i.length;)if(n=i.charAt(a-1),b[t].test(n)){c[t]=n,r=t;break}if(a>i.length){m(t+1,j);break}}else c[t]===i.charAt(a)&&a++,t<k&&(r=t);return e?d():r+1<k?v.autoclear||c.join("")===l?(o.val()&&o.val(""),m(0,j)):d():(d(),o.val(o.val().substring(0,r+1))),k?t:y}o.data(R.mask.dataName,function(){return R.map(c,function(e,t){return b[t]&&e!=f(t)?e:null}).join("")}),o.one("unmask",function(){o.off(".mask").removeData(R.mask.dataName)}).on("focus.mask",function(){var e;o.prop("readonly")||(clearTimeout(a),r=o.val(),e=p(),a=setTimeout(function(){o.get(0)===document.activeElement&&(d(),e==t.replace("?","").length?o.caret(0,e):o.caret(e))},10))}).on("blur.mask",g).on("keydown.mask",function(e){if(!o.prop("readonly")){var t,n,a,i=e.which||e.keyCode;A=o.val(),8===i||46===i||S&&127===i?(n=(t=o.caret()).begin,(a=t.end)-n==0&&(n=46!==i?function(e){for(;0<=--e&&!b[e];);return e}(n):a=s(n-1),a=46===i?s(a):a),m(n,a),h(n,a-1),e.preventDefault()):13===i?g.call(this,e):27===i&&(o.val(r),o.caret(0,p()),e.preventDefault())}}).on("keypress.mask",function(e){if(!o.prop("readonly")){var t,n,a,i=e.which||e.keyCode,r=o.caret();e.ctrlKey||e.altKey||e.metaKey||i<32||!i||13===i||(r.end-r.begin!=0&&(m(r.begin,r.end),h(r.begin,r.end-1)),(t=s(r.begin-1))<j&&(n=String.fromCharCode(i),b[t].test(n))&&(function(e){var t,n,a,i;for(n=f(t=e);t<j;t++)if(b[t]){if(a=s(t),i=c[t],c[t]=n,!(a<j&&b[a].test(i)))break;n=i}}(t),c[t]=n,d(),a=s(t),T?setTimeout(function(){R.proxy(R.fn.caret,o,a)()},0):o.caret(a),r.begin<=x&&u()),e.preventDefault())}}).on("input.mask paste.mask",function(){o.prop("readonly")||setTimeout(function(){var e=p(!0);o.caret(e),u()},0)}),i&&T&&o.off("input.mask").on("input.mask",function(e){var t=o.val(),n=o.caret();if(A&&A.length&&A.length>t.length){for(p(!0);0<n.begin&&!b[n.begin-1];)n.begin--;if(0===n.begin)for(;n.begin<y&&!b[n.begin];)n.begin++;o.caret(n.begin,n.begin)}else{p(!0);var a=t.charAt(n.begin);n.begin<j&&(b[n.begin]||n.begin++,b[n.begin].test(a)&&n.begin++),o.caret(n.begin,n.begin)}u()}),p()})}})});
|
||||
//# sourceMappingURL=/sm/0db8177a53b6eab1363e81af339c3641bb98c7faaf29a367c2094d37f014e37e.map
|
||||
223
assets/js/main.js
Normal file
223
assets/js/main.js
Normal file
@@ -0,0 +1,223 @@
|
||||
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);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
})
|
||||
@@ -1,42 +0,0 @@
|
||||
window.addEventListener('load', function () {
|
||||
const preloader = document.querySelector('#preloader')
|
||||
preloader.classList.add('hidden')
|
||||
setTimeout(function () {
|
||||
preloader.remove()
|
||||
}, 500)
|
||||
})
|
||||
|
||||
jQuery(document).ready(function () {
|
||||
$('input[type="tel"]').mask('+7 (999) 999-9999')
|
||||
})
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
let modalBg = document.querySelector('#modal__bg')
|
||||
if (modalBg) {
|
||||
let modalBtnAll = document.querySelectorAll('.modal__btn')
|
||||
let modalBtnCloseAll = document.querySelectorAll('.modal__close')
|
||||
for (const modalBtnItem of modalBtnAll) {
|
||||
modalBtnItem.addEventListener('click', function (e) {
|
||||
e.preventDefault()
|
||||
let modalBtnData = this.dataset.modal
|
||||
let modalSection = document.querySelector(
|
||||
'section.modal[data-id=' + modalBtnData + ']'
|
||||
)
|
||||
modalBg.classList.add('opened')
|
||||
modalSection.classList.add('opened')
|
||||
})
|
||||
}
|
||||
modalBg.addEventListener('click', function () {
|
||||
modalBg.classList.remove('opened')
|
||||
document.querySelector('section.modal.opened').classList.remove('opened')
|
||||
})
|
||||
for (const modalBtnCloseItem of modalBtnCloseAll) {
|
||||
modalBtnCloseItem.addEventListener('click', function () {
|
||||
modalBg.classList.remove('opened')
|
||||
document
|
||||
.querySelector('section.modal.opened')
|
||||
.classList.remove('opened')
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
114
auth.html
Normal file
114
auth.html
Normal file
@@ -0,0 +1,114 @@
|
||||
<!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
Normal file
517
cart.html
Normal file
@@ -0,0 +1,517 @@
|
||||
<!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>
|
||||
426
faq.html
Normal file
426
faq.html
Normal file
@@ -0,0 +1,426 @@
|
||||
<!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>
|
||||
218
index.html
218
index.html
@@ -1,218 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Газобетонные блоки напрямую от производителя в Томске | Вектор</title>
|
||||
<meta name="description" content="SEO Description">
|
||||
<link rel="shortcut icon" href="assets/img/favicon.ico?v=1.0">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
|
||||
|
||||
<link rel="stylesheet" href="assets/css/gp-style-core.css?v=1.0">
|
||||
<link rel="stylesheet" href="assets/css/gp-style-desktop.css?v=1.0">
|
||||
|
||||
<link rel="stylesheet" media="screen and (max-width: 992px)" href="assets/css/gp-style-tablet.css?v=1.0">
|
||||
<link rel="stylesheet" media="screen and (max-width: 576px)" href="assets/css/gp-style-mobile.css?v=1.0">
|
||||
|
||||
<!-- Yandex.Metrika counter -->
|
||||
<script type="text/javascript">
|
||||
(function (m, e, t, r, i, k, a) {
|
||||
m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
|
||||
m[i].l = 1 * new Date();
|
||||
for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
|
||||
k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
|
||||
})
|
||||
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
|
||||
|
||||
ym(98435289, "init", {
|
||||
clickmap: true,
|
||||
trackLinks: true,
|
||||
accurateTrackBounce: true,
|
||||
webvisor: true
|
||||
});
|
||||
</script>
|
||||
<noscript>
|
||||
<div><img src="https://mc.yandex.ru/watch/98435289" style="position:absolute; left:-9999px;" alt="" /></div>
|
||||
</noscript>
|
||||
<!-- /Yandex.Metrika counter -->
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="preloader" class="preloader">
|
||||
<div class="preloader__icon">
|
||||
</div>
|
||||
</div>
|
||||
<header class="header">
|
||||
<div class="header__container container flex flex-ac flex-jcsb">
|
||||
<div class="header__logo flex flex-ac gap-24">
|
||||
<img src="assets/img/logo.webp" width="74" height="62" alt="Продажа строительных материалов в Томске">
|
||||
<p>Продажа строительных материалов в Томске</p>
|
||||
</div>
|
||||
<div class="header__contacts flex flex-ac gap-42">
|
||||
<div class="header__socials flex flex-ac gap-10">
|
||||
<a href="https://t.me/+79234352557" target="_blank" class="header__socials-link">
|
||||
<img src="assets/img/tg.svg" width="27" height="27" alt="Мы в Telegram" title="Мы в Telegram">
|
||||
</a>
|
||||
<a href="https://wa.me/+79234352557" target="_blank" class="header__socials-link">
|
||||
<img src="assets/img/wh.svg" width="27" height="27" alt="Мы в Whatsapp" title="Мы в Whatsapp">
|
||||
</a>
|
||||
</div>
|
||||
<a href="tel:83822995831" class="header__tel" title="Позвоните нам">
|
||||
<p>8 (3822) 99 58 31</p>
|
||||
</a>
|
||||
<button class="btn btn-small modal__btn" data-modal="request">
|
||||
<p>Заказать звонок</p>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<main>
|
||||
<section class="section hero">
|
||||
<div class="section__container container">
|
||||
<div class="hero__content">
|
||||
<div class="hero__leftside">
|
||||
<div class="hero__title">
|
||||
<h1><b>Газобетонные блоки в Томске</b> напрямую от производителя <span>от 6 699 ₽/поддон</span>
|
||||
</h1>
|
||||
</div>
|
||||
<div class="hero__desc">
|
||||
<p>
|
||||
<img src="assets/img/i-volume.svg" width="28" height="28" alt="Любой объем">
|
||||
Любой объем
|
||||
</p>
|
||||
<p>
|
||||
<img src="assets/img/i-delivery.svg" width="28" height="28" alt="Доставим за 2 дня">
|
||||
Доставим за 2 дня
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero__rightside">
|
||||
<div class="hero__form">
|
||||
<div class="hero__price-header">
|
||||
<span>
|
||||
<p><b>Только до 30.09</b> розница по оптовым ценам</p>
|
||||
</span>
|
||||
</div>
|
||||
<div class="hero__form-title">
|
||||
<p><b>Оставьте заявку</b>, чтобы узнать цену и зафиксировать скидку</p>
|
||||
</div>
|
||||
<div class="hero__form-action">
|
||||
<form class="generalform" id="generalform" action="">
|
||||
<select name="quantity" id="quantity" required>
|
||||
<option value disabled selected>Укажите количество</option>
|
||||
<option value="1">1-5 м3</option>
|
||||
<option value="5">5-10 м3</option>
|
||||
<option value="10">10-50 м3</option>
|
||||
<option value="50">50-100 м3</option>
|
||||
<option value="100">Более 100 м3</option>
|
||||
</select>
|
||||
<input type="tel" id="tel" name="tel" value="" placeholder="+7 (___) ___-____" required>
|
||||
<button class="btn btn-big">Забронировать стоимость</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero__advantages">
|
||||
<div class="hero__advantages-item">
|
||||
<div class="hero__advantages-icon">
|
||||
<img src="assets/img/advantages_icon1.svg" width="40" height="40" alt="Гарантия 50 лет">
|
||||
</div>
|
||||
<p>Гарантия 50 лет</p>
|
||||
</div>
|
||||
<div class="hero__advantages-item">
|
||||
<div class="hero__advantages-icon">
|
||||
<img src="assets/img/advantages_icon2.svg" width="40" height="40" alt="Выгрузка кран/манипулятор">
|
||||
</div>
|
||||
<p>Выгрузка с помощью крана</p>
|
||||
</div>
|
||||
<div class="hero__advantages-item">
|
||||
<div class="hero__advantages-icon">
|
||||
<img src="assets/img/advantages_icon3.svg" width="40" height="40"
|
||||
alt="Доставка от 1го дня по Томску и области до вашего объекта">
|
||||
</div>
|
||||
<p>Соответствует ГОСТ</p>
|
||||
</div>
|
||||
<div class="hero__advantages-item">
|
||||
<div class="hero__advantages-icon">
|
||||
<img src="assets/img/advantages_icon4.svg" width="38" height="38"
|
||||
alt="Большой ассортимент всегда в наличии">
|
||||
</div>
|
||||
<p>Большой ассортимент всегда в наличии</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<footer class="footer">
|
||||
<div class="footer__container container">
|
||||
<div class="footer__top">
|
||||
<div class="footer__logo flex flex-ac gap-24">
|
||||
<img src="assets/img/footer-logo.webp" width="74" height="62" alt="Продажа строительных материалов в Томске">
|
||||
<p>Продажа строительных материалов в Томске</p>
|
||||
</div>
|
||||
<div class="footer__address">
|
||||
<p>г. Томск ул. Карла Маркса 63</p>
|
||||
</div>
|
||||
<div class="footer__contacts">
|
||||
<a href="tel:+79234352557" class="footer__tel" title="Позвоните нам">+7 (923) 435 25 57</a>
|
||||
<div class="footer__socials flex flex-ac gap-10">
|
||||
<a href="https://t.me/+79234352557" target="_blank" class="footer__socials-link">
|
||||
<img src="assets/img/tg-white.svg" width="27" height="27" alt="Мы в Telegram" title="Мы в Telegram">
|
||||
</a>
|
||||
<a href="https://wa.me/+79234352557" target="_blank" class="footer__socials-link">
|
||||
<img src="assets/img/wh-white.svg" width="27" height="27" alt="Мы в Whatsapp" title="Мы в Whatsapp">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer__bottom">
|
||||
<p>© VEKTOR.RU Все права защищены</p>
|
||||
<a href="#" target="_blank">Политика конфиденциальности</a>
|
||||
<a href="#" class="modal__btn" data-modal="bank">Реквизиты компании</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<section class="modal" data-id="request">
|
||||
<div class="modal__close"></div>
|
||||
<div class="modal__content">
|
||||
<div class="modal__title">
|
||||
<p><b>Перезвоним в течении 5 минут</b> и ответим на все вопросы</p>
|
||||
</div>
|
||||
<div class="modal__form" id="modalform">
|
||||
<form action="" id="request">
|
||||
<input type="text" id="request_name" name="request_name" value="" placeholder="Введите имя" required="">
|
||||
<input type="tel" id="request_tel" name="request_tel" value="" placeholder="+7 (___) ___-____" required="">
|
||||
<button class="btn btn-big">Оставить заявку</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="modal" data-id="success">
|
||||
<div class="modal__close"></div>
|
||||
<div class="modal__content">
|
||||
<div class="modal__title">
|
||||
<p><b>Спасибо за обращение!</p>
|
||||
</div>
|
||||
<p style="text-align:center;">Наш специалист свяжется с вами в ближайшее рабочее время</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="modal" data-id="bank">
|
||||
<div class="modal__close"></div>
|
||||
<div class="modal__content">
|
||||
<span>Реквизиты компании:</span>
|
||||
<p>ИП Созыкина Лариса Александровна</p>
|
||||
<p>701404455332</p>
|
||||
<p>г. Томск ул. Карла Маркса 63</p>
|
||||
</div>
|
||||
</section>
|
||||
<div id="modal__bg"></div>
|
||||
</body>
|
||||
<script defer src="assets/js/jquery.maskedinput.min.js"></script>
|
||||
<script defer src="assets/js/script.js"></script>
|
||||
<script defer src="send/ajax.js"></script>
|
||||
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user