Compare commits
9 Commits
c007fff12e
...
led-hub--g
| Author | SHA1 | Date | |
|---|---|---|---|
|
dae1687ddf | ||
|
|
592b3fa085 | ||
|
bcc7082be6 | ||
|
|
1f1c8ca898 | ||
|
e9a8f5a104 | ||
|
|
a6fd62c235 | ||
|
|
17f7db4e52 | ||
|
|
366152cb97 | ||
|
|
17c7665854 |
14
.htaccess
14
.htaccess
@@ -1,14 +0,0 @@
|
|||||||
<IfModule mod_rewrite.c>
|
|
||||||
# Редирект: ...// -> .../
|
|
||||||
RewriteCond %{REQUEST_URI} (.*)\/\/$
|
|
||||||
RewriteRule ^(.*)$ https://%{HTTP_HOST}/%1/ [R=301,L]
|
|
||||||
|
|
||||||
# Редирект: с www -> без www
|
|
||||||
RewriteCond %{HTTP_HOST} ^www\.(.*)$
|
|
||||||
RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R=301,L]
|
|
||||||
|
|
||||||
# Редирект: HTTP -> HTTPS
|
|
||||||
RewriteCond %{HTTP:X-Forwarded-Proto} !https
|
|
||||||
RewriteCond %{HTTPS} off
|
|
||||||
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
|
|
||||||
</IfModule>
|
|
||||||
50
README.md
50
README.md
@@ -1,50 +0,0 @@
|
|||||||
## **Требования к верстке**
|
|
||||||
|
|
||||||
### **С точки зрения веб-разработки:**
|
|
||||||
* верстаем на чистом HTML/CSS с использованием flex и grid (без подключение библиотек типа bootstrap и т.п.)
|
|
||||||
* при именовании блоков используем методологию **БЭМ в стиле "Two Dashes"**:
|
|
||||||
`block-name__elem-name--mod-name--mod-val`
|
|
||||||
+ имена записываются латиницей в нижнем регистре
|
|
||||||
+ для разделения слов в именах БЭМ-сущностей используется дефис (-)
|
|
||||||
+ имя элемента отделяется от имени блока двумя подчеркиваниями (__)
|
|
||||||
+ модификаторы отделяются от имения блока или элемента двумя дефисами (--)
|
|
||||||
+ значение модификатора отделяется от его имени двумя дефисами (--)
|
|
||||||
* из конечного HTML-файла убрать все комментарии, если такие имеются
|
|
||||||
* все медиазапросы пишутся в отдельных файлах (которые мы подготовили) для того чтобы оптимизировать скорость загрузки; если используется препроцессор, то не нужно в классе каждого блока использовать импорты медиа запросов, а наоборот выносим пример можно посмотреть на ["видео"](https://www.youtube.com/watch?v=9uaENbRyVT4)
|
|
||||||
* **ВАЖНО:** если верстка делается для многостраничного сайта (особенно на CMS), то для всех страниц прописывать уникальный класс в \<body\>, от которого строить все CSS-правила на этой странице + для кажой станицы использовать свои отдельные CSS-файлы
|
|
||||||
|
|
||||||
|
|
||||||
### **С точки зрения SEO:**
|
|
||||||
* все теги использовать строго по назначению! Текстовые (strong, b, i, em, h1-h6… p) используем только в текстовых блоках и заголовках. Для дизайна используем div и span. Например не нужно втыкать в подвал, шапку или формы захвата h4 или закрывать просто крупный текст, который не является заголовком в h2.
|
|
||||||
* на странице должен быть только один заголовок первого уровня (h1)
|
|
||||||
* должны присутствовать все основные теги и атрибуты — html, head, body, title, description, lang=ru, content=html, charset=utf8
|
|
||||||
* для кнопок, нажатие на которые не требует редиректа используем тег \<button\>, а не \<a\>
|
|
||||||
* для \<img\> самостоятельно проставляем атрибут alt="", со значением описывающим того что изображено на картинке
|
|
||||||
|
|
||||||
|
|
||||||
## **Порядок работы**
|
|
||||||
|
|
||||||
### **Подготовка окружения для локальной разработки**
|
|
||||||
1. Выкачивать локально на свой компьютер шаблон командой: `git clone https://git.good-production.xyz/Good-Production/template-for-verstka.git`
|
|
||||||
2. Далее создать свою ветку командой: `git checkout -b ${project_name}--${name}`
|
|
||||||
3. Приступить к локальной разработке в созданной ветке
|
|
||||||
4. Для демонстрации работы пушить свои комиты в созданную ветку командой: `git push origin ${project_name}--${name}`
|
|
||||||
- во время push для авторизации понадобиться логин/пароль: `freelancer/freelancerfreelancer00`
|
|
||||||
5. Отписать в чат, чтоб руководитель проектом посмотрел результат и выкачал его на тестовый стенд
|
|
||||||
|
|
||||||
в командах заменить переменные:
|
|
||||||
`${project_name}` -- условное названия проекта (как варинат использовать домен сайта)
|
|
||||||
`${name}` -- имя/ник исполнителя
|
|
||||||
|
|
||||||
|
|
||||||
## **Оптимальный порядок непосредственно в процессе верстки**
|
|
||||||
1. Сначала определить CSS-переменные для основных цветов/градиентов, начертаний шрифтов (толщина, размер, модификация, межтрочный интервал) и занести в специально подгтовленный CSS-файл `style-core.css`
|
|
||||||
2. Все шрифты выкачать и сохранить локально в директорию `/assets/fonts/` и подключить их в файле `style-core.css`
|
|
||||||
3. Далее начинать стоит с верстки UI kit (должен быть предоставлен в макете дизайнером), для того чтобы переиспользовать готовые элементы по ходу верстки макетов. Стили для UI kit писать так же в файл `style-core.css`.
|
|
||||||
Саму HTML-верстку для UI kit делать в файле `ui_kit.html`
|
|
||||||
3. Как UI kit будет готов, можно смело переходить к верстке основных листов макета "*.html" и просто использовать готовые классы из `style-core.css`
|
|
||||||
|
|
||||||
|
|
||||||
### **Примечания**
|
|
||||||
|
|
||||||
Для работы с Figma рекомендуем использовать плагин ["Inspect Styles"](https://www.figma.com/community/plugin/1254262542670221199) для инспевтирования CSS-свойсв.
|
|
||||||
@@ -1,426 +1,165 @@
|
|||||||
/* Переменные, шрифты, UI kit */
|
@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;
|
||||||
|
} */
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Proxima Nova";
|
font-family: 'Furore';
|
||||||
src: local("Proxima Nova Bold"),
|
src: url('../fonts/Furore.otf');
|
||||||
local("ProximaNova-Bold"),
|
|
||||||
url("/assets/fonts/ProximaNova-Bold.woff2") format("woff2"),
|
|
||||||
url("/assets/fonts/ProximaNova-Bold.woff") format("woff"),
|
|
||||||
url("/assets/fonts/ProximaNova-Bold.ttf") format("ttf");
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: "Proxima Nova";
|
|
||||||
src: local("Proxima Nova Semibold"),
|
|
||||||
local("ProximaNova-Semibold"),
|
|
||||||
url("/assets/fonts/ProximaNova-Semibold.woff2") format("woff2"),
|
|
||||||
url("/assets/fonts/ProximaNova-Semibold.woff") format("woff"),
|
|
||||||
url("/assets/fonts/ProximaNova-Semibold.ttf") format("ttf");
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: "Proxima Nova";
|
|
||||||
src: local("Proxima Nova Regular"),
|
|
||||||
local("ProximaNova-Regular"),
|
|
||||||
url("/assets/fonts/ProximaNova-Regular.woff2") format("woff2"),
|
|
||||||
url("/assets/fonts/ProximaNova-Regular.woff") format("woff"),
|
|
||||||
url("/assets/fonts/ProximaNova-Regular.ttf") format("ttf");
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: "Proxima Nova";
|
|
||||||
src: local("Proxima Nova Light"),
|
|
||||||
local("ProximaNova-Light"),
|
|
||||||
url("/assets/fonts/ProximaNova-Light.woff2") format("woff2"),
|
|
||||||
url("/assets/fonts/ProximaNova-Light.woff") format("woff"),
|
|
||||||
url("/assets/fonts/ProximaNova-Light.ttf") format("ttf");
|
|
||||||
font-weight: 300;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
*{
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--font-family: "Proxima Nova", sans-serif;
|
--font-family: "Onest", sans-serif;
|
||||||
|
--second-family: "Furore", sans-serif;
|
||||||
--red: #d3241d;
|
--clr-general: #00071e;
|
||||||
--blood: #ae0b05;
|
--pink: #ff547f;
|
||||||
|
--white: #fff;
|
||||||
--background-main: #111114;
|
--blue-gradient: linear-gradient(174deg, #79c4f3 0%, #49aae8 100%);
|
||||||
--background-grey: #2a2a2d;
|
--pink-gradient: linear-gradient(174deg, #f485a1 0%, #ff547f 100%);
|
||||||
--background-grey-hover: #46464a;
|
/* var(--pink-gradien) */
|
||||||
|
|
||||||
--link: #86868b;
|
|
||||||
|
|
||||||
--text-white: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body{
|
html,
|
||||||
background-color: var(--background-main);
|
body,
|
||||||
|
div,
|
||||||
font-family: var(--font-family);
|
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 */
|
||||||
/* text */
|
article,
|
||||||
.title-1{
|
aside,
|
||||||
font-weight: 700;
|
details,
|
||||||
text-transform: uppercase;
|
figcaption,
|
||||||
color: var(--text-white);
|
figure,
|
||||||
|
footer,
|
||||||
|
header,
|
||||||
|
hgroup,
|
||||||
|
menu,
|
||||||
|
nav,
|
||||||
|
section {
|
||||||
|
display: block;
|
||||||
}
|
}
|
||||||
.title-2{
|
body {
|
||||||
font-weight: 700;
|
line-height: 1;
|
||||||
color: var(--text-white);
|
|
||||||
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
}
|
||||||
.title-3{
|
ol,
|
||||||
font-weight: 700;
|
ul {
|
||||||
color: var(--text-white);
|
list-style: none;
|
||||||
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
}
|
||||||
.title-4{
|
blockquote,
|
||||||
font-weight: 700;
|
q {
|
||||||
color: var(--text-white);
|
quotes: none;
|
||||||
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
}
|
||||||
.title--center{
|
blockquote:before,
|
||||||
text-align: center;
|
blockquote:after,
|
||||||
|
q:before,
|
||||||
|
q:after {
|
||||||
|
content: '';
|
||||||
|
content: none;
|
||||||
}
|
}
|
||||||
.text-1{
|
table {
|
||||||
font-weight: 400;
|
border-collapse: collapse;
|
||||||
color: var(--text-white);
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
.text-2{
|
|
||||||
font-weight: 400;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.text-3{
|
|
||||||
font-weight: 400;
|
|
||||||
color: var(--text-white);
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
.text--bo-line{
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
/* text */
|
|
||||||
|
|
||||||
/* components */
|
|
||||||
.btn-social{
|
|
||||||
margin-left: 16px;
|
|
||||||
|
|
||||||
width: 40px;
|
|
||||||
aspect-ratio: 1;
|
|
||||||
|
|
||||||
padding: 8px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
background-color: var(--background-grey);
|
|
||||||
|
|
||||||
transition: background-color .3s;
|
|
||||||
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.btn-social:first-child{
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.btn-social:hover{
|
|
||||||
background-color: var(--background-grey-hover);
|
|
||||||
}
|
|
||||||
.btn-social:active{
|
|
||||||
background-color: var(--background-grey-hover);
|
|
||||||
}
|
|
||||||
.btn-social> img{
|
|
||||||
width: 24px;
|
|
||||||
aspect-ratio: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-big{
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
padding: 22.5px 32px;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 16px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--text-white);
|
|
||||||
text-decoration: none;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
transition: background-color .3s;
|
|
||||||
}
|
|
||||||
.btn-big--border{
|
|
||||||
padding: 21px 32px;
|
|
||||||
|
|
||||||
border: 1px solid;
|
|
||||||
}
|
|
||||||
.btn-big--border--blood{
|
|
||||||
border-color: var(--blood);
|
|
||||||
}
|
|
||||||
.btn-big--border--white{
|
|
||||||
border-color: var(--text-white);
|
|
||||||
}
|
|
||||||
.btn-big--blood{
|
|
||||||
background-color: var(--blood);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-big--social{
|
|
||||||
padding-right: 66px;
|
|
||||||
|
|
||||||
background-position: top 20px right 34px;
|
|
||||||
background-size: 24px;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
.btn-big--tg{
|
|
||||||
background-image: url(/assets/img/social/telegram.svg);
|
|
||||||
}
|
|
||||||
.btn-big--ws{
|
|
||||||
background-image: url(/assets/img/social/whatsapp.svg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn--100-per{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.link{
|
|
||||||
font-weight: 400;
|
|
||||||
text-transform: uppercase;
|
|
||||||
text-decoration: underline;
|
|
||||||
text-decoration-skip-ink: none;
|
|
||||||
color: var(--link);
|
|
||||||
}
|
|
||||||
|
|
||||||
.input__block{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.input__label{
|
|
||||||
position: absolute;
|
|
||||||
top: 14px;
|
|
||||||
left: 24px;
|
|
||||||
|
|
||||||
|
|
||||||
font-size: 12px;
|
|
||||||
color: var(--link);
|
|
||||||
text-transform: uppercase;
|
|
||||||
|
|
||||||
transition: all 0.3s;
|
|
||||||
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
.input__field{
|
|
||||||
height: 64px;
|
|
||||||
|
|
||||||
padding: 31px 24px 14px 24px;
|
|
||||||
|
|
||||||
height: 64px;
|
|
||||||
|
|
||||||
background-color: var(--background-grey-hover);
|
|
||||||
border: none;
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 16px;
|
|
||||||
color: var(--text-white);
|
|
||||||
|
|
||||||
outline: none;
|
|
||||||
transition: all 0.3s;
|
|
||||||
}
|
|
||||||
.input__field:hover{
|
|
||||||
border: 1px solid var(--text-white);
|
|
||||||
}
|
|
||||||
.input__field:focus{
|
|
||||||
border: 1px solid var(--text-white);
|
|
||||||
}
|
|
||||||
.input__field:placeholder-shown + .input__label{
|
|
||||||
top: 22.5px;
|
|
||||||
left: 24px;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 16px;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.input__field:focus + .input__label{
|
|
||||||
top: 14px;
|
|
||||||
left: 24px;
|
|
||||||
|
|
||||||
|
|
||||||
font-size: 12px;
|
|
||||||
color: var(--link);
|
|
||||||
}
|
|
||||||
.input__field:not(:placeholder-shown):invalid{
|
|
||||||
border: 1px solid #ef120a;
|
|
||||||
}
|
|
||||||
.input__error{
|
|
||||||
margin-top: 16px;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 12px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--text-white);
|
|
||||||
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.form.checked .input__error{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form__item{
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
.form__item:first-child{
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.form__item--two{
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
.form__item--two .input__block{
|
|
||||||
width: calc(50% - 8px);
|
|
||||||
}
|
|
||||||
.form__additional{
|
|
||||||
margin-top: 32px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.form__additional input[type="file"]{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.form-additional__text{
|
|
||||||
margin-left: 16px;
|
|
||||||
}
|
|
||||||
.form input[type=submit]{
|
|
||||||
margin-top: 32px;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
.form__link{
|
|
||||||
margin-left: 6px;
|
|
||||||
|
|
||||||
font-size: 16px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
text-decoration: underline;
|
|
||||||
text-decoration-skip-ink: none;
|
|
||||||
color: var(--link);
|
|
||||||
}
|
|
||||||
.form__file{
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.form__mini-btn{
|
|
||||||
background-color: var(--background-grey-hover);
|
|
||||||
border: none;
|
|
||||||
|
|
||||||
transition: all .3s;
|
|
||||||
}
|
|
||||||
.form__mini-btn:hover{
|
|
||||||
opacity: .8;
|
|
||||||
}
|
|
||||||
.form__checkbox{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.form__checkbox:checked + .form-checkbox__square{
|
|
||||||
border-color: var(--blood);
|
|
||||||
|
|
||||||
background-image: url(/assets/img/icon/red-arrow.svg);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center;
|
|
||||||
}
|
|
||||||
.form.checked .form__checkbox:invalid + .form-checkbox__square{
|
|
||||||
border-color: var(--blood);
|
|
||||||
}
|
|
||||||
.form__checkbox-block{
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.form-checkbox__square{
|
|
||||||
width: 18px;
|
|
||||||
aspect-ratio: 1;
|
|
||||||
|
|
||||||
border-radius: 4px;
|
|
||||||
border: 1.50px solid var(--text-white);
|
|
||||||
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
/* components */
|
|
||||||
|
|
||||||
/* header */
|
|
||||||
.header__logo{
|
|
||||||
width: 74px;
|
|
||||||
height: 64px;
|
|
||||||
|
|
||||||
background-image: url(/assets/img/main/logo.svg);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
}
|
|
||||||
/* header */
|
|
||||||
|
|
||||||
/* footer */
|
|
||||||
.footer__logo{
|
|
||||||
width: 74px;
|
|
||||||
height: 64px;
|
|
||||||
}
|
|
||||||
.footer__menu{
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.footer-menu__list{
|
|
||||||
list-style-type: none;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.footer-menu__list a{
|
|
||||||
color: var(--text-white);
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.footer__text{
|
|
||||||
margin-top: 24px;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.footer__text:first-child{
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.footer__text--no-line{
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.footer__media{
|
|
||||||
margin-top: 24px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.footer__review{
|
|
||||||
width: 309px;
|
|
||||||
height: 146px;
|
|
||||||
}
|
|
||||||
.footer__about{
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 16px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--link);
|
|
||||||
}
|
|
||||||
/* footer */
|
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -1,64 +1,302 @@
|
|||||||
/* Стили для мобильных устройств */
|
/* GP | Start - Стили для мобильных устройств */
|
||||||
@media only screen and (max-width: 576px) {
|
@media screen and (max-width: 576px) {
|
||||||
|
/* Start - Header */
|
||||||
|
.header__logo p {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
/* component */
|
/* Start - Hero block */
|
||||||
.link{
|
.hero::after{
|
||||||
font-size: 14px;
|
width: 90vw;
|
||||||
}
|
height: 100vh;
|
||||||
|
height: 70%;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero__content {
|
||||||
|
display: grid;
|
||||||
|
grid-template-areas:
|
||||||
|
"a"
|
||||||
|
"c"
|
||||||
|
"b";
|
||||||
|
}
|
||||||
|
.hero__content::after {
|
||||||
|
right: -320px;
|
||||||
|
top: 290px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* footer */
|
|
||||||
.footer{
|
|
||||||
padding: 40px 16px;
|
|
||||||
}
|
|
||||||
.footer__wrapper{
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.footer__item{
|
|
||||||
margin-top: 40px;
|
|
||||||
}
|
|
||||||
.footer__item:nth-child(2){
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.footer__contact .footer__item:nth-child(2),
|
|
||||||
.footer__contact .footer__item:nth-child(3){
|
|
||||||
margin-top: 40px;
|
|
||||||
}
|
|
||||||
.footer__contact{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.footer__contact .footer__item{
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.footer-menu__item{
|
|
||||||
margin-left: 53px;
|
|
||||||
}
|
|
||||||
.footer-menu__item:first-child{
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.footer-menu__list{
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
.footer-menu__list li{
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
.footer-menu__list li:first-child{
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.footer__text{
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
font-size: 18px;
|
.hero__leftside {
|
||||||
|
gap: 18px;
|
||||||
|
margin-bottom: 20vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero__rightside {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.hero__advantages {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero__price {
|
||||||
|
margin-top: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero__title h1 {
|
||||||
|
font-size: 3em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero__title p {
|
||||||
|
font-size: 2em;
|
||||||
|
line-height: 160%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero__title p>span {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.hero__desc {
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero__desc p {
|
||||||
|
font-size: 13px;
|
||||||
|
padding: 8px 12px;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero__desc img {
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* Start - Footer */
|
||||||
|
.footer__logo{
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
/* End - Footer */
|
||||||
}
|
}
|
||||||
.footer__about{
|
|
||||||
display: flex;
|
/* GP | End - Стили для мобильных устройств*/
|
||||||
flex-direction: column;
|
|
||||||
align-items: start;
|
/* от верстальщика перенести вверх потом */
|
||||||
|
@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__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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.footer-about__link{
|
@media screen and (max-width: 470px) {
|
||||||
margin-top: 24px;
|
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__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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
/* footer */
|
@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,541 +1,255 @@
|
|||||||
/* Стили для планшетов */
|
*[class*='__container'] {
|
||||||
@media only screen and (max-width: 992px) {
|
padding: 0 42px;
|
||||||
.wrapper{
|
}
|
||||||
width: 100%;
|
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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.phone--hone{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* text */
|
|
||||||
.title-1{
|
|
||||||
font-size: 32px;
|
|
||||||
}
|
|
||||||
.title-2{
|
|
||||||
font-size: 32px;
|
|
||||||
}
|
|
||||||
.title-3{
|
|
||||||
font-size: 32px;
|
|
||||||
}
|
|
||||||
.text-1{
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
.text-2{
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
/* text */
|
|
||||||
|
|
||||||
/* component */
|
|
||||||
.btn-big{
|
|
||||||
padding: 23.5px 19.5px;
|
|
||||||
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
/* component */
|
|
||||||
|
|
||||||
/* header */
|
|
||||||
.header{
|
|
||||||
padding: 24px 16px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.header__wrapper{
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.header__phone{
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.header-phone__item{
|
|
||||||
margin-left: 24px;
|
|
||||||
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
|
|
||||||
transition: opacity .3s;
|
|
||||||
}
|
|
||||||
.header-phone__item > img{
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.header-phone__item:first-child{
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.header-phone__item:active{
|
|
||||||
opacity: .8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-menu{
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.button-menu__open{
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
transition: opacity .3s;
|
|
||||||
}
|
|
||||||
.button-menu__close{
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
transition: opacity .3s;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.button-menu.open .button-menu__open{
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.button-menu.open .button-menu__close{
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.phone-menu{
|
|
||||||
position: absolute;
|
|
||||||
top: 112px;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.phone-menu__block-content{
|
|
||||||
/* height: 0; */
|
|
||||||
/* overflow: hidden; */
|
|
||||||
}
|
|
||||||
.phone-menu__content{
|
|
||||||
padding: 0 16px 40px 16px;
|
|
||||||
|
|
||||||
}
|
|
||||||
.phone-menu__block{
|
|
||||||
margin-top: 32px;
|
|
||||||
}
|
|
||||||
.phone-menu__title{
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 32px;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.phone-menu__list{
|
|
||||||
list-style-type: none;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 14px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.phone-menu__list a{
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 14px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
color: var(--text-white);
|
|
||||||
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.phone-menu__list li{
|
|
||||||
margin-top: 24px;
|
|
||||||
}
|
|
||||||
.phone-menu__list li:first-child{
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.phone-menu--next{
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
background-image: url(/assets/img/icon/arrow-right.svg);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.phone-menu__text{
|
|
||||||
margin-top: 24px;
|
|
||||||
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 16px;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.phone-menu__text:first-child{
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.phone-menu__text > a {
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
.phone-menu__text--no-line{
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.phone-social{
|
|
||||||
margin-top: 24px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
/* header */
|
|
||||||
|
|
||||||
/* footer */
|
|
||||||
.footer__wrapper{
|
|
||||||
padding: 0 16px;
|
|
||||||
|
|
||||||
justify-content: start;
|
|
||||||
}
|
|
||||||
.footer__item:nth-child(2){
|
|
||||||
margin-left: 38px;
|
|
||||||
}
|
|
||||||
.footer__contact{
|
|
||||||
margin-top: 20px;
|
|
||||||
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
.footer__contact .footer__item:nth-child(3){
|
|
||||||
margin-top: 20px;
|
|
||||||
margin-left: 0;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
/* footer */
|
|
||||||
}
|
|
||||||
/* footer */
|
|
||||||
@media only screen and (max-width: 829px) {
|
|
||||||
.footer__about{
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: 630px) {
|
|
||||||
.footer__wrapper{
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.footer__contact{
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.footer__contact .footer__item:nth-child(2){
|
|
||||||
margin-top: 20px;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* footer */
|
|
||||||
|
|
||||||
main{
|
|
||||||
padding: 0 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* space */
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
.space{
|
|
||||||
margin-top: 32px;
|
|
||||||
}
|
|
||||||
.space__content{
|
|
||||||
margin-top: 24px;
|
|
||||||
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.space__consultation{
|
|
||||||
order: 1;
|
|
||||||
|
|
||||||
margin-left: 0;
|
|
||||||
|
|
||||||
max-width: 100%;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.space__consultation .btn-big{
|
|
||||||
margin-top: 40px;
|
|
||||||
}
|
|
||||||
.space__statistics{
|
|
||||||
order: 2;
|
|
||||||
|
|
||||||
margin-top: 40px;
|
|
||||||
|
|
||||||
width: auto;
|
|
||||||
height: auto;
|
|
||||||
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
.space-statistics__img{
|
|
||||||
position: static;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
min-height: 300px;
|
|
||||||
}
|
|
||||||
.space-statistics__item{
|
|
||||||
margin-top: 16px;
|
|
||||||
margin-left: 0;
|
|
||||||
|
|
||||||
width: calc(50% - 8px);
|
|
||||||
height: 160px;
|
|
||||||
|
|
||||||
background: #2a2a2d;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* space */
|
|
||||||
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
.main__item{
|
|
||||||
margin-top: 96px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* gym */
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
.gym{
|
|
||||||
margin: 40px -16px 0 0;
|
|
||||||
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.gym .swiper-wrapper{
|
|
||||||
flex-wrap: nowrap;
|
|
||||||
}
|
|
||||||
.gym .swiper-slide:nth-child(3){
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column-reverse;
|
|
||||||
}
|
|
||||||
.gym__item{
|
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
flex-direction: column-reverse;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.gym-item__img, .gym-item__text{
|
|
||||||
max-width: 100%;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
height: 179px;
|
|
||||||
}
|
|
||||||
.gym-item__img{
|
|
||||||
margin-top: 24px;
|
|
||||||
}
|
|
||||||
.gym-item-text__header .text-1{
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
.gym-item-text__header .title-2{
|
|
||||||
margin-left: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* gym */
|
|
||||||
|
|
||||||
/* projects */
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
.projects{
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.projects .swiper-wrapper{
|
|
||||||
margin: 40px 0 0 0;
|
|
||||||
|
|
||||||
flex-wrap: nowrap;
|
|
||||||
}
|
|
||||||
.projects__item{
|
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
.projects-item__img{
|
|
||||||
height: 200px;
|
|
||||||
}
|
|
||||||
.projects-item__content{
|
|
||||||
padding: 16px;
|
|
||||||
|
|
||||||
min-height: auto;
|
|
||||||
}
|
|
||||||
.projects-item__tag{
|
|
||||||
margin-left: 24px;
|
|
||||||
}
|
|
||||||
.projects-item__text{
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
.projects-item__text .text-1{
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
.projects__next{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.projects__counter{
|
|
||||||
margin-top: 40px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 18px;
|
|
||||||
color: var(--text-white);
|
|
||||||
}
|
|
||||||
|
|
||||||
.projects .swiper-button-next::after, .projects .swiper-button-prev::after{
|
|
||||||
position: static;
|
|
||||||
|
|
||||||
font-size: 0;
|
|
||||||
}
|
|
||||||
.projects .swiper-button-next, .projects .swiper-button-prev{
|
|
||||||
position: static;
|
|
||||||
|
|
||||||
margin-top: 0;
|
|
||||||
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
}
|
|
||||||
.projects .swiper-button-next{
|
|
||||||
margin-left: 40px;
|
|
||||||
|
|
||||||
background-image: url(/assets/img/icon/slider-righ.svg);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
.projects .swiper-button-prev{
|
|
||||||
margin-right: 40px;
|
|
||||||
|
|
||||||
background-image: url(/assets/img/icon/slider-left.svg);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* projects */
|
|
||||||
|
|
||||||
/* how */
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
.how{
|
|
||||||
margin-top: 40px;
|
|
||||||
}
|
|
||||||
.how__content{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.how__control{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.how-control__item{
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
.how-control-item__number{
|
|
||||||
width: 40px;
|
|
||||||
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
.how-control__item__name{
|
|
||||||
margin-top: 16px;
|
|
||||||
margin-left: 0;
|
|
||||||
|
|
||||||
max-width: 100%;
|
|
||||||
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
.how-content__item-block{
|
|
||||||
position: static;
|
|
||||||
}
|
|
||||||
.how-content__item-block.active{
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
.how-content__item{
|
|
||||||
padding: 16px;
|
|
||||||
}
|
|
||||||
.how-content-item__text{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.how-content-item__img{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* how */
|
|
||||||
|
|
||||||
/* free */
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
.free{
|
|
||||||
padding: 40px 16px 39px 16px;
|
|
||||||
}
|
|
||||||
.free__content{
|
|
||||||
margin-top: 40px;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.form__item--two{
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.form__item--two .input__block{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.form__item--two .input__block:nth-child(2){
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
.form__additional,
|
|
||||||
.form input[type=submit]{
|
|
||||||
margin-top: 24px;
|
|
||||||
}
|
|
||||||
.form__checkbox-block{
|
|
||||||
align-items: start;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* reviews */
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
.reviews__item{
|
|
||||||
padding-bottom: 71px;
|
|
||||||
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.reviews-item-content-header__img{
|
|
||||||
width: 80px;
|
|
||||||
height: 80px;
|
|
||||||
}
|
|
||||||
.reviews-item-content-header__block{
|
|
||||||
margin-left: 16px;
|
|
||||||
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.reviews-item-content-header__item .text-2{
|
|
||||||
margin-top: 12px;
|
|
||||||
}
|
|
||||||
.reviews-item-content-header__item:nth-child(2){
|
|
||||||
margin-top: 12px;
|
|
||||||
|
|
||||||
justify-content: start;
|
|
||||||
}
|
|
||||||
.reviews-item-content__text{
|
|
||||||
margin-top: 24px;
|
|
||||||
}
|
|
||||||
.reviews-item__img{
|
|
||||||
margin-top: 24px;
|
|
||||||
margin-left: 0;
|
|
||||||
|
|
||||||
height: 300px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.reviews .swiper-pagination{
|
|
||||||
bottom: 87px;
|
|
||||||
|
|
||||||
padding-right: 0px;
|
|
||||||
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.reviews .swiper-pagination-bullet{
|
|
||||||
width: 53px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* reviews */
|
|
||||||
|
|
||||||
/* text-form */
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
.text-form__form{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.text-form__content .text-2{
|
|
||||||
margin-top: 24px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* text-form */
|
|
||||||
|
|
||||||
@media only screen and (max-width: 992px) {}
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
/* Стили для ультрашироких экранов */
|
|
||||||
@media only screen and (min-width: 1400px) {
|
|
||||||
|
|
||||||
}
|
|
||||||
BIN
assets/fonts/DINPro-Black.eot
Normal file
BIN
assets/fonts/DINPro-Black.eot
Normal file
Binary file not shown.
BIN
assets/fonts/DINPro-Black.ttf
Normal file
BIN
assets/fonts/DINPro-Black.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/DINPro-Black.woff
Normal file
BIN
assets/fonts/DINPro-Black.woff
Normal file
Binary file not shown.
BIN
assets/fonts/DINPro-Medium.eot
Normal file
BIN
assets/fonts/DINPro-Medium.eot
Normal file
Binary file not shown.
BIN
assets/fonts/DINPro-Medium.ttf
Normal file
BIN
assets/fonts/DINPro-Medium.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/DINPro-Medium.woff
Normal file
BIN
assets/fonts/DINPro-Medium.woff
Normal file
Binary file not shown.
BIN
assets/fonts/Furore.otf
Normal file
BIN
assets/fonts/Furore.otf
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
assets/img/Logo--footer.png
Normal file
BIN
assets/img/Logo--footer.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
assets/img/Logo--header.png
Normal file
BIN
assets/img/Logo--header.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
3
assets/img/advantages_icon1.svg
Normal file
3
assets/img/advantages_icon1.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.4873 2.39045L25.9881 4.2624C26.6721 4.77436 27.392 5.03637 28.245 5.08387L31.3639 5.25736C33.2315 5.36121 34.7484 6.63393 35.1749 8.45519L35.8875 11.4967C36.0823 12.3285 36.4654 12.9919 37.0883 13.5766L39.3661 15.7144C40.7299 16.9944 41.0737 18.9444 40.23 20.6137L38.8207 23.4015C38.4354 24.164 38.3023 24.9184 38.4037 25.7667L38.7745 28.8685C38.9965 30.7258 38.0064 32.4405 36.287 33.1769L33.4155 34.4067C32.6301 34.743 32.0432 35.2354 31.5757 35.9504L29.8659 38.5648C28.8421 40.1302 26.9815 40.8073 25.1911 40.2662L22.2009 39.3626C21.3831 39.1154 20.617 39.1154 19.7992 39.3626L16.809 40.2662C15.0186 40.8073 13.1579 40.1302 12.1342 38.5648L10.4244 35.9504C9.95674 35.2354 9.36989 34.743 8.5846 34.4067L5.71285 33.1767C3.99348 32.4403 3.00344 30.7256 3.22542 28.8683L3.5962 25.7666C3.69759 24.9183 3.56453 24.1638 3.17915 23.4014L1.76994 20.6135C0.926164 18.9443 1.26996 16.9943 2.63381 15.7142L4.91157 13.5764C5.53452 12.9918 5.91752 12.3283 6.11234 11.4965L6.82487 8.45502C7.25143 6.63385 8.76827 5.36113 10.6359 5.2572L13.7548 5.0837C14.6078 5.03629 15.3277 4.7742 16.0117 4.26224L18.5125 2.39029C20.0098 1.26958 21.9899 1.26958 23.4873 2.39045ZM19.4046 22.0713L16.6907 19.3574C15.9873 18.654 14.8463 18.654 14.143 19.3574C13.4395 20.0608 13.4395 21.2017 14.143 21.9051L18.1347 25.8968C18.8381 26.6001 19.9791 26.6002 20.6824 25.8968C23.0884 23.4907 25.4671 21.0576 27.862 18.6406C28.5604 17.9358 28.5581 16.7985 27.8542 16.0985C27.1502 15.3984 26.0097 15.4004 25.3106 16.1064L19.4046 22.0713ZM20.9999 7.5841C17.2953 7.5841 13.9412 9.08576 11.5134 11.5136C9.08565 13.9414 7.58398 17.2954 7.58398 21C7.58398 24.7046 9.08565 28.0586 11.5134 30.4864C13.9412 32.9142 17.2953 34.4159 20.9999 34.4159C24.7045 34.4159 28.0585 32.9142 30.4863 30.4864C32.9141 28.0586 34.4157 24.7046 34.4157 21C34.4157 17.2954 32.9141 13.9414 30.4863 11.5136C28.0585 9.08576 24.7045 7.5841 20.9999 7.5841ZM29.5583 12.4416C27.368 10.2513 24.3421 8.8966 20.9999 8.8966C17.6576 8.8966 14.6317 10.2513 12.4415 12.4416C10.2512 14.6318 8.89648 17.6577 8.89648 21C8.89648 24.3423 10.2512 27.3681 12.4415 29.5584C14.6317 31.7486 17.6576 33.1034 20.9999 33.1034C24.3421 33.1034 27.368 31.7486 29.5583 29.5585C31.7485 27.3682 33.1032 24.3423 33.1032 21.0001C33.1033 17.6577 31.7485 14.6318 29.5583 12.4416Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.4 KiB |
3
assets/img/advantages_icon2.svg
Normal file
3
assets/img/advantages_icon2.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M33.937 8.21272L31.312 1.65022C31.1172 1.1631 30.7809 0.745525 30.3464 0.45138C29.912 0.157236 29.3994 1.40132e-05 28.8748 0L13.1248 0C12.6001 1.40132e-05 12.0875 0.157236 11.6531 0.45138C11.2187 0.745525 10.8824 1.1631 10.6876 1.65022L8.06256 8.21272C7.81195 8.83841 7.81195 9.53659 8.06256 10.1623L10.6876 16.7248C10.8824 17.2119 11.2187 17.6295 11.6531 17.9236C12.0875 18.2178 12.6001 18.375 13.1248 18.375H14.4373C14.4373 19.8247 15.6126 21 17.0623 21H18.3748V22.0081C18.3748 25.1298 20.0827 27.9804 22.725 29.271C24.0894 29.9382 24.9373 31.2949 24.9373 32.8118C24.9373 34.9094 23.0967 36.75 20.9991 36.75C18.8285 36.75 17.0623 34.9838 17.0623 32.8125C17.0623 31.3628 15.8869 30.1875 14.4373 30.1875C12.9876 30.1875 11.8123 31.3628 11.8123 32.8125C11.8123 37.8786 15.9337 42 20.9991 42C25.9793 42 30.1873 37.792 30.1873 32.8118C30.1873 29.2729 28.2108 26.109 25.0296 24.5543C24.176 24.137 23.6248 23.138 23.6248 22.0081V21H24.9373C26.3869 21 27.5623 19.8247 27.5623 18.375H28.8748C29.3994 18.375 29.912 18.2178 30.3464 17.9236C30.7809 17.6295 31.1172 17.2119 31.312 16.7248L33.937 10.1623C34.1876 9.53659 34.1876 8.83841 33.937 8.21272ZM14.8748 14.4375H12.1076L15.6075 3.9375H18.3748L14.8748 14.4375ZM20.6334 14.4375H17.8662L21.3661 3.9375H24.1334L20.6334 14.4375ZM26.392 14.4375H23.6248L27.1247 3.9375H29.892L26.392 14.4375Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.4 KiB |
3
assets/img/advantages_icon3.svg
Normal file
3
assets/img/advantages_icon3.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.6397 34.263L13.6801 40.559C13.6481 40.627 13.5982 40.6849 13.5356 40.7265C13.4731 40.7682 13.4004 40.7919 13.3253 40.7952C13.2503 40.7984 13.1758 40.7811 13.1099 40.7451C13.0439 40.709 12.9892 40.6556 12.9514 40.5907L10.8517 36.9772L6.73763 37.6979C6.66354 37.7109 6.5873 37.7033 6.51719 37.676C6.44709 37.6488 6.3858 37.6028 6.33998 37.5431C6.29416 37.4835 6.26556 37.4124 6.2573 37.3376C6.24903 37.2629 6.26141 37.1872 6.29309 37.119L9.65498 29.8747C9.90278 29.9924 10.0941 30.1053 10.2628 30.2472C10.7131 30.6254 10.9891 31.1968 11.8327 32.4867L11.8331 32.4873C12.885 34.0938 14.7901 34.8028 16.6397 34.263ZM22.9569 34.4322C24.4805 34.5324 25.9414 33.8179 26.8126 32.4873L26.8138 32.4856C27.6548 31.1967 27.9303 30.6256 28.3806 30.2477C28.6842 29.9929 29.0602 29.8314 29.7057 29.5677L32.3747 35.7988C32.4043 35.8679 32.4144 35.9438 32.4039 36.0183C32.3935 36.0927 32.3628 36.1629 32.3153 36.2211C32.2678 36.2794 32.2052 36.3236 32.1344 36.3488C32.0636 36.374 31.9872 36.3794 31.9136 36.3643L27.8208 35.5271L25.6212 39.0682C25.5813 39.1323 25.5246 39.1842 25.4573 39.2182C25.3899 39.2523 25.3145 39.2672 25.2393 39.2613C25.1641 39.2554 25.0919 39.229 25.0307 39.1849C24.9695 39.1408 24.9215 39.0807 24.8921 39.0112L22.9569 34.4322ZM33.2858 16.3508C33.6082 17.1302 33.5853 18.025 33.1798 18.8301C31.5957 21.9625 31.7117 21.2932 32.1312 24.778C32.2873 26.1166 31.5778 27.3526 30.3374 27.8791C27.1113 29.2623 27.6289 28.8251 25.7103 31.7655C24.974 32.8899 23.6309 33.3808 22.3415 32.9881C18.9815 31.9753 19.6598 31.9753 16.3043 32.9881C15.0103 33.3808 13.6717 32.8899 12.9354 31.7655C11.0123 28.8251 11.5344 29.2623 8.30835 27.8791C7.06787 27.3526 6.35395 26.1166 6.51462 24.778C6.9296 21.2932 7.05008 21.9625 5.46602 18.8301C4.85916 17.6253 5.10457 16.2198 6.09075 15.3006C8.64748 12.8956 8.30835 13.4845 9.10701 10.0667C9.41493 8.75485 10.5082 7.84008 11.8556 7.76423C15.3583 7.5679 14.7203 7.79997 17.5314 5.69832C18.6112 4.89069 20.0346 4.89069 21.1144 5.69832C21.175 5.74362 21.234 5.78784 21.2915 5.831C21.0087 6.68615 20.8556 7.60002 20.8556 8.54938C20.8556 9.38123 20.9732 10.1857 21.1924 10.9473C20.5784 10.8065 19.9505 10.7356 19.3207 10.7359C14.7114 10.7359 10.9499 14.4975 10.9499 19.1067C10.9499 23.716 14.7114 27.4775 19.3207 27.4775C23.9344 27.4775 27.6914 23.716 27.6914 19.1067C27.6914 18.3627 27.5935 17.6408 27.41 16.9533C28.0995 17.1256 28.8075 17.2125 29.5183 17.2121C30.8682 17.2121 32.1464 16.9026 33.2858 16.3508ZM19.566 13.9952L20.8284 17.3161C20.8666 17.417 20.9538 17.4797 21.0601 17.4851L24.61 17.6596C24.8527 17.6705 24.9509 17.9759 24.7627 18.1259L21.9926 20.3534C21.9081 20.4188 21.8753 20.5224 21.9026 20.626L22.8351 24.0559C22.9005 24.2877 22.6415 24.4759 22.4398 24.345L19.4651 22.3983C19.3752 22.3382 19.2661 22.3382 19.1761 22.3983L16.2043 24.345C16.0025 24.4759 15.7435 24.2877 15.8062 24.0559L16.7387 20.626C16.7659 20.5224 16.7332 20.4188 16.6486 20.3534L13.8785 18.1259C13.6904 17.9759 13.7886 17.6705 14.0312 17.6596L17.5811 17.4851C17.6874 17.4797 17.7747 17.417 17.8129 17.3161L19.0753 13.9952C19.1598 13.7689 19.4815 13.7689 19.566 13.9952ZM29.5183 1.20441C33.5721 1.20441 36.8632 4.49564 36.8632 8.54938C36.8632 12.6032 33.5721 15.8944 29.5183 15.8944C25.4645 15.8944 22.1733 12.6032 22.1733 8.54938C22.1733 4.49564 25.4645 1.20441 29.5183 1.20441ZM28.5233 9.21751L26.8288 7.52302C26.3898 7.08416 25.6772 7.08416 25.2383 7.52302C24.7994 7.96418 24.7994 8.67456 25.2383 9.11342L27.7292 11.6066C28.1681 12.0455 28.8808 12.0455 29.3196 11.6066C30.8218 10.1044 32.3059 8.58636 33.8014 7.07732C34.238 6.63616 34.2358 5.92578 33.7968 5.48915C33.358 5.05251 32.6453 5.05482 32.2087 5.49368L28.5233 9.21751Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.7 KiB |
11
assets/img/advantages_icon4.svg
Normal file
11
assets/img/advantages_icon4.svg
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_2019_1481)">
|
||||||
|
<path d="M38.8039 7.4743H36.7467V2.37257C36.7467 1.72501 36.2217 1.20001 35.5742 1.20001H34.6135V2.60318C34.6135 3.23456 34.1282 3.77785 33.4976 3.80755C32.8242 3.83929 32.2683 3.30272 32.2683 2.63632V1.20001H30.1351V7.47438H27.8352V1.20001H25.7091V2.63632C25.7091 3.28389 25.1841 3.80888 24.5365 3.80888C23.889 3.80888 23.364 3.28389 23.364 2.63632V1.20001H21.2236V7.47438H18.8785V1.20001H16.7381V2.63632C16.7381 3.28389 16.2131 3.80888 15.5655 3.80888C14.918 3.80888 14.393 3.28389 14.393 2.63632V1.20001H12.2192V7.47438H9.88878V1.20001H7.73182V2.60318C7.73182 3.23456 7.24661 3.77785 6.61593 3.80755C5.94257 3.83929 5.3867 3.30272 5.3867 2.63632V1.20001H4.40221C3.75465 1.20001 3.22965 1.72501 3.22965 2.37257V7.47438H1.17244C0.524872 7.47438 -0.00012207 7.99937 -0.00012207 8.64694V10.9921C-0.00012207 11.6396 0.524872 12.1646 1.17244 12.1646H38.8039C39.4515 12.1646 39.9765 11.6396 39.9765 10.9921V8.64694C39.9765 7.9993 39.4516 7.4743 38.8039 7.4743ZM33.0328 22.5209C35.5825 22.5209 37.8957 23.5512 39.579 25.2168C39.8223 25.002 39.9765 24.6887 39.9765 24.3385V21.9934C39.9765 21.3458 39.4515 20.8208 38.8039 20.8208H36.7467V15.7398C36.7467 15.0922 36.2217 14.5672 35.5742 14.5672H34.6135V15.9704C34.6135 16.6017 34.1282 17.145 33.4976 17.1747C32.8242 17.2065 32.2683 16.6699 32.2683 16.0035V14.5672H30.1351V20.8208H27.8352V14.5672H25.7091V16.0035C25.7091 16.6511 25.1841 17.1761 24.5365 17.1761C23.889 17.1761 23.364 16.6511 23.364 16.0035V14.5672H21.2236V20.8208H18.8785V14.5672H16.7381V16.0035C16.7381 16.6511 16.2131 17.1761 15.5655 17.1761C14.918 17.1761 14.393 16.6511 14.393 16.0035V14.5672H12.2192V20.8208H9.88878V14.5672H7.73182V15.9704C7.73182 16.6017 7.24661 17.145 6.61593 17.1747C5.94257 17.2065 5.3867 16.6699 5.3867 16.0035V14.5672H4.40221C3.75465 14.5672 3.22965 15.0922 3.22965 15.7398V20.8208H1.17244C0.524872 20.8208 -0.00012207 21.3458 -0.00012207 21.9934V24.3385C-0.00012207 24.9861 0.524872 25.5111 1.17244 25.5111H26.2022C27.9044 23.6734 30.3363 22.5209 33.0328 22.5209ZM23.7207 31.8331C23.7207 31.3165 23.7637 30.8099 23.8449 30.3161C23.5538 30.1027 23.364 29.7593 23.364 29.3708V27.9345H21.2236V34.1099H18.8785V27.9345H16.7381V29.3708C16.7381 30.0183 16.2131 30.5433 15.5655 30.5433C14.918 30.5433 14.393 30.0183 14.393 29.3708V27.9345H12.2192V34.1099H9.88878V27.9345H7.73182V29.3376C7.73182 29.969 7.24661 30.5123 6.61593 30.542C5.94257 30.5737 5.3867 30.0372 5.3867 29.3708V27.9345H4.40221C3.75465 27.9345 3.22965 28.4594 3.22965 29.107V34.1099H1.17244C0.524872 34.1099 -0.00012207 34.6349 -0.00012207 35.2825V37.6276C-0.00012207 38.2752 0.524872 38.8002 1.17244 38.8002H26.8614C24.9363 37.0928 23.7207 34.6024 23.7207 31.8331Z" fill="white"/>
|
||||||
|
<path d="M33.0327 24.866C29.191 24.866 26.0656 27.9914 26.0656 31.8331C26.0656 35.6747 29.191 38.8001 33.0327 38.8001C36.8743 38.8001 39.9997 35.6747 39.9997 31.8331C39.9997 27.9914 36.8743 24.866 33.0327 24.866ZM36.3039 29.8145L33.2962 35.0241C33.1933 35.2024 33.0452 35.3504 32.867 35.4534C32.6888 35.5563 32.4866 35.6105 32.2807 35.6105C32.0749 35.6105 31.8727 35.5563 31.6945 35.4534C31.5162 35.3504 31.3682 35.2024 31.2653 35.0241L29.7614 32.4193C29.4376 31.8585 29.6297 31.1413 30.1905 30.8176C30.7514 30.4937 31.4685 30.686 31.7922 31.2468L32.2807 32.0927L34.2731 28.6419C34.5968 28.0811 35.3139 27.8887 35.8748 28.2127C36.4356 28.5365 36.6277 29.2536 36.3039 29.8145Z" fill="white"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_2019_1481">
|
||||||
|
<rect width="40" height="40" fill="white"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.5 KiB |
BIN
assets/img/bg_after.webp
Normal file
BIN
assets/img/bg_after.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
assets/img/bg_before.webp
Normal file
BIN
assets/img/bg_before.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 190 KiB |
BIN
assets/img/footer-logo.webp
Normal file
BIN
assets/img/footer-logo.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
assets/img/gift.webp
Normal file
BIN
assets/img/gift.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
assets/img/hero-img.png
Normal file
BIN
assets/img/hero-img.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
11
assets/img/i-close.svg
Normal file
11
assets/img/i-close.svg
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_2035_1668)">
|
||||||
|
<path d="M0.935471 0.935471C1.5161 0.354843 2.45748 0.354843 3.03811 0.935471L24.0645 21.9619C24.6451 22.5425 24.6451 23.4839 24.0645 24.0645C23.4839 24.6451 22.5425 24.6451 21.9619 24.0645L0.935471 3.03811C0.354843 2.45748 0.354843 1.5161 0.935471 0.935471Z" fill="white"/>
|
||||||
|
<path d="M24.0645 0.935609C24.6452 1.51624 24.6452 2.45762 24.0645 3.03825L3.03813 24.0646C2.45751 24.6453 1.51612 24.6453 0.935494 24.0646C0.354866 23.484 0.354867 22.5426 0.935494 21.962L21.9619 0.935609C22.5425 0.354982 23.4839 0.354981 24.0645 0.935609Z" fill="white"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_2035_1668">
|
||||||
|
<rect width="24" height="24.0001" fill="white" transform="translate(0.5 0.5)"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 834 B |
4
assets/img/i-delivery.svg
Normal file
4
assets/img/i-delivery.svg
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M16.0613 2.50026C15.7156 2.49776 15.4338 2.77589 15.4313 3.12089C15.4288 3.46589 15.7063 3.74776 16.0519 3.75026C16.3969 3.75276 16.6788 3.47526 16.6813 3.13026C16.6838 2.78526 16.4063 2.50339 16.0613 2.50026ZM16.0328 6.2502C13.6196 6.23307 11.6433 8.17989 11.6251 10.5923C11.6069 13.0046 13.5548 14.9819 15.9672 15.0001L16.0007 15.0002C18.3978 15.0002 20.3568 13.0592 20.3749 10.6579C20.3931 8.24576 18.4453 6.26839 16.0328 6.2502ZM16.0006 13.7503L15.9766 13.7501C14.2534 13.7371 12.862 12.3248 12.875 10.6017C12.8879 8.88639 14.2872 7.50001 15.9994 7.50001L16.0234 7.50014C17.7466 7.51314 19.138 8.92551 19.125 10.6486C19.112 12.3639 17.7128 13.7503 16.0006 13.7503ZM18.7269 2.97426C18.4018 2.85889 18.0444 3.0292 17.929 3.35457C17.8137 3.67995 17.984 4.03714 18.3093 4.15251C21.0623 5.1282 22.8969 7.75014 22.8749 10.6768C22.8724 11.0219 23.1501 11.3039 23.4953 11.3065H23.5001C23.8429 11.3065 24.1223 11.0298 24.1249 10.6862C24.1509 7.22701 21.9816 4.12782 18.7269 2.97426Z" fill="#00071E"/>
|
||||||
|
<path d="M19.8348 23.5276C23.9919 18.1767 26.5898 15.3864 26.6249 10.7049C26.6689 4.81469 21.8887 0 15.999 0C10.178 0 5.41936 4.71425 5.37511 10.5455C5.33936 15.3539 7.98555 18.1404 12.1713 23.5268C8.00724 24.149 5.37511 25.7126 5.37511 27.625C5.37511 28.9061 6.55924 30.0556 8.70943 30.8619C10.6665 31.5958 13.2557 31.9999 16 31.9999C18.7443 31.9999 21.3335 31.5958 23.2906 30.8619C25.4407 30.0556 26.6249 28.906 26.6249 27.6249C26.6249 25.7136 23.9952 24.1504 19.8348 23.5276ZM6.62505 10.5549C6.66405 5.40937 10.8625 1.25 15.9991 1.25C21.1966 1.25 25.4137 5.49925 25.3749 10.6956C25.3417 15.1414 22.5866 17.8812 18.188 23.6152C17.4034 24.6374 16.6829 25.6039 16.0009 26.5494C15.3209 25.6034 14.6148 24.6542 13.8185 23.6148C9.23811 17.6408 6.59118 15.1081 6.62505 10.5549ZM16 30.75C10.6343 30.75 6.62505 29.1002 6.62505 27.625C6.62505 26.531 9.0218 25.149 13.0517 24.6704C13.9425 25.8392 14.7235 26.9011 15.4895 27.9856C15.5471 28.0673 15.6236 28.1339 15.7123 28.1799C15.801 28.2259 15.8995 28.2499 15.9994 28.25H16C16.0999 28.25 16.1983 28.2261 16.287 28.1802C16.3757 28.1344 16.4521 28.0679 16.5099 27.9864C17.2686 26.9161 18.071 25.828 18.9542 24.6711C22.9803 25.1502 25.3749 26.5318 25.3749 27.6251C25.3749 29.1002 21.3657 30.75 16 30.75Z" fill="#00071E"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.3 KiB |
17
assets/img/i-info.svg
Normal file
17
assets/img/i-info.svg
Normal file
@@ -0,0 +1,17 @@
|
|||||||
|
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_2012_938)">
|
||||||
|
<circle cx="12.5" cy="12.5" r="7.5" fill="#1C1B1B"/>
|
||||||
|
<path d="M12 0.5C5.36761 0.5 0 5.867 0 12.5C0 19.1323 5.367 24.5 12 24.5C18.6324 24.5 24 19.133 24 12.5C24 5.8677 18.633 0.5 12 0.5ZM13.2323 17.2635C13.2323 17.6426 12.6795 18.0216 12.0002 18.0216C11.2894 18.0216 10.784 17.6426 10.784 17.2635V11.2453C10.784 10.8031 11.2895 10.5029 12.0002 10.5029C12.6795 10.5029 13.2323 10.8031 13.2323 11.2453V17.2635ZM12.0003 9.04981C11.2737 9.04981 10.7051 8.51277 10.7051 7.91248C10.7051 7.31225 11.2737 6.791 12.0003 6.791C12.7111 6.791 13.2798 7.31225 13.2798 7.91248C13.2798 8.51277 12.711 9.04981 12.0003 9.04981Z" fill="#FFCC00"/>
|
||||||
|
<path d="M12 0.5C5.36761 0.5 0 5.867 0 12.5C0 19.1323 5.367 24.5 12 24.5C18.6324 24.5 24 19.133 24 12.5C24 5.8677 18.633 0.5 12 0.5ZM13.2323 17.2635C13.2323 17.6426 12.6795 18.0216 12.0002 18.0216C11.2894 18.0216 10.784 17.6426 10.784 17.2635V11.2453C10.784 10.8031 11.2895 10.5029 12.0002 10.5029C12.6795 10.5029 13.2323 10.8031 13.2323 11.2453V17.2635ZM12.0003 9.04981C11.2737 9.04981 10.7051 8.51277 10.7051 7.91248C10.7051 7.31225 11.2737 6.791 12.0003 6.791C12.7111 6.791 13.2798 7.31225 13.2798 7.91248C13.2798 8.51277 12.711 9.04981 12.0003 9.04981Z" fill="url(#paint0_linear_2012_938)"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="paint0_linear_2012_938" x1="5.08642" y1="-0.262542" x2="25.6213" y2="0.490587" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="white" stop-opacity="0"/>
|
||||||
|
<stop offset="0.415" stop-color="white" stop-opacity="0.32"/>
|
||||||
|
<stop offset="1" stop-color="white" stop-opacity="0"/>
|
||||||
|
</linearGradient>
|
||||||
|
<clipPath id="clip0_2012_938">
|
||||||
|
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.8 KiB |
11
assets/img/i-percent.svg
Normal file
11
assets/img/i-percent.svg
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_2049_2154)">
|
||||||
|
<path d="M22.4042 12.3109C22.3565 12.2142 22.3317 12.1078 22.3317 12C22.3317 11.8922 22.3565 11.7859 22.4042 11.6892L23.2993 9.85802C23.7976 8.83844 23.4028 7.62322 22.4003 7.09133L20.5999 6.13602C20.5045 6.0858 20.4219 6.01433 20.3586 5.92713C20.2952 5.83993 20.2527 5.73933 20.2344 5.6331L19.8823 3.62551C19.6862 2.50773 18.6523 1.75661 17.5288 1.91556L15.5107 2.20103C15.404 2.21645 15.2952 2.20715 15.1927 2.17383C15.0902 2.14052 14.9967 2.08408 14.9195 2.00889L13.4546 0.591773C12.6389 -0.197316 11.3611 -0.197363 10.5455 0.591773L9.08058 2.00903C9.00333 2.08421 8.90984 2.14063 8.80733 2.17394C8.70482 2.20725 8.59603 2.21657 8.48935 2.20117L6.47125 1.9157C5.34743 1.75666 4.31384 2.50787 4.11776 3.62565L3.76564 5.63315C3.74734 5.73938 3.70487 5.83998 3.64152 5.92718C3.57816 6.01439 3.49562 6.08588 3.40025 6.13612L1.59979 7.09142C0.59733 7.62326 0.202457 8.83859 0.700829 9.85816L1.5959 11.6893C1.64355 11.786 1.66833 11.8923 1.66833 12.0001C1.66833 12.1079 1.64355 12.2143 1.5959 12.311L0.700783 14.1421C0.20241 15.1617 0.597283 16.3769 1.59975 16.9088L3.4002 17.8641C3.49558 17.9143 3.57814 17.9858 3.6415 18.073C3.70486 18.1602 3.74734 18.2608 3.76564 18.367L4.11776 20.3746C4.29626 21.3922 5.16879 22.1058 6.17158 22.1057C6.27034 22.1057 6.37056 22.0987 6.4713 22.0845L8.48939 21.799C8.59608 21.7836 8.70488 21.7929 8.8074 21.8262C8.90991 21.8595 9.0034 21.916 9.08062 21.9912L10.5455 23.4083C10.9534 23.8029 11.4766 24.0001 12 24.0001C12.5233 24 13.0468 23.8028 13.4546 23.4083L14.9195 21.9912C15.0775 21.8383 15.293 21.7685 15.5107 21.799L17.5288 22.0845C18.6528 22.2435 19.6862 21.4923 19.8823 20.3745L20.2345 18.367C20.2528 18.2608 20.2952 18.1602 20.3586 18.073C20.4219 17.9858 20.5045 17.9143 20.5999 17.8641L22.4003 16.9088C23.4028 16.3769 23.7976 15.1616 23.2993 14.142L22.4042 12.3109ZM9.23156 5.77106C10.6309 5.77106 11.7693 6.9095 11.7693 8.30881C11.7693 9.70811 10.6309 10.8466 9.23156 10.8466C7.83226 10.8466 6.69381 9.70811 6.69381 8.30881C6.69381 6.9095 7.83226 5.77106 9.23156 5.77106ZM7.92169 17.0571C7.78655 17.1922 7.60941 17.2598 7.43232 17.2598C7.25523 17.2598 7.07804 17.1923 6.94295 17.0571C6.67267 16.7868 6.67267 16.3486 6.94295 16.0783L16.0783 6.94292C16.3485 6.67264 16.7868 6.67264 17.0571 6.94292C17.3274 7.2132 17.3274 7.65144 17.0571 7.92172L7.92169 17.0571ZM14.7684 18.229C13.3691 18.229 12.2307 17.0906 12.2307 15.6913C12.2307 14.292 13.3691 13.1535 14.7684 13.1535C16.1677 13.1535 17.3062 14.292 17.3062 15.6913C17.3062 17.0906 16.1677 18.229 14.7684 18.229Z" fill="#ff547f"/>
|
||||||
|
<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="#ff547f"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_2049_2154">
|
||||||
|
<rect width="24" height="24" fill="#ff547f"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.1 KiB |
3
assets/img/i-select.svg
Normal file
3
assets/img/i-select.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M10.6521 13.769C9.85806 14.9327 8.14194 14.9327 7.34793 13.769L2.13379 6.12724C1.22796 4.79968 2.1787 3 3.78586 3L14.2141 3C15.8213 3 16.772 4.79968 15.8662 6.12724L10.6521 13.769Z" fill="#D8D8D8"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 311 B |
3
assets/img/i-tel.svg
Normal file
3
assets/img/i-tel.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<svg width="27" height="28" viewBox="0 0 27 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M24.728 19.28C24.6624 19.228 19.9 15.7952 18.5928 16.0416C17.9688 16.152 17.612 16.5776 16.896 17.4296C16.7808 17.5672 16.504 17.8968 16.2888 18.1312C15.8363 17.9836 15.3949 17.804 14.968 17.5936C12.7644 16.5208 10.984 14.7404 9.9112 12.5368C9.70069 12.1099 9.52103 11.6685 9.3736 11.216C9.6088 11 9.9384 10.7232 10.0792 10.6048C10.9272 9.8928 11.3536 9.536 11.464 8.9104C11.6904 7.6144 8.26 2.8192 8.224 2.776C8.06836 2.55366 7.86524 2.36869 7.62934 2.23448C7.39344 2.10027 7.13065 2.02018 6.86 2C5.4696 2 1.5 7.1496 1.5 8.0168C1.5 8.0672 1.5728 13.1904 7.8904 19.6168C14.3104 25.9272 19.4328 26 19.4832 26C20.3512 26 25.5 22.0304 25.5 20.64C25.48 20.3703 25.4004 20.1084 25.2669 19.8732C25.1334 19.638 24.9493 19.4354 24.728 19.28Z" fill="black"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 862 B |
12
assets/img/i-volume.svg
Normal file
12
assets/img/i-volume.svg
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_2048_2118)">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.9706 0.995728L24.8811 7.29479V19.893L13.9706 26.1922L3.06024 19.893V7.29479L13.9706 0.995728Z" stroke="#00071E" stroke-width="1.25001" stroke-miterlimit="22.9256" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M24.6561 7.42467L13.9706 13.5939M13.9706 13.5939L11.0721 11.9205M13.9706 13.5939V25.8797M6.20006 9.10761L3.30188 7.4343M28.1281 8.9183L29.7515 7.2948L31.375 8.9183M28.1281 18.2696L29.7515 19.893L31.375 18.2696M29.7515 7.61949V19.5684M25.0986 23.5168L27.3162 24.111L26.722 26.3287M17.0001 28.1924L16.4059 30.4101L18.6236 31.0044M27.0351 24.2734L16.6871 30.2478M10.9412 28.1924L11.5354 30.4101L9.31769 31.0044M2.84275 23.5167L0.625 24.111L1.21925 26.3287M11.2542 30.2477L0.906187 24.2734" stroke="#00071E" stroke-width="1.25001" stroke-miterlimit="22.9256" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
<path d="M8.6358 10.5142H8.63618" stroke="#00071E" stroke-width="1.24999" stroke-miterlimit="2.6131" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_2048_2118">
|
||||||
|
<rect width="32" height="32" fill="white"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M12 6L8 10L4 6" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 187 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M6 4.5L10 8.5L6 12.5" stroke="white" stroke-width="1.55" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 194 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M7 25L16 16M16 16L25 7M16 16L25 25M16 16L7 7" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 217 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M11.7303 20.2701C20.574 29.1138 23.1655 26.9975 24.3228 26.1706C24.51 26.0644 28.7936 23.3042 26.1295 20.6407C19.9506 14.4612 21.2043 22.4932 15.3545 16.6446C9.50604 10.7947 17.5388 12.0494 11.3598 5.87056C8.69544 3.20623 5.9349 7.49023 5.8299 7.67609C5.00198 8.83351 2.88653 11.4265 11.7303 20.2701Z" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 473 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M25.3334 9.3335L6.66675 9.33352M25.3334 16.0002H6.66675M25.3334 22.6668H6.66675" stroke="white" stroke-width="1.55" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 253 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M13.9998 8.11765L8.05874 14.0587C7.26274 14.8547 7.26274 16.1453 8.05874 16.9413C8.85476 17.7373 10.1454 17.7373 10.9414 16.9413L18.3078 9.57484C19.7947 8.08801 19.7945 5.67732 18.3073 4.19077C16.8206 2.70461 14.4107 2.70483 12.9242 4.19127L5.55775 11.5577C3.38049 13.735 3.38049 17.265 5.55775 19.4423C7.73502 21.6196 11.2651 21.6196 13.4424 19.4423L18.8846 14" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 534 B |
@@ -1,4 +0,0 @@
|
|||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M19 10.2647C19 13.1109 15.4774 17.8245 13.43 20.3238C12.6809 21.2382 11.3191 21.2382 10.57 20.3238C8.52261 17.8245 5 13.1109 5 10.2647C5 6.25252 8.13401 3 12 3C15.866 3 19 6.25252 19 10.2647Z" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
<path d="M14.6004 10.0001C14.6004 11.436 13.4363 12.6001 12.0004 12.6001C10.5645 12.6001 9.40039 11.436 9.40039 10.0001C9.40039 8.56408 10.5645 7.40002 12.0004 7.40002C13.4363 7.40002 14.6004 8.56408 14.6004 10.0001Z" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 641 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M1 3.5L3.75 6.25L9.25 0.749999" stroke="#AE0B05" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 227 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M21.2551 20.6112L26.6671 25.9998M23.9999 13.9998C23.9999 8.84518 19.8213 4.6665 14.6666 4.6665C9.51193 4.6665 5.33325 8.84518 5.33325 13.9998C5.33325 19.1545 9.51193 23.3332 14.6666 23.3332C19.8213 23.3332 23.9999 19.1545 23.9999 13.9998Z" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 411 B |
@@ -1,7 +0,0 @@
|
|||||||
<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M55 7.33325V43.9999C55 48.0333 51.7 51.3333 47.6667 51.3333H7.33337V21.9999C7.33337 13.8966 13.8967 7.33325 22 7.33325H55Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M80.6667 51.3333V62.3333C80.6667 68.4199 75.7534 73.3333 69.6667 73.3333H66C66 69.2999 62.7 65.9999 58.6667 65.9999C54.6334 65.9999 51.3334 69.2999 51.3334 73.3333H36.6667C36.6667 69.2999 33.3667 65.9999 29.3334 65.9999C25.3 65.9999 22 69.2999 22 73.3333H18.3334C12.2467 73.3333 7.33337 68.4199 7.33337 62.3333V51.3333H47.6667C51.7 51.3333 55 48.0333 55 43.9999V18.3333H61.7467C64.3867 18.3333 66.8067 19.7633 68.1267 22.0366L74.3967 32.9999H69.6667C67.65 32.9999 66 34.6499 66 36.6666V47.6666C66 49.6833 67.65 51.3333 69.6667 51.3333H80.6667Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M29.3333 80.6667C33.3834 80.6667 36.6667 77.3834 36.6667 73.3333C36.6667 69.2832 33.3834 66 29.3333 66C25.2832 66 22 69.2832 22 73.3333C22 77.3834 25.2832 80.6667 29.3333 80.6667Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M58.6667 80.6667C62.7168 80.6667 66 77.3834 66 73.3333C66 69.2832 62.7168 66 58.6667 66C54.6166 66 51.3334 69.2832 51.3334 73.3333C51.3334 77.3834 54.6166 80.6667 58.6667 80.6667Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M80.6667 44V51.3333H69.6667C67.65 51.3333 66 49.6833 66 47.6667V36.6667C66 34.65 67.65 33 69.6667 33H74.3967L80.6667 44Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.7 KiB |
@@ -1,4 +0,0 @@
|
|||||||
<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M44 55C50.0751 55 55 50.0751 55 44C55 37.9249 50.0751 33 44 33C37.9249 33 33 37.9249 33 44C33 50.0751 37.9249 55 44 55Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M7.33337 47.2266V40.7733C7.33337 36.9599 10.45 33.8066 14.3 33.8066C20.9367 33.8066 23.65 29.1133 20.3134 23.3566C18.4067 20.0566 19.5434 15.7666 22.88 13.8599L29.2234 10.2299C32.12 8.5066 35.86 9.53326 37.5834 12.4299L37.9867 13.1266C41.2867 18.8833 46.7134 18.8833 50.05 13.1266L50.4534 12.4299C52.1767 9.53326 55.9167 8.5066 58.8134 10.2299L65.1567 13.8599C68.4934 15.7666 69.63 20.0566 67.7234 23.3566C64.3867 29.1133 67.1 33.8066 73.7367 33.8066C77.55 33.8066 80.7034 36.9233 80.7034 40.7733V47.2266C80.7034 51.0399 77.5867 54.1933 73.7367 54.1933C67.1 54.1933 64.3867 58.8866 67.7234 64.6433C69.63 67.9799 68.4934 72.2333 65.1567 74.1399L58.8134 77.7699C55.9167 79.4933 52.1767 78.4666 50.4534 75.5699L50.05 74.8733C46.75 69.1166 41.3234 69.1166 37.9867 74.8733L37.5834 75.5699C35.86 78.4666 32.12 79.4933 29.2234 77.7699L22.88 74.1399C19.5434 72.2333 18.4067 67.9433 20.3134 64.6433C23.65 58.8866 20.9367 54.1933 14.3 54.1933C10.45 54.1933 7.33337 51.0399 7.33337 47.2266Z" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.4 KiB |
@@ -1,5 +0,0 @@
|
|||||||
<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M39.4146 60.6667H35.2439L31.0732 57.1944M21.3415 30.1111H27.5746C28.5726 30.1111 29.2456 31.1306 28.8524 32.0471L25.5122 39.8333M58.878 27.3333L50.5366 49.5556M70 19L63.4656 26.8336C63.2015 27.1502 62.8102 27.3333 62.3976 27.3333H50.5366M27.6542 69H58.8942C62.7243 69 65.8293 65.8981 65.8293 62.0717C65.8293 59.4994 64.4027 57.1388 62.1242 55.9407L34.4793 41.405C24.7209 36.274 13 43.3434 13 54.3601C13 62.4455 19.5609 69 27.6542 69ZM31.0732 53.7222C31.0732 56.0234 29.2059 57.8889 26.9024 57.8889C24.599 57.8889 22.7317 56.0234 22.7317 53.7222C22.7317 51.421 24.599 49.5556 26.9024 49.5556C29.2059 49.5556 31.0732 51.421 31.0732 53.7222Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M84.3332 58.5566C84.3332 72.7466 72.8565 84.2233 58.6665 84.2233L62.5165 77.8066" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M3.66663 29.2233C3.66663 15.0333 15.1433 3.55664 29.3333 3.55664L25.4833 9.97331" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.2 KiB |
@@ -1,8 +0,0 @@
|
|||||||
<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M66 26.2533C65.78 26.2166 65.5233 26.2166 65.3033 26.2533C60.2433 26.0699 56.21 21.9266 56.21 16.7933C56.21 11.5499 60.4266 7.33325 65.67 7.33325C70.9133 7.33325 75.1299 11.5866 75.1299 16.7933C75.0933 21.9266 71.06 26.0699 66 26.2533Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M62.2233 52.9467C67.2466 53.79 72.7833 52.91 76.67 50.3067C81.84 46.86 81.84 41.2134 76.67 37.7667C72.7466 35.1634 67.1366 34.2833 62.1133 35.1633" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M21.89 26.2533C22.11 26.2166 22.3667 26.2166 22.5867 26.2533C27.6467 26.0699 31.68 21.9266 31.68 16.7933C31.68 11.5499 27.4633 7.33325 22.22 7.33325C16.9767 7.33325 12.76 11.5866 12.76 16.7933C12.7967 21.9266 16.83 26.0699 21.89 26.2533Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M25.6667 52.9467C20.6434 53.79 15.1067 52.91 11.22 50.3067C6.05003 46.86 6.05003 41.2134 11.22 37.7667C15.1434 35.1634 20.7534 34.2833 25.7767 35.1633" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M44 53.6434C43.78 53.6067 43.5233 53.6067 43.3033 53.6434C38.2433 53.4601 34.21 49.3167 34.21 44.1834C34.21 38.9401 38.4266 34.7234 43.67 34.7234C48.9133 34.7234 53.13 38.9767 53.13 44.1834C53.0933 49.3167 49.06 53.4967 44 53.6434Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M33.33 65.1933C28.16 68.64 28.16 74.2866 33.33 77.7333C39.1967 81.6566 48.8033 81.6566 54.67 77.7333C59.84 74.2866 59.84 68.64 54.67 65.1933C48.84 61.3067 39.1967 61.3067 33.33 65.1933Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.8 KiB |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M69.3333 77C75.4085 77 80.3333 72.0751 80.3333 66C80.3333 59.9249 75.4085 55 69.3333 55M69.3333 77C63.2582 77 58.3333 72.0751 58.3333 66C58.3333 59.9249 63.2582 55 69.3333 55M69.3333 77H14.7632C10.4757 77 7 73.5243 7 69.2368C7 65.3002 9.9465 61.9867 13.8562 61.5267L69.3333 55M69.3333 55L58.3333 22M69.3333 11L49.6911 28.8566C49.3537 29.1633 48.914 29.3333 48.4579 29.3333H34.5M71.1667 66C71.1667 64.9875 70.3459 64.1667 69.3333 64.1667C68.3208 64.1667 67.5 64.9875 67.5 66M71.1667 66C71.1667 67.0125 70.3459 67.8333 69.3333 67.8333C68.3208 67.8333 67.5 67.0125 67.5 66M71.1667 66H67.5" stroke="#F2F2F2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 784 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M22.5 4L10.5 16L22.5 28" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 196 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M10.5 4L22.5 16L10.5 28" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 196 B |
@@ -1,4 +0,0 @@
|
|||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M10.3273 10.3274L7.00001 7M7.00001 7H9.21823M7.00001 7L7 9.21825M13.6726 13.6726L17 17M17 17H14.7817M17 17V14.7818M10.3273 13.6726L7.00001 17M7.00001 17H9.21823M7.00001 17L7 14.7818M13.6726 10.3274L17 7M17 7H14.7817M17 7V9.21825" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
<path d="M15.1 2.5H8.9C6.65979 2.5 5.53969 2.5 4.68404 2.93597C3.93139 3.31947 3.31947 3.93139 2.93597 4.68404C2.5 5.53969 2.5 6.65979 2.5 8.9V15.1C2.5 17.3402 2.5 18.4603 2.93597 19.316C3.31947 20.0686 3.93139 20.6805 4.68404 21.064C5.53969 21.5 6.65979 21.5 8.9 21.5H15.1C17.3402 21.5 18.4603 21.5 19.316 21.064C20.0686 20.6805 20.6805 20.0686 21.064 19.316C21.5 18.4603 21.5 17.3402 21.5 15.1V8.9C21.5 6.65979 21.5 5.53969 21.064 4.68404C20.6805 3.93139 20.0686 3.31947 19.316 2.93597C18.4603 2.5 17.3402 2.5 15.1 2.5Z" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 983 B |
BIN
assets/img/logo.webp
Normal file
BIN
assets/img/logo.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
@@ -1,23 +0,0 @@
|
|||||||
<svg width="222" height="192" viewBox="0 0 222 192" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g clip-path="url(#clip0_2_549)">
|
|
||||||
<mask id="mask0_2_549" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="222" height="192">
|
|
||||||
<path d="M222 0H0V192H222V0Z" fill="white"/>
|
|
||||||
</mask>
|
|
||||||
<g mask="url(#mask0_2_549)">
|
|
||||||
<path d="M11.4147 156.631V164.699H26.4437V176.018H11.4147V191.049H0V145.312H11.4147H26.7449V156.631H11.4147Z" fill="white"/>
|
|
||||||
<path d="M43.2515 145.312H31.8369V191.019H43.2515V145.312Z" fill="white"/>
|
|
||||||
<path d="M78.0935 156.631H68.3352V191.049H57.0108V156.631H47.2525V145.312H68.3352H78.0935V156.631Z" fill="white"/>
|
|
||||||
<path d="M116.742 145.312V191.049H107.977L93.5208 167.398V191.049H82.106V145.312H90.9607L105.417 168.963V145.312H116.742Z" fill="white"/>
|
|
||||||
<path d="M151.221 180.067V191.049H127.308H123.814V145.312H135.229H150.89V156.293H135.229V162.766H149.294V173.134H135.229V180.067H151.221Z" fill="white"/>
|
|
||||||
<path d="M153.87 176.417H165.285C165.285 179.607 167.122 180.926 170.887 180.926C174.26 180.926 175.585 179.546 175.585 177.797C175.585 175.497 172.393 174.454 168.568 173.227C162.334 171.202 154.443 168.012 154.443 158.41C154.443 149.085 161.581 144.361 169.863 144.361C178.266 144.361 185.735 148.931 185.735 159.637H174.381C174.381 157.03 172.965 155.465 169.863 155.465C167.122 155.465 165.857 156.784 165.857 158.41C165.857 160.956 168.929 161.999 172.875 163.38C179.049 165.405 186.94 168.533 186.94 178.012C186.94 187.338 179.802 192.062 170.827 192.062C161.52 192 153.87 187.43 153.87 176.417Z" fill="white"/>
|
|
||||||
<path d="M188.899 176.417H200.314C200.314 179.607 202.151 180.926 205.916 180.926C209.289 180.926 210.615 179.546 210.615 177.797C210.615 175.497 207.422 174.454 203.597 173.227C197.363 171.202 189.472 168.012 189.472 158.41C189.472 149.085 196.61 144.361 204.892 144.361C213.295 144.361 220.764 148.931 220.764 159.637H209.44C209.44 157.03 208.024 155.465 204.922 155.465C202.181 155.465 200.916 156.784 200.916 158.41C200.916 160.956 203.989 161.999 207.934 163.38C214.108 165.405 221.999 168.533 221.999 178.012C221.999 187.338 214.861 192.062 205.886 192.062C196.549 192 188.899 187.43 188.899 176.417Z" fill="white"/>
|
|
||||||
<path d="M222 94.1133H151.674H79.2405H68.5184H60.2362H54.3328H44.5445H43.4603H36.6536H34.696V110.525L23.9739 94.1133H15.6915V128.624H25.4799V111.752L36.6838 128.624H43.4905H151.674H222V94.1133ZM0 94.1133H9.78836V128.624H0V94.1133Z" fill="#AE0B05"/>
|
|
||||||
<path d="M221.97 1.19636H200.646H173.57V6.62597H194.894V77.2111H200.646V6.62597H221.97V1.19636ZM145.109 78.3768C157.788 78.3768 168.661 70.6771 168.661 58.4069C168.661 44.6333 156.403 40.6147 145.199 36.1668C135.591 32.4857 126.978 29.2034 126.978 19.3258C126.978 11.1967 133.815 5.55233 143.603 5.55233C153.512 5.55233 160.77 11.5341 160.77 20.7369H166.432C166.432 7.82234 155.891 0 143.633 0C131.586 0 121.346 7.4849 121.346 19.3258C121.346 33.774 133.604 37.4551 144.808 41.8111C154.295 45.4003 162.939 48.8666 162.939 58.4069C162.939 66.996 155.469 72.8551 145.139 72.8551C133.001 72.8551 124.99 66.6586 124.99 56.1367H119.237C119.207 70.3397 130.622 78.3768 145.109 78.3768ZM74.1204 71.7506V41.5658H106.859V36.1361H74.1204V6.62597H109.509V1.19636H74.1204H68.4582V77.1804H70.8978H110.021V71.7506H74.1204ZM29.3049 71.7506H5.66218V41.5351H32.8888C43.9723 41.5351 48.7309 49.02 48.7309 56.6275C48.7309 67.3949 40.3582 71.7506 29.3049 71.7506ZM29.8772 6.62597C43.6409 6.62597 46.3517 15.798 46.2613 20.7675C46.1108 28.866 38.7619 36.1054 33.1599 36.1054H5.66218V6.62597H29.8772ZM42.0447 37.7314C44.0325 35.7679 51.7128 32.363 51.8934 20.7675C51.9837 14.0802 48.1586 1.19636 29.8772 1.19636H5.66218H0V77.1804H1.05413H30.0276C43.5507 77.1804 54.4533 70.7998 54.4533 56.6275C54.4835 47.4247 51.1103 41.2284 42.0447 37.7314Z" fill="white"/>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<clipPath id="clip0_2_549">
|
|
||||||
<rect width="222" height="192" fill="white"/>
|
|
||||||
</clipPath>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 3.8 KiB |
4
assets/img/optimization 1.svg
Normal file
4
assets/img/optimization 1.svg
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
<svg width="37" height="37" viewBox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M16.2887 1.30078C15.8912 1.50312 15.7106 1.85 15.6527 2.54375C15.5299 3.96015 14.8145 5.02246 13.557 5.63671C12.7477 6.03418 11.9961 6.1498 11.2084 5.98359C10.5219 5.84628 9.91486 5.55722 9.47404 5.15976C8.88146 4.63222 8.49122 4.5166 7.99982 4.72617C7.67462 4.8707 5.00802 7.57343 4.94298 7.82636C4.87072 8.12988 4.95743 8.59961 5.12364 8.80918C5.94025 9.81367 6.14982 10.2328 6.28712 11.1144C6.51837 12.5887 5.68009 14.2363 4.3504 14.9445C3.87345 15.1975 3.15802 15.3926 2.68107 15.3926C2.22579 15.3926 1.7922 15.6238 1.59708 15.9707C1.44532 16.2453 1.4381 16.2959 1.45978 18.3121C1.48146 20.2633 1.48868 20.3789 1.63322 20.574C1.85724 20.8775 2.19689 21.0076 2.95568 21.0943C5.98361 21.4268 7.40001 25.04 5.39103 27.3092C5.20314 27.5187 5.01525 27.7717 4.97911 27.8728C4.89239 28.1041 4.89962 28.4871 4.99357 28.74C5.07306 28.9568 7.29884 31.2477 7.76134 31.5873C7.98536 31.7535 8.11544 31.7969 8.41896 31.7969C8.81642 31.7969 8.84532 31.7824 9.63302 31.1609C9.84982 30.9947 10.2328 30.7635 10.4858 30.6551C10.9121 30.4744 11.0205 30.46 11.8877 30.46C12.7477 30.4672 12.8705 30.4816 13.2897 30.6623C13.5498 30.7707 13.7666 30.8574 13.7811 30.8574C13.7955 30.8574 13.8027 29.8674 13.8027 28.6533V26.4492L13.3186 26.1312C11.9022 25.199 10.782 23.9344 10.0233 22.4385C9.69806 21.7881 9.36564 20.7764 9.19943 19.967C9.03322 19.107 9.03322 17.3943 9.19943 16.5344C9.96544 12.6682 12.8777 9.75586 16.7512 8.98261C17.6834 8.79472 19.3889 8.8164 20.3572 9.01875C24.1295 9.82812 26.919 12.6537 27.7283 16.4766C27.8223 16.9174 27.8584 17.416 27.8584 18.2471C27.8584 20.2777 27.3815 21.8459 26.2397 23.5586C25.741 24.3174 24.5703 25.5025 23.8477 25.9795C23.5514 26.1818 23.284 26.3697 23.2551 26.4131C23.1828 26.5143 23.1828 30.8574 23.2551 30.8574C23.2912 30.8574 23.443 30.7996 23.602 30.7201C24.0717 30.4961 24.6426 30.4021 25.3725 30.4383C26.2035 30.4816 26.7022 30.6623 27.3236 31.132C28.1981 31.8041 28.1836 31.7969 28.5811 31.7969C28.8846 31.7969 29.0147 31.7535 29.2387 31.5873C29.7012 31.2477 31.927 28.9568 32.0065 28.74C32.1004 28.4871 32.1076 28.1041 32.0209 27.8728C31.9848 27.7717 31.7969 27.5187 31.609 27.3092C29.5928 25.04 31.0092 21.434 34.066 21.0871C34.9043 20.9932 35.085 20.9209 35.3234 20.6102L35.5186 20.3572L35.5402 18.2832C35.5619 16.2309 35.5619 16.2164 35.3957 15.9779C35.1139 15.566 34.9043 15.4504 34.2756 15.3926C33.1627 15.2769 32.4979 14.9879 31.8113 14.3086C30.3877 12.8922 30.301 10.623 31.609 9.13437C31.7897 8.9248 31.9703 8.67187 32.0137 8.56347C32.1149 8.29609 32.1004 7.90586 31.9848 7.67461C31.8258 7.37832 29.1881 4.78398 28.9568 4.69726C28.4799 4.52382 28.0969 4.64668 27.526 5.15976C27.0852 5.55722 26.4781 5.84628 25.7916 5.98359C25.0111 6.1498 24.2668 6.03418 23.4502 5.64394C22.1856 5.02968 21.4557 3.93847 21.34 2.50761C21.2895 1.89336 21.1594 1.61875 20.7908 1.34414C20.5957 1.19961 20.4873 1.19238 18.5867 1.1707C16.6934 1.15625 16.5705 1.16347 16.2887 1.30078Z" fill="white"/>
|
||||||
|
<path d="M14.4748 12.3213C13.4848 12.9861 12.6176 13.9979 12.0684 15.1396C11.5191 16.2598 11.3891 16.8596 11.3818 18.2471C11.3818 19.2371 11.4035 19.49 11.548 20.0176C11.7359 20.7041 12.2201 21.7809 12.5814 22.3012C13.2391 23.2623 14.5904 24.3824 15.5588 24.7871L15.9707 24.9605V30.4021V35.8438H18.5H21.0293V30.4021V24.9605L21.4412 24.7871C22.4096 24.3824 23.7609 23.2623 24.4186 22.3012C24.7799 21.7809 25.2641 20.7041 25.452 20.0176C25.5965 19.49 25.6182 19.2371 25.6182 18.2471C25.6109 17.2787 25.582 16.9896 25.4447 16.4766C25.2568 15.7684 24.8521 14.865 24.4475 14.258C24.0572 13.6654 23.2479 12.8271 22.6553 12.4152L22.1494 12.0611L22.1277 15.5154L22.1061 18.9697L20.3066 20.0031L18.5 21.0365L16.7006 20.0031L14.8939 18.9697L14.8723 15.5154L14.8506 12.0684L14.4748 12.3213Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 156 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 189 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 374 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 340 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 417 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 416 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 316 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 464 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 791 KiB |
@@ -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="M4.58364 19.1684H19.4163C21.401 19.1684 23.008 17.4219 23 15.2543V8.25102C23 6.09212 21.401 4.33691 19.4163 4.33691H4.58364C2.60702 4.33691 1 6.08334 1 8.25102V15.2543C1 17.4132 2.59898 19.1684 4.58364 19.1684ZM9.65166 8.04453L15.8914 11.6427L9.65166 15.2409V8.04453Z" fill="white"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 436 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="M22.009 3C22.687 3 23.1984 3.61218 22.9248 4.75084L19.6065 20.8512C19.3745 21.996 18.7025 22.2715 17.7748 21.7389L9.85949 15.7211C9.82879 15.6985 9.80379 15.6686 9.78654 15.634C9.76928 15.5994 9.76029 15.5611 9.76029 15.5222C9.76029 15.4833 9.76928 15.445 9.78654 15.4104C9.80379 15.3758 9.82879 15.3459 9.85949 15.3232L18.9999 6.82613C19.4162 6.44658 18.9107 6.26293 18.3636 6.60575L6.89198 14.056C6.85719 14.0794 6.81769 14.0943 6.77648 14.0996C6.73526 14.1049 6.69341 14.1004 6.65411 14.0866L1.78359 12.5011C0.701256 12.1766 0.701256 11.4114 2.02742 10.8665L21.5154 3.12856C21.67 3.05223 21.8378 3.00852 22.009 3Z" fill="white"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 745 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.7163 3.71939C20.7469 4.6862 21.5587 5.80806 22.1242 7.05762C22.7079 8.3619 23.0089 9.73915 22.9998 11.1711C22.9998 12.594 22.6988 13.9803 22.1151 15.2755C21.5496 16.5251 20.7378 17.6469 19.7072 18.6137C18.6765 19.5805 17.4817 20.3285 16.15 20.8575C14.7728 21.4047 13.3134 21.6783 11.8085 21.6783C10.1941 21.6783 8.65269 21.3682 7.20247 20.748L2.35017 22.9097L3.26225 17.9388C1.55665 16.0417 0.626335 13.652 0.626335 11.162C0.626335 9.73915 0.927341 8.35278 1.51108 7.05762C2.07657 5.80806 2.88831 4.6862 3.91897 3.71939C4.94963 2.75258 6.14446 2.00467 7.4761 1.47566C8.85335 0.928411 10.3127 0.654785 11.8176 0.654785C13.3226 0.654785 14.7819 0.928411 16.1592 1.47566C17.4908 2.00467 18.6856 2.7617 19.7163 3.71939ZM15.2927 12.7855C15.539 12.8767 15.8856 13.0226 16.3598 13.2598C16.4878 13.3255 16.6223 13.3807 16.7579 13.4363C16.9799 13.5275 17.2049 13.6198 17.4087 13.7614C17.5729 13.9803 17.6185 14.1627 17.5091 14.6461C15.3566 20.2098 4.77639 12.1379 6.53672 7.8967C6.82858 7.23087 7.53997 5.95395 8.78041 6.59241C8.97433 6.68938 9.05553 6.89505 9.13634 7.09976C9.17716 7.20315 9.21788 7.30629 9.27297 7.39505C9.39301 7.64655 9.52378 7.93387 9.63612 8.18069C9.70304 8.32772 9.76342 8.46037 9.81109 8.56252C9.82607 8.61683 9.85605 8.6769 9.88934 8.74361C10.0182 9.00181 10.1966 9.35943 9.74723 9.8668C9.7084 9.94122 9.62135 10.0352 9.52641 10.1376C9.35375 10.324 9.15498 10.5385 9.17263 10.715C9.31857 10.9795 9.99351 11.9646 10.3583 12.3112C11.1792 13.1047 12.2281 13.88 13.3591 14.0989C13.626 13.9974 13.8835 13.6367 14.1317 13.2891C14.3075 13.0428 14.4787 12.8031 14.6451 12.6669C14.7543 12.5811 15.0367 12.6886 15.2133 12.7559C15.2433 12.7673 15.2702 12.7775 15.2927 12.7855Z" fill="white"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.8 KiB |
@@ -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="M13.7357 13.7357C12.3214 15.195 12.225 17.0143 12.0964 21C15.8121 21 18.3771 20.9871 19.7014 19.7014C20.9871 18.3771 21 15.69 21 12.0964C17.0143 12.225 15.195 12.3214 13.7357 13.7357ZM11.9036 21C8.18786 21 5.62286 20.9871 4.29857 19.7014C3.01286 18.3771 3 15.69 3 12.0964C6.98571 12.225 8.805 12.3214 10.2643 13.7357C11.6786 15.195 11.775 17.0143 11.9036 21ZM10.2643 10.2643C8.805 11.6786 6.98571 11.775 3 11.9036C3 8.31 3.01286 5.62286 4.29857 4.29857C5.62286 3.01286 8.19429 3 11.9036 3C11.775 6.98571 11.6786 8.805 10.2643 10.2643ZM12.0964 3C12.2186 6.98571 12.3214 8.805 13.7357 10.2643C15.195 11.6786 17.0143 11.775 21 11.9036C21 8.31 20.9871 5.62286 19.7014 4.29857C18.3771 3.01286 15.8121 3 12.0964 3Z" fill="white"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 877 B |
@@ -1,3 +0,0 @@
|
|||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M13.0789 17.9498C13.0789 17.9498 13.476 17.9077 13.6793 17.6988C13.8655 17.5075 13.859 17.1464 13.859 17.1464C13.859 17.1464 13.8343 15.4602 14.6531 15.2112C15.4601 14.9664 16.4964 16.8418 17.596 17.563C18.4267 18.1083 19.0573 17.9889 19.0573 17.9889L21.9959 17.9498C21.9959 17.9498 23.5325 17.8593 22.804 16.704C22.7437 16.6093 22.379 15.8491 20.6197 14.2874C18.7764 12.6526 19.0239 12.917 21.2427 10.0889C22.5942 8.36672 23.1343 7.3153 22.9654 6.86572C22.8051 6.43569 21.8108 6.54989 21.8108 6.54989L18.5031 6.56943C18.5031 6.56943 18.2578 6.53754 18.076 6.64145C17.8984 6.7433 17.7833 6.98095 17.7833 6.98095C17.7833 6.98095 17.2603 8.31322 16.562 9.44694C15.0889 11.8378 14.5003 11.9644 14.2593 11.8162C13.6987 11.4695 13.8386 10.4253 13.8386 9.68356C13.8386 7.36571 14.2066 6.39968 13.123 6.14969C12.7636 6.06636 12.4989 6.01183 11.5789 6.00257C10.3985 5.99126 9.4 6.00669 8.83401 6.27109C8.4574 6.44701 8.16688 6.84 8.34442 6.86264C8.56285 6.89041 9.05782 6.99021 9.32037 7.33176C9.65932 7.77311 9.64748 8.7628 9.64748 8.7628C9.64748 8.7628 9.84224 11.4911 9.19233 11.8296C8.74685 12.0621 8.13567 11.5878 6.82185 9.41814C6.14934 8.30705 5.64146 7.07868 5.64146 7.07868C5.64146 7.07868 5.54354 6.84926 5.36815 6.72581C5.15617 6.57664 4.86027 6.53034 4.86027 6.53034L1.71721 6.54989C1.71721 6.54989 1.24484 6.56223 1.0716 6.75873C0.917726 6.93259 1.05976 7.2937 1.05976 7.2937C1.05976 7.2937 3.52062 12.7987 6.30751 15.5734C8.86306 18.1165 11.764 17.9498 11.764 17.9498H13.0789Z" fill="white"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.6 KiB |
3
assets/img/tg-white.svg
Normal file
3
assets/img/tg-white.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 808 B |
3
assets/img/tg.svg
Normal file
3
assets/img/tg.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 834 B |
5
assets/img/time.svg
Normal file
5
assets/img/time.svg
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<svg width="30" height="38" viewBox="0 0 30 38" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M11.3265 0.61214C11.235 0.653751 11.0685 0.786907 10.952 0.91174C10.744 1.12812 10.744 1.15308 10.744 2.5429V3.94935L11.0186 4.21566L11.2849 4.4903H15.0299H18.7749L19.0412 4.21566L19.3158 3.94935V2.53457V1.1198L19.0412 0.853485L18.7749 0.578851L15.1298 0.562207C13.1324 0.553885 11.4181 0.578851 11.3265 0.61214Z" fill="white"/>
|
||||||
|
<path d="M13.0326 6.42107V7.31987L12.0921 7.50295C9.92836 7.92739 7.75626 8.90109 5.95866 10.2659L5.50094 10.6071L4.82684 9.93304C4.26093 9.36713 4.10281 9.25894 3.81985 9.21733C3.17904 9.13411 2.65474 9.65841 2.73796 10.2992C2.77957 10.5822 2.88776 10.7403 3.42871 11.2812C4.01126 11.8721 4.0612 11.947 3.95301 12.0802C3.88643 12.1634 3.64509 12.4547 3.42039 12.7293C2.40507 13.936 1.33151 15.8918 0.81553 17.473C-1.28999 23.8478 1.12345 30.8634 6.69102 34.6001C9.57883 36.5392 13.1907 37.438 16.5945 37.0635C18.467 36.8638 19.9233 36.4227 21.7293 35.5322C28.3621 32.2449 31.5745 24.5385 29.2442 17.473C28.7283 15.8918 27.6547 13.936 26.6394 12.7293C26.4147 12.4547 26.1733 12.1634 26.1068 12.0802C25.9986 11.947 26.0485 11.8721 26.6311 11.2812C27.172 10.7403 27.2802 10.5822 27.3218 10.2992C27.405 9.65841 26.8807 9.13411 26.2399 9.21733C25.957 9.25894 25.7988 9.36713 25.2329 9.93304L24.5588 10.6071L23.893 10.1078C22.212 8.85115 20.0815 7.91907 18.0009 7.51128L17.0272 7.31987V6.42107V5.53059H15.0299H13.0326V6.42107ZM17.4517 10.1078C22.4533 11.1647 26.14 14.9097 27.147 19.9696C27.3551 21.0099 27.3551 23.3401 27.147 24.3804C26.14 29.4487 22.4783 33.1687 17.41 34.2589C16.2782 34.5002 13.948 34.5252 12.8245 34.3005C7.74794 33.2769 4.03623 29.6234 2.94602 24.5552C2.68803 23.3401 2.68803 21.0016 2.94602 19.7949C4.09449 14.4687 8.15573 10.6904 13.5319 9.94136C14.3974 9.82485 16.5362 9.90808 17.4517 10.1078Z" fill="white"/>
|
||||||
|
<path d="M13.5734 10.9484C12.2335 11.1231 10.6439 11.6558 9.43721 12.3465C4.3024 15.2842 2.29674 21.6008 4.79341 26.977C5.84201 29.2323 7.73115 31.1714 10.0031 32.3115C10.7022 32.661 12.0171 33.1104 12.9076 33.2935C13.9146 33.5016 16.095 33.5099 17.1103 33.3019C22.2201 32.2865 25.9319 28.1088 26.3147 22.9407L26.3729 22.175H20.6972H15.0297V16.5159V10.8568L14.597 10.8651C14.3556 10.8735 13.8979 10.9151 13.5734 10.9484Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.3 KiB |
3
assets/img/wh-white.svg
Normal file
3
assets/img/wh-white.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 2.0 KiB |
3
assets/img/wh.svg
Normal file
3
assets/img/wh.svg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 2.2 KiB |
8
assets/js/jquery.maskedinput.min.js
vendored
Normal file
8
assets/js/jquery.maskedinput.min.js
vendored
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
/**
|
||||||
|
* 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
|
||||||
@@ -1,154 +0,0 @@
|
|||||||
'use strict';
|
|
||||||
|
|
||||||
const gymSwiper = new Swiper('.gym-swiper', {
|
|
||||||
direction: 'horizontal',
|
|
||||||
breakpoints: {
|
|
||||||
320:{
|
|
||||||
slidesPerView: 1.20,
|
|
||||||
spaceBetween: 24,
|
|
||||||
},
|
|
||||||
996: {
|
|
||||||
slidesPerView: 3
|
|
||||||
},
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
const reviewsSwiper = new Swiper('.reviews-swiper', {
|
|
||||||
spaceBetween: 24,
|
|
||||||
// If we need pagination
|
|
||||||
pagination: {
|
|
||||||
el: '.swiper-pagination',
|
|
||||||
},
|
|
||||||
|
|
||||||
// Navigation arrows
|
|
||||||
navigation: {
|
|
||||||
nextEl: '.swiper-button-next',
|
|
||||||
prevEl: '.swiper-button-prev',
|
|
||||||
},
|
|
||||||
|
|
||||||
// And if we need scrollbar
|
|
||||||
scrollbar: {
|
|
||||||
el: '.swiper-scrollbar',
|
|
||||||
},
|
|
||||||
runCallbacksOnInit: true,
|
|
||||||
// === new change
|
|
||||||
on: {
|
|
||||||
slideChange: function(){
|
|
||||||
let offer = document.querySelector('#numberReviews');
|
|
||||||
offer.innerHTML = (this.activeIndex + 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
const projectsSwiper = new Swiper('.projects-swiper', {
|
|
||||||
direction: 'horizontal',
|
|
||||||
breakpoints: {
|
|
||||||
320:{
|
|
||||||
slidesPerView: 1,
|
|
||||||
spaceBetween: 24,
|
|
||||||
},
|
|
||||||
996: {
|
|
||||||
slidesPerView: 1
|
|
||||||
},
|
|
||||||
},
|
|
||||||
// Navigation arrows
|
|
||||||
navigation: {
|
|
||||||
nextEl: '.swiper-button-next',
|
|
||||||
prevEl: '.swiper-button-prev',
|
|
||||||
},
|
|
||||||
runCallbacksOnInit: true,
|
|
||||||
// === new change
|
|
||||||
on: {
|
|
||||||
slideChange: function(){
|
|
||||||
let offer = document.querySelector('#numberProjects');
|
|
||||||
offer.innerHTML = (this.activeIndex + 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// how
|
|
||||||
let itemButtons = document.querySelectorAll('.how-control__item');
|
|
||||||
itemButtons.forEach((button) => {
|
|
||||||
let num = button.dataset.num;
|
|
||||||
|
|
||||||
button.onclick = function name(params, index) {
|
|
||||||
|
|
||||||
let activeContent = document.querySelector('.how-content__item-block.active'),
|
|
||||||
activeButton = document.querySelector('.how-control__item.active');
|
|
||||||
|
|
||||||
if (activeContent.dataset.num == button.dataset.num) return;
|
|
||||||
|
|
||||||
activeContent.style.height = `${activeContent.offsetHeight}px`;
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
activeContent.style.height = '0px';
|
|
||||||
activeContent.classList.remove('active');
|
|
||||||
activeButton.classList.remove('active');
|
|
||||||
|
|
||||||
let newActive = document.querySelector(`.how-content__item-block[data-num='${num}']`),
|
|
||||||
newButton = document.querySelector(`.how-control__item[data-num='${num}']`);
|
|
||||||
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
let newHeight = newActive.querySelector('.how-content__item').offsetHeight + 'px';
|
|
||||||
newActive.style.height = newHeight;
|
|
||||||
newActive.classList.add('active');
|
|
||||||
newButton.classList.add('active');
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
newActive.style.height = 'auto';
|
|
||||||
}, 300);
|
|
||||||
}, 300);
|
|
||||||
}, 0);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
let screenWidth = window.screen.width;
|
|
||||||
if (screenWidth <= 992) {
|
|
||||||
howPhone();
|
|
||||||
}else{
|
|
||||||
howPc();
|
|
||||||
}
|
|
||||||
|
|
||||||
function howPc() {
|
|
||||||
if (document.querySelector('.how__content').querySelector('.how-content__item-block')) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
let blocks = document.querySelectorAll('.how-content__item-block'),
|
|
||||||
content = document.querySelector('.how__content');
|
|
||||||
|
|
||||||
blocks.forEach(block => {
|
|
||||||
content.appendChild(block)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
function howPhone() {
|
|
||||||
|
|
||||||
if (!document.querySelector('.how__content').querySelector('.how-content__item-block')) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
let buttons = document.querySelectorAll('.how-control__item');
|
|
||||||
|
|
||||||
buttons.forEach(button => {
|
|
||||||
let num = button.dataset.num,
|
|
||||||
block = document.querySelector(`.how-content__item-block[data-num='${num}']`);
|
|
||||||
|
|
||||||
button.after(block);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
// how end
|
|
||||||
|
|
||||||
// resize
|
|
||||||
window.addEventListener('resize', () => {
|
|
||||||
let screenWidth = window.screen.width;
|
|
||||||
|
|
||||||
if (screenWidth <= 992) {
|
|
||||||
howPhone();
|
|
||||||
}else{
|
|
||||||
howPc();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
42
assets/js/script.js
Normal file
42
assets/js/script.js
Normal file
@@ -0,0 +1,42 @@
|
|||||||
|
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')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
1165
index.html
1165
index.html
File diff suppressed because it is too large
Load Diff
@@ -1,38 +0,0 @@
|
|||||||
<?php
|
|
||||||
/* Пример из: https://vc.ru/dev/158136-kak-otpravlyat-zayavki-s-lendinga-pryamo-v-telegram */
|
|
||||||
|
|
||||||
|
|
||||||
//В переменную $token нужно вставить токен, который нам прислал @botFather
|
|
||||||
$token = "1094153697:AAFiLXXXXXLl0hRDsxBij1lddKydKxSSsOg04";
|
|
||||||
|
|
||||||
//Сюда вставляем chat_id
|
|
||||||
$chat_id = "-40XXXX740";
|
|
||||||
|
|
||||||
//Определяем переменные для передачи данных из нашей формы
|
|
||||||
if ($_POST['phone'] !== '') {
|
|
||||||
$name = ($_POST['name']);
|
|
||||||
$phone = ($_POST['phone']);
|
|
||||||
|
|
||||||
//Собираем в массив то, что будет передаваться боту
|
|
||||||
$arr = array(
|
|
||||||
'Имя:' => $name,
|
|
||||||
'Телефон:' => $phone
|
|
||||||
);
|
|
||||||
|
|
||||||
//Настраиваем внешний вид сообщения в телеграме
|
|
||||||
foreach($arr as $key => $value) {
|
|
||||||
$txt .= "<b>".$key."</b> ".$value."%0A";
|
|
||||||
};
|
|
||||||
|
|
||||||
//Передаем данные боту
|
|
||||||
$sendToTelegram = fopen("https://api.telegram.org/bot{$token}/sendMessage?chat_id={$chat_id}&parse_mode=html&text={$txt}","r");
|
|
||||||
|
|
||||||
//Выводим сообщение об успешной отправке
|
|
||||||
if ($sendToTelegram) {
|
|
||||||
echo 'Спасибо! Ваша заявка принята. Мы свяжемся с вами в ближайшее время.';
|
|
||||||
}else{
|
|
||||||
echo 'Что-то пошло не так. Попробуйте отправить форму ещё раз.';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
?>
|
|
||||||
29
send/ajax.js
Normal file
29
send/ajax.js
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
jQuery(document).ready(function () {
|
||||||
|
jQuery('form').submit(function () {
|
||||||
|
var formID = jQuery(this).attr('id')
|
||||||
|
var formNm = jQuery('#' + formID)
|
||||||
|
formNm.addClass('sending')
|
||||||
|
jQuery.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: 'send/send.php',
|
||||||
|
data: formNm.serialize(),
|
||||||
|
dataType: 'json',
|
||||||
|
success: function (data, jqXHR) {
|
||||||
|
if (data.result == 'success') {
|
||||||
|
setTimeout(() => {
|
||||||
|
formNm.removeClass('sending')
|
||||||
|
jQuery('section.modal.opened').removeClass('opened')
|
||||||
|
jQuery('#modal__bg').addClass('opened')
|
||||||
|
jQuery('section.modal[data-id="success"]').addClass('opened')
|
||||||
|
}, 1000)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (jqXHR, text, error) {
|
||||||
|
console.log('ошибка')
|
||||||
|
console.log(jqXHR)
|
||||||
|
console.log(error)
|
||||||
|
},
|
||||||
|
})
|
||||||
|
return false
|
||||||
|
})
|
||||||
|
})
|
||||||
40
send/phpmailer/Exception.php
Normal file
40
send/phpmailer/Exception.php
Normal file
@@ -0,0 +1,40 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
/**
|
||||||
|
* PHPMailer Exception class.
|
||||||
|
* PHP Version 5.5.
|
||||||
|
*
|
||||||
|
* @see https://github.com/PHPMailer/PHPMailer/ The PHPMailer GitHub project
|
||||||
|
*
|
||||||
|
* @author Marcus Bointon (Synchro/coolbru) <phpmailer@synchromedia.co.uk>
|
||||||
|
* @author Jim Jagielski (jimjag) <jimjag@gmail.com>
|
||||||
|
* @author Andy Prevost (codeworxtech) <codeworxtech@users.sourceforge.net>
|
||||||
|
* @author Brent R. Matzelle (original founder)
|
||||||
|
* @copyright 2012 - 2020 Marcus Bointon
|
||||||
|
* @copyright 2010 - 2012 Jim Jagielski
|
||||||
|
* @copyright 2004 - 2009 Andy Prevost
|
||||||
|
* @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License
|
||||||
|
* @note This program is distributed in the hope that it will be useful - WITHOUT
|
||||||
|
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
|
||||||
|
* FITNESS FOR A PARTICULAR PURPOSE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
namespace PHPMailer\PHPMailer;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* PHPMailer exception handler.
|
||||||
|
*
|
||||||
|
* @author Marcus Bointon <phpmailer@synchromedia.co.uk>
|
||||||
|
*/
|
||||||
|
class Exception extends \Exception
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Prettify error message output.
|
||||||
|
*
|
||||||
|
* @return string
|
||||||
|
*/
|
||||||
|
public function errorMessage()
|
||||||
|
{
|
||||||
|
return '<strong>' . htmlspecialchars($this->getMessage(), ENT_COMPAT | ENT_HTML401) . "</strong><br />\n";
|
||||||
|
}
|
||||||
|
}
|
||||||
5126
send/phpmailer/PHPMailer.php
Normal file
5126
send/phpmailer/PHPMailer.php
Normal file
File diff suppressed because it is too large
Load Diff
1466
send/phpmailer/SMTP.php
Normal file
1466
send/phpmailer/SMTP.php
Normal file
File diff suppressed because it is too large
Load Diff
67
send/send.php
Normal file
67
send/send.php
Normal file
@@ -0,0 +1,67 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
// ini_set('display_errors', 1);
|
||||||
|
// error_reporting(E_ALL);
|
||||||
|
|
||||||
|
require 'phpmailer/PHPMailer.php';
|
||||||
|
require 'phpmailer/SMTP.php';
|
||||||
|
require 'phpmailer/Exception.php';
|
||||||
|
|
||||||
|
if(isset($_SERVER['HTTP_X_REQUESTED_WITH']) && !empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
|
||||||
|
|
||||||
|
$mail = new PHPMailer\PHPMailer\PHPMailer();
|
||||||
|
$mail->SMTPDebug = 0;
|
||||||
|
|
||||||
|
// $mail->isSMTP();
|
||||||
|
$mail->SMTPAuth = true;
|
||||||
|
$mail->CharSet = 'utf-8';
|
||||||
|
|
||||||
|
$mail->Host = 'mail.hosting.reg.ru';
|
||||||
|
$mail->Username = 'admin@dezhub.ru';
|
||||||
|
$mail->Password = 'vM7hA0vS0qmL1qQ4';
|
||||||
|
$mail->SMTPSecure = 'tls';
|
||||||
|
$mail->Port = 587;
|
||||||
|
|
||||||
|
// $mail->setFrom('noreply@vectortomsk.ru', 'Вектор');
|
||||||
|
$mail->setFrom('noreply@ledoffsky.agency', 'led-hub.ru');
|
||||||
|
|
||||||
|
$mailAddress = 'maxvarvarin3@gmail.com';
|
||||||
|
$mail->addAddress($mailAddress);
|
||||||
|
|
||||||
|
$message = '';
|
||||||
|
foreach($_POST as $key => $value) {
|
||||||
|
preg_match("/name/", $key, $match);
|
||||||
|
if (strpos($key, 'name') !== false) {
|
||||||
|
$key = 'Имя:';
|
||||||
|
}
|
||||||
|
if (strpos($key, 'tel') !== false) {
|
||||||
|
$key = 'Номер телефона:';
|
||||||
|
}
|
||||||
|
if( empty($value) ) {
|
||||||
|
$key = '';
|
||||||
|
$value = '';
|
||||||
|
}
|
||||||
|
|
||||||
|
$message .= "<tr><td style='background:#f5f5f5;border-radius:10px;'><b>".$key."</b></td><td>".$value."</td></tr>";
|
||||||
|
};
|
||||||
|
|
||||||
|
$body = '
|
||||||
|
<table cellpadding="10" cellspacing="5" style="border:1px solid #ebebeb;border-radius:10px;">
|
||||||
|
<tbody>
|
||||||
|
'. $message .'
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<p>Отправлено с сайта: <a href="'. $_SERVER['SCRIPT_URI'] . '">'. $_SERVER['SCRIPT_URI'] . '</a></p>
|
||||||
|
';
|
||||||
|
|
||||||
|
$mail->isHTML(true);
|
||||||
|
|
||||||
|
$mail->Subject = 'Заявка с сайта Вектор';
|
||||||
|
$mail->Body = $body;
|
||||||
|
|
||||||
|
if($mail->send()){
|
||||||
|
echo json_encode(array('result' => 'success'));
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
?>
|
||||||
39
ui_kit.html
39
ui_kit.html
@@ -1,39 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<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>UI kit</title>
|
|
||||||
<link rel="stylesheet" type="text/css" href="/assets/css/style-core.css">
|
|
||||||
</head>
|
|
||||||
<style>
|
|
||||||
/* Стили для выравнивания UI-элеметнов для данной страницы */
|
|
||||||
.ui__ui-wrapper{
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(4, 1fr);
|
|
||||||
grid-column-gap: 30px;
|
|
||||||
grid-row-gap: 30px;
|
|
||||||
width: 100vw;
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui,
|
|
||||||
.ui__item{
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ВСЕ ОСТАЛЬНЫЕ СТИЛИ ПИШЕМ В style-core.css!!! */
|
|
||||||
</style>
|
|
||||||
<body class="ui">
|
|
||||||
<div class="ui__ui-wrapper">
|
|
||||||
<div class="ui__item"></div>
|
|
||||||
<div class="ui__item"></div>
|
|
||||||
<div class="ui__item"></div>
|
|
||||||
<!-- ... -->
|
|
||||||
<div class="ui__item"></div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user