4 Commits

134 changed files with 1661 additions and 12500 deletions

View File

@@ -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>

View File

@@ -2,7 +2,35 @@
### **С точки зрения веб-разработки:**
* верстаем на чистом HTML/CSS с использованием flex и grid (без подключение библиотек типа bootstrap и т.п.)
* при именовании блоков используем методологию **БЭМ в стиле "Two Dashes"**:
* соблюдаем Scope-ориентированный подход:
- каждую секцию/экран именуем **уникальным** классом-родителем, от которого строим CSS-селектор для дочерних элементов, что ограничивает область ваших стилей только внутри секции/экрана, не влияя на другие части сайта.
- пример: <br>
HTML:
```
<section class="my-namespace">
<h1>Новый заголовок</h1>
<button class="my-button">Кнопка</button>
</section>
```
CSS:
```
.my-namespace h1 {
font-size: 24px;
color: #333;
}
.my-namespace .my-button {
background-color: #007BFF;
color: #fff;
}
```
* чтобы дополнительно структурировать CSS при именовании блоков используем методологию **БЭМ в стиле "Two Dashes"**:
`block-name__elem-name--mod-name--mod-val`
+ имена записываются латиницей в нижнем регистре
+ для разделения слов в именах БЭМ-сущностей используется дефис (-)
@@ -11,8 +39,10 @@
+ значение модификатора отделяется от его имени двумя дефисами (--)
* из конечного HTML-файла убрать все комментарии, если такие имеются
* все медиазапросы пишутся в отдельных файлах (которые мы подготовили) для того чтобы оптимизировать скорость загрузки; если используется препроцессор, то не нужно в классе каждого блока использовать импорты медиа запросов, а наоборот выносим пример можно посмотреть на ["видео"](https://www.youtube.com/watch?v=9uaENbRyVT4)
* **частая ошибка:** верстальщик берет изображения/видео из макета и не задает им адаптивную ширину/высоту, и на моменте сдачи верстки не заметно косяков, а вот когда мы переходим к натяжке и медиаматериалы начинают выводиться в шаблон динамически и уже разных форматов (ШИРИНАxВЫСОТА), тогда верстка начинает плыть. Чтоб такое избежать проверяйте на как себя ведет элемент при замене слишком большой/маленькой картинки.
* **ВАЖНО:** если верстка делается для многостраничного сайта (особенно на CMS), то для всех страниц прописывать уникальный класс в \<body\>, от которого строить все CSS-правила на этой странице + для кажой станицы использовать свои отдельные CSS-файлы
* подключаем вначале normalize.min.css и reset.min.css, чтобы сбросить глобальные стили и устранить влияние наследуемых правил.
* шрифты и глобальные переменные выносим в отдельный файл (у нас это *gp-style-core.css*)
### **С точки зрения SEO:**
* все теги использовать строго по назначению! Текстовые (strong, b, i, em, h1-h6… p) используем только в текстовых блоках и заголовках. Для дизайна используем div и span. Например не нужно втыкать в подвал, шапку или формы захвата h4 или закрывать просто крупный текст, который не является заголовком в h2.
@@ -25,7 +55,11 @@
## **Порядок работы**
### **Подготовка окружения для локальной разработки**
1. Выкачивать локально на свой компьютер шаблон командой: `git clone https://git.good-production.xyz/Good-Production/template-for-verstka.git`
1. Выкачивать локально на свой компьютер один из 2х шаблонов (по веткам: 1 - master, 2 - with-phpmailer) командой: `git clone -b ${branch_name} https://git.good-production.xyz/Good-Production/template-for-verstka.git`
заменить переменную:
`${branch_name}` -- на "master", если достаточно только отправки форм в ТГ, либо "with-phpmailer", если нужна отправка на почту средствами PHP (без использования плагинов CMS)
2. Далее создать свою ветку командой: `git checkout -b ${project_name}--${name}`
3. Приступить к локальной разработке в созданной ветке
4. Для демонстрации работы пушить свои комиты в созданную ветку командой: `git push origin ${project_name}--${name}`

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -1,270 +0,0 @@
/* Стили для мобильных устройств */
@media only screen and (max-width: 720px) {
/* product */
.product__item{
width: calc(100% - 24px);
}
/* product */
/* modal */
.modal__basket{
width: 100%;
}
.modal__filter{
width: 100%;
}
.modal__to-know,
.modal__to-know-submit{
width: 100%;
}
.modal__button .to-know{
display: flex;
background: none;
}
.modal__basket .modal__header {
height: calc(100% - 156px);
margin-bottom: -36px;
}
.modal-basket-item__block-image{
position: absolute;
width: 80px;
}
.modal-basket-item__image{
width: 48px;
}
.modal-basket-item__content{
margin-left: 0;
padding-left: 96px;
}
.modal-basket-item__control{
margin-left: -80px;
}
.modal-basket-item__title{
min-height: 40px;
font-size: 16px;
}
.modal-basket__item--return{
flex-direction: column;
align-items: start;
}
.modal-basket__item--return .modal-basket-item__title{
margin-right: auto;
}
.notification--width-584{
width: 100%;
}
.notification__title{
font-size: 20px;
}
.notification__text--center-pc{
text-align: start;
}
.notification__img{
height: 360px;
}
.notification__title{
padding-right: 96px;
}
.modal-form__buttons--two{
flex-wrap: wrap;
}
.modal-form__buttons--two button, .modal-form__buttons--two input{
margin-top: 24px;
width: 100%;
}
.modal-form__buttons--two button:first-child, .modal-form__buttons--two input:first-child{
margin-top: 0;
}
.modal-map__control{
flex-wrap: wrap;
}
.modal-map-control__item{
width: calc(100% - 24px);
}
.form__full-mobile{
width: 100%;
border-radius: 0;
border: none;
}
.modal-form-content__line--three .modal-form-content-line__element:nth-child(1){
width: 69px;
}
.modal-form-content__line--three .modal-form-content-line__element:nth-child(2){
}
.modal-form-content__line--three .modal-form-content-line__element:nth-child(3){
width: 82px;
}
.form__input{
padding: 12px 14px;
}
.modal-form--height-100-phone{
min-height: 100%;
}
/* modal */
/* footer */
.footer__about{
display: none;
}
.footer__wrapper{
flex-direction: column;
}
.footer__content{
width: 100%;
}
.footer__form{
margin-top: 24px;
margin-left: 0;
width: 100%;
}
.footer__social-media{
display: block;
margin-top: 24px;
}
.footer-about__text{
padding-top: 35px;
display: block;
text-align: left;
}
.footer__list{
margin-top: 20px;
}
/* footer */
/* detail */
.toggle__table--two .toggle-table__block{
width: 100%;
}
.toggle__table--two .toggle-table__block:nth-child(even){
margin-top: 32px;
margin-left: 0;
}
.toggle__table--three .toggle-table__block:nth-child(1){
width: 31%;
}
/* detail */
/* cabinet */
.cabinet-card__title{
font-size: 20px;
}
.cabinet-card__no-orders{
margin-top: 16px;
}
.cabinet-card-order__header{
flex-direction: column;
}
.cabinet-card-order__payment{
margin-top: 16px;
}
.cabinet-card-order-detail__main{
flex-direction: column;
}
.cabinet-card-order-detail-main__links{
margin-top: 24px;
align-items: start;
}
.cabinet-card-order-detail-main-product__img{
width: 70px;
height: 70px;
}
.cabinet-card-order-detail-main__product{
margin-top: 16px;
align-items: start;
}
.cabinet-card-order-detail-main-product__content{
margin-left: 16px;
flex-wrap: wrap;
position: relative;
}
.cabinet-card-order-detail-main-product__description{
width: 100%;
}
.cabinet-card-order-detail-main-product__count{
position: absolute;
left: 116px;
bottom: 0;
}
.cabinet-card-order-detail-main-product__price{
position: absolute;
left: 153px;
bottom: 0;
}
.cabinet-card__content{
padding-right: 19px;
}
/* .cabinet-card__order.active */
/* .cabinet-card__order.active */
/* cabinet */
}
@media only screen and (max-width: 576px) {
/* header */
/* header */
/* product */
.product__header{
flex-direction: column;
align-items: start;
}
.product__header .button{
margin-top: 48px;
}
/* product */
/* modal */
.modal__aside{
left: 0;
}
.form-input-radio__title span{
display: block;
width: 100%;
color: var(--text-grey);
}
.modal-form__title{
font-size: 20px;
}
/* modal */
/* detail */
.detail-block-form__item,
.detail-block-form__submit{
min-width: 100%;
}
/* detail */
/* cabinet */
.cabinet-card-order-detail-main-product__img{
width: 40px;
height: 40px;
}
.cabinet-card-order-detail-main-product__count{
left: auto;
right: 71px;
}
.cabinet-card-order-detail-main-product__price{
left: auto;
right: 0;
}
.cabinet-card-order__detail-short{
transition-delay: 0;
transition-duration: 0;
}
/* cabinet */
}

View File

@@ -1,241 +0,0 @@
.order{
display: flex;
}
.order__title{
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 117%;
text-transform: uppercase;
color: var(--text-black);
}
.order__contacts{
width: calc(50% - 0.5px);
padding: 24px;
border-right: 1px solid #121212;
}
.order-contacts__header{
display: flex;
justify-content: space-between;
align-items: center;
}
.order-contacts__form{
margin-top: 24px;
}
.order-contacts__delivery{
margin-top: 47.5px;
padding-top: 48px;
border-top: 1px solid var(--background-grey);
}
.order-contacts-deliver__item{
margin-top: 24px;
}
.order-contacts-deliver__date{
padding: 8px;
border-radius: 24px;
background: var(--background-grey);
}
.order-contacts-deliver__date .form-input-radio__item{
margin-top: 24px;
}
.order-contacts-deliver__date .form-input-radio__item:first-child{
margin-top: 0;
}
.order__your{
width: calc(50% - 0.5px);
padding: 24px 24px 24px 48px;
background: var(--background-grey);
}
.order-your__products{
margin-top: 48px;
}
.order-your-products__item{
margin-top: 16px;
display: flex;
justify-content: space-between;
}
.order-your-products__left{
display: flex;
}
.order-your-products__img{
width: 40px;
aspect-ratio: 1;
border-radius: 16px;
}
.order-your-products__content{
margin-left: 16px;
}
.order-your-products__name{
font-family: var(--font-family);
font-weight: 500;
font-size: 12px;
line-height: 133%;
color: var(--text-black);
text-decoration: none;
}
.order-your-products__description{
margin-top: 8px;
font-family: var(--font-family);
font-weight: 500;
font-size: 12px;
line-height: 133%;
color: var(--text-6);
}
.order-your-products__description span{
font-weight: 700;
}
.order-your-products__description span::before{
margin-left: 3px;
content: 'x ';
}
.order-your-products__right{
display: flex;
}
.order-your-products__count{
font-family: var(--font-family);
font-weight: 700;
font-size: 12px;
line-height: 133%;
text-align: right;
color: var(--text-6);
}
.order-your-products__count::before{
content: 'x';
}
.order-your-products__price{
margin-left: 16px;
font-family: var(--font-family);
font-weight: 700;
font-size: 12px;
line-height: 133%;
text-align: right;
color: var(--text-black);
}
.order-your-products__price::after{
content: 'Р';
}
.order-your__calculation{
margin-top: 48px;
}
.order-your__promo{
display: flex;
}
.order-your-promo__button{
margin-left: 8px;
}
.order-your-calculation__item{
margin-top: 24px;
display: flex;
justify-content: space-between;
align-items: center;
}
.order-your-calculation__title{
font-family: var(--font-family);
font-weight: 500;
font-size: 20px;
line-height: 120%;
color: var(--text-black);
}
.order-your-calculation__value{
font-family: var(--font-family);
font-weight: 700;
font-size: 20px;
line-height: 200%;
text-transform: uppercase;
text-align: right;
color: var(--text-black);
}
.order-your-calculation__value--price::after{
content: ' ₽';
}
.order-your-calculation__value--discount{
background: var(--gradient-red);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.order-your-calculation__value--discount::before{
content: '- ';
}
.order-your-calculation__description{
font-family: var(--font-family);
font-weight: 500;
font-size: 12px;
line-height: 133%;
text-align: right;
color: var(--text-9);
}
.order-your-calculation__line{
margin-top: 23px;
border: 1px solid var(--background-9);
}
.order-your-calculation__result{
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 117%;
text-transform: uppercase;
color: var(--text-black);
}
.order-your-calculation__submit{
margin-top: 48px;
}
@media only screen and (max-width: 1200px) {
.order{
display: block;
}
.order__contacts, .order__your{
border: none;
width: 100%;
}
}
@media only screen and (max-width: 720px) {
.order__title{
max-width: 181px;
font-size: 20px;
line-height: 120%;
}
.order__your{
margin-top: 16px;
}
.order__contacts{
padding: 24px 16px;
}
.order__your{
padding: 40px 16px 9px 16px;
}
.order-your__promo{
display: block;
}
.order-your-promo__button{
margin-left: 0;
margin-top: 24px;
width: 100%;
}
.order-your-products__content{
max-width: 164px;
}
.order-your-products__count, .order-your-products__price{
flex-shrink: 0;
}
}

View File

@@ -1,342 +0,0 @@
/* Стили для планшетов */
@media only screen and (max-width: 1200px) {
/* header */
main{
padding-top: 64px;
}
.main-menu{
display: none;
}
.header__open-menu{
display: block;
}
.lang{
display: none;
}
.header__logo{
width: 136px;
height: 29px;
}
.header__content{
height: auto;
padding: 8px 16px;
}
.mini-profile__item:nth-child(2){
margin-left: 0;
}
.header::after{
left: 0;
width: 100%;
}
.header__pc-menu{
display: none;
}
.header__phone-menu{
display: block;
}
.header__menu-block{
top: 56px;
}
.header__content::after{
left: 0;
right: 0;
width: 100%;
}
/* header */
/* footer */
.footer{
margin-top: 0;
padding: 24px 16px;
}
/* footer */
/* breadcrumbs */
.breadcrumbs{
display: none;
}
/* breadcrumbs */
/* product */
.product{
padding: 12px;
padding-top: 20px;
}
.product__title{
font-weight: 700;
font-size: 26px;
line-height: 123%;
text-transform: uppercase;
}
.to-know p {
font-size: 18px;
}
.toggle-table__title{
font-weight: 700;
font-size: 12px;
line-height: 133%;
}
.toggle-table__item p{
font-weight: 500;
font-size: 12px;
line-height: 133%;
}
.toggle-table-item__line{
margin-top: 12px;
}
.detail{
margin: 24px 16px;
}
.back-detail{
display: inline;
}
.detail-catalot__title{
font-size: 22px;
}
.product__footer--error{
margin: 48px 0px 24px;
}
/* product */
/* modal */
.modal{
padding: 0;
}
.modal__text{
padding-right: 0;
}
.form__button-pc{
display: none;
}
.form__button-mobile{
display: block;
}
.modal-form{
/* min-height: 100%;
width: 100%;
border-radius: 0;
border: none; */
}
.modal__notification{
margin: 24px;
}
.form-input-phone__list{
left: 0;
}
.modal-form-content__line--two{
flex-wrap: wrap;
}
.modal-form-content__line--two .modal-form-content-line__element{
margin-top: 24px;
width: 100%;
}
.modal-form-content__line--two .modal-form-content-line__element:first-child{
margin-top: 0;
}
.modal-map{
width: 100%;
flex-direction: column;
border-radius: 0;
}
.modal-map__left, .modal-map__right{
width: 100%;
}
.modal-map__map iframe {
width: 100%;
height: 528px;
}
.modal-map-form__button{
display: none;
}
.modal-map-form__sub-button{
margin-top: 64px;
padding: 0 24px;
display: flex;
}
/* modal */
/* cabinet */
.cabinet{
flex-direction: column;
position: relative;
}
.cabinet__control{
display: flex;
position: relative;
}
.cabinet__orders, .cabinet__profile{
width: calc(100% - 48px);
}
.cabinet__orders, .cabinet__profile{
position: absolute;
opacity: 0;
transition: opacity .2s ease-out;
}
.cabinet-content{
pointer-events:none;
}
.cabinet__orders.active, .cabinet__profile.active{
opacity: 1;
}
.cabinet__orders.hide, .cabinet__profile.hide{
position: static;
display: block;
pointer-events:auto;
width: 100%;
}
.cabinet__subscription-pc{
display: none;
}
.cabinet__subscription-mobile{
display: block;
margin: 24px 24px 0 24px;
}
.cabinet__orders .cabinet-card:nth-child(2){
margin-top: 0;
}
/* cabinet */
}
@media only screen and (max-width: 980px) {
/* product */
.product__item{
width: calc(50% - 24px);
}
/* product */
/* detail */
.detail{
flex-direction: column;
}
.detail__images{
display: none;
}
.detail__content{
width: 100%;
}
.detail__content{
margin-left: 0;
}
.detail__images-phone{
display: block;
margin-top: 48px;
margin-bottom: 48px;
position: relative;
overflow: hidden;
}
.detail__images-phone .swiper-slide{
display: flex;
justify-content: center;
}
.detail-images-phone__image-block{
width: 100%;
aspect-ratio: 1;
max-width: 500px;
display: flex;
justify-content: center;
align-items: center;
background: var(--background-grey);
border-radius: 16px;
}
.detail__images-phone .swiper-pagination-bullet{
width: 8px;
height: 8px;
border-radius: 50%;
border: 1px solid #666;
background-color: #666;
opacity: 1;
}
.detail__images-phone .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color: var(--background-white);
}
.detail__images-phone .swiper-pagination{
margin-bottom: 19px;
}
.detail__title{
font-size: 26px;
line-height: 123%;
}
.gallery__slider .swiper-pagination {
display: block;
}
.gallery__pagination{
display: none;
}
.gallery__slider .swiper-pagination-bullet{
width: 8px;
height: 8px;
border-radius: 50%;
border: 1px solid #666;
background-color: #666;
opacity: 1;
}
.gallery__wrapper .gallery-button{
display: none;
}
.gallery__slider .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color: var(--background-white);
}
.gallery__slider{
margin-left:0;
padding: 0px 0px 50px 0px;
/* padding: 40px; */
}
.gallery__block {
width: 100%;
aspect-ratio: 1;
height: auto;
}
/* detail */
}
@media only screen and (max-width: 750px) {
/* cabinet */
.cabinet-card-order__open-detail{
margin-top: 144px;
}
.cabinet-card-order__detail-short{
right: auto;
left: 0;
bottom: 48px;
}
.cabinet-card-order-detail-short__item{
margin-left: -27px;
}
.cabinet-card-order-detail-short__item:first-child{
margin-left: 0;
}
.cabinet-card__order.active .cabinet-card-order__open-detail{
margin-top: 24px;
}
/* cabinet */
}

View File

@@ -1,4 +0,0 @@
/* Стили для ультрашироких экранов */
@media only screen and (min-width: 1400px) {
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 190 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.5 KiB

View File

@@ -1,13 +0,0 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_230_9775)">
<path d="M0 0H16V5.33437H0V0Z" fill="#D90012"/>
<path d="M0 5.33447H16V10.6657H0V5.33447Z" fill="#0033A0"/>
<path d="M0 10.6655H16V15.9999H0V10.6655Z" fill="#F2A800"/>
</g>
<rect x="0.1" y="0.1" width="15.8" height="15.8" stroke="#999999" stroke-width="0.2"/>
<defs>
<clipPath id="clip0_230_9775">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 502 B

View File

@@ -1,13 +0,0 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_230_9627)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H16V16H0V0Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 5.33447H16V16.0001H0V5.33447Z" fill="#0039A6"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10.6655H16V15.9999H0V10.6655Z" fill="#D52B1E"/>
</g>
<rect x="0.1" y="0.1" width="15.8" height="15.8" stroke="#999999" stroke-width="0.2"/>
<defs>
<clipPath id="clip0_230_9627">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 615 B

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 7.0 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 8.5 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 7.0 KiB

View File

@@ -1,5 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.5 12.3643H21" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.5 12.3643L10.864 18.7282" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.5 12.3643L10.864 6.0003" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Before

Width:  |  Height:  |  Size: 459 B

View File

@@ -1,3 +0,0 @@
<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L5 3.93934L8.46967 0.46967C8.76256 0.176777 9.23744 0.176777 9.53033 0.46967C9.82322 0.762563 9.82322 1.23744 9.53033 1.53033L5.53033 5.53033C5.23744 5.82322 4.76256 5.82322 4.46967 5.53033L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967Z" fill="#333333"/>
</svg>

Before

Width:  |  Height:  |  Size: 493 B

View File

@@ -1,3 +0,0 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.94673 2.74797C9.26993 2.62677 9.63019 2.79052 9.75139 3.11373L12.2514 9.78039C12.3045 9.92188 12.3045 10.0778 12.2514 10.2193L9.75139 16.886C9.63019 17.2092 9.26993 17.3729 8.94673 17.2517C8.62353 17.1305 8.45978 16.7703 8.58098 16.4471L10.9987 9.99984L8.58098 3.55263C8.45978 3.22943 8.62353 2.86917 8.94673 2.74797Z" fill="#333333"/>
</svg>

Before

Width:  |  Height:  |  Size: 491 B

View File

@@ -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="M10.7369 3.29777C11.1247 3.15233 11.557 3.34884 11.7025 3.73668L14.7025 11.7367C14.7661 11.9065 14.7661 12.0936 14.7025 12.2634L11.7025 20.2634C11.557 20.6512 11.1247 20.8477 10.7369 20.7023C10.349 20.5568 10.1525 20.1245 10.298 19.7367L13.1992 12L10.298 4.26336C10.1525 3.87552 10.349 3.44321 10.7369 3.29777Z" fill="#666666"/>
</svg>

Before

Width:  |  Height:  |  Size: 481 B

View File

@@ -1,5 +0,0 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 16.4854H28" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 16.4854L14.4853 24.9706" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 16.4854L14.4853 8.00007" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Before

Width:  |  Height:  |  Size: 456 B

View File

@@ -1,5 +0,0 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 8.24268H3" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14 8.24268L9.75736 12.4853" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14 8.24268L9.75736 4.00003" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Before

Width:  |  Height:  |  Size: 458 B

View File

@@ -1,5 +0,0 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26 16.4854H4" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26 16.4854L17.5147 24.9706" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26 16.4854L17.5147 8.00007" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Before

Width:  |  Height:  |  Size: 458 B

View File

@@ -1,3 +0,0 @@
<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.50681 0.784901C9.86151 1.14024 9.86101 1.71584 9.50567 2.07055L4.35112 7.216C3.99601 7.57049 3.42085 7.57024 3.06604 7.21544L0.493317 4.64271C0.138295 4.28769 0.138295 3.71208 0.493317 3.35706C0.848339 3.00204 1.42394 3.00204 1.77897 3.35706L3.70944 5.28753L8.22116 0.783766C8.57649 0.429057 9.1521 0.429565 9.50681 0.784901Z" fill="white"/>
</svg>

Before

Width:  |  Height:  |  Size: 495 B

View File

@@ -1,11 +0,0 @@
<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.7071 0.292893C16.0976 0.683417 16.0976 1.31658 15.7071 1.70711L5.70711 11.7071C5.31658 12.0976 4.68342 12.0976 4.29289 11.7071L0.292893 7.70711C-0.0976311 7.31658 -0.0976311 6.68342 0.292893 6.29289C0.683417 5.90237 1.31658 5.90237 1.70711 6.29289L5 9.58579L14.2929 0.292893C14.6834 -0.0976311 15.3166 -0.0976311 15.7071 0.292893Z" fill="url(#paint0_radial_79_10214)" />
<defs>
<radialGradient id="paint0_radial_79_10214" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23.9562 -7.00625) rotate(143.344) scale(34.5677 45.2811)">
<stop stop-color="#0F5881" />
<stop offset="0.512169" stop-color="#1EA49C" />
<stop offset="0.807073" stop-color="#76CE75" />
<stop offset="0.911458" stop-color="#ECF39F" />
</radialGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 954 B

View File

@@ -1,13 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_3176)">
<path d="M4 7H20" stroke="#2C3E50" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5 7L6 19C6 19.5304 6.21071 20.0391 6.58579 20.4142C6.96086 20.7893 7.46957 21 8 21H16C16.5304 21 17.0391 20.7893 17.4142 20.4142C17.7893 20.0391 18 19.5304 18 19L19 7" stroke="#2C3E50" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 7V4C9 3.73478 9.10536 3.48043 9.29289 3.29289C9.48043 3.10536 9.73478 3 10 3H14C14.2652 3 14.5196 3.10536 14.7071 3.29289C14.8946 3.48043 15 3.73478 15 4V7" stroke="#2C3E50" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10 12L14 16M14 12L10 16" stroke="#2C3E50" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_1_3176">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 983 B

View File

@@ -1,11 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_2483)">
<path d="M18 6L6 18" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 6L18 18" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_1_2483">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 455 B

View File

@@ -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="M11.2929 5.70711C11.1054 5.51957 11 5.26522 11 5C11 4.73478 11.1054 4.48043 11.2929 4.29289C11.4804 4.10536 11.7348 4 12 4C12.2652 4 12.5196 4.10536 12.7071 4.29289C12.8946 4.48043 13 4.73478 13 5C13 5.26522 12.8946 5.51957 12.7071 5.70711C12.5196 5.89464 12.2652 6 12 6C11.7348 6 11.4804 5.89464 11.2929 5.70711ZM11 12C11 12.2652 11.1054 12.5196 11.2929 12.7071C11.4804 12.8946 11.7348 13 12 13C12.2652 13 12.5196 12.8946 12.7071 12.7071C12.8946 12.5196 13 12.2652 13 12C13 11.7348 12.8946 11.4804 12.7071 11.2929C12.5196 11.1054 12.2652 11 12 11C11.7348 11 11.4804 11.1054 11.2929 11.2929C11.1054 11.4804 11 11.7348 11 12ZM11 19C11 19.2652 11.1054 19.5196 11.2929 19.7071C11.4804 19.8946 11.7348 20 12 20C12.2652 20 12.5196 19.8946 12.7071 19.7071C12.8946 19.5196 13 19.2652 13 19C13 18.7348 12.8946 18.4804 12.7071 18.2929C12.5196 18.1054 12.2652 18 12 18C11.7348 18 11.4804 18.1054 11.2929 18.2929C11.1054 18.4804 11 18.7348 11 19Z" fill="#121212"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

View File

@@ -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="M6 3.25C6.41421 3.25 6.75 3.58579 6.75 4V7.35424C7.19755 7.48113 7.60976 7.72067 7.94454 8.05546C8.46027 8.57118 8.75 9.27065 8.75 10C8.75 10.7293 8.46027 11.4288 7.94454 11.9445C7.60976 12.2793 7.19755 12.5189 6.75 12.6458V20C6.75 20.4142 6.41421 20.75 6 20.75C5.58579 20.75 5.25 20.4142 5.25 20V12.6458C4.80245 12.5189 4.39024 12.2793 4.05546 11.9445C3.53973 11.4288 3.25 10.7293 3.25 10C3.25 9.27065 3.53973 8.57118 4.05546 8.05546C4.39024 7.72067 4.80245 7.48113 5.25 7.35424V4C5.25 3.58579 5.58579 3.25 6 3.25ZM12 3.25C12.4142 3.25 12.75 3.58579 12.75 4V13.3542C13.1975 13.4811 13.6098 13.7207 13.9445 14.0555C14.4603 14.5712 14.75 15.2707 14.75 16C14.75 16.7293 14.4603 17.4288 13.9445 17.9445C13.6098 18.2793 13.1975 18.5189 12.75 18.6458V20C12.75 20.4142 12.4142 20.75 12 20.75C11.5858 20.75 11.25 20.4142 11.25 20V18.6458C10.8025 18.5189 10.3902 18.2793 10.0555 17.9445C9.53973 17.4288 9.25 16.7293 9.25 16C9.25 15.2707 9.53973 14.5712 10.0555 14.0555C10.3902 13.7207 10.8025 13.4811 11.25 13.3542V4C11.25 3.58579 11.5858 3.25 12 3.25ZM18 3.25C18.4142 3.25 18.75 3.58579 18.75 4V4.35424C19.1975 4.48112 19.6098 4.72067 19.9445 5.05546C20.4603 5.57118 20.75 6.27065 20.75 7C20.75 7.72935 20.4603 8.42882 19.9445 8.94454C19.6098 9.27933 19.1975 9.51887 18.75 9.64576V20C18.75 20.4142 18.4142 20.75 18 20.75C17.5858 20.75 17.25 20.4142 17.25 20V9.64576C16.8025 9.51887 16.3902 9.27933 16.0555 8.94454C15.5397 8.42882 15.25 7.72935 15.25 7C15.25 6.27065 15.5397 5.57118 16.0555 5.05546C16.3902 4.72067 16.8025 4.48112 17.25 4.35424V4C17.25 3.58579 17.5858 3.25 18 3.25ZM18 5.75C17.6685 5.75 17.3505 5.8817 17.1161 6.11612C16.8817 6.35054 16.75 6.66848 16.75 7C16.75 7.33152 16.8817 7.64946 17.1161 7.88388C17.3505 8.1183 17.6685 8.25 18 8.25C18.3315 8.25 18.6495 8.1183 18.8839 7.88388C19.1183 7.64946 19.25 7.33152 19.25 7C19.25 6.66848 19.1183 6.35054 18.8839 6.11612C18.6495 5.8817 18.3315 5.75 18 5.75ZM6 8.75C5.66848 8.75 5.35054 8.8817 5.11612 9.11612C4.8817 9.35054 4.75 9.66848 4.75 10C4.75 10.3315 4.8817 10.6495 5.11612 10.8839C5.35054 11.1183 5.66848 11.25 6 11.25C6.33152 11.25 6.64946 11.1183 6.88388 10.8839C7.1183 10.6495 7.25 10.3315 7.25 10C7.25 9.66848 7.1183 9.35054 6.88388 9.11612C6.64946 8.8817 6.33152 8.75 6 8.75ZM12 14.75C11.6685 14.75 11.3505 14.8817 11.1161 15.1161C10.8817 15.3505 10.75 15.6685 10.75 16C10.75 16.3315 10.8817 16.6495 11.1161 16.8839C11.3505 17.1183 11.6685 17.25 12 17.25C12.3315 17.25 12.6495 17.1183 12.8839 16.8839C13.1183 16.6495 13.25 16.3315 13.25 16C13.25 15.6685 13.1183 15.3505 12.8839 15.1161C12.6495 14.8817 12.3315 14.75 12 14.75Z" fill="#121212"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.7 KiB

View File

@@ -1,6 +0,0 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.7875 10.2271C19.7875 9.51801 19.7239 8.83619 19.6057 8.18164H10.1875V12.0498H15.5693C15.3375 13.2998 14.633 14.3589 13.5739 15.068V17.5771H16.8057C18.6966 15.8362 19.7875 13.2726 19.7875 10.2271Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1864 20.0004C12.8864 20.0004 15.15 19.105 16.8046 17.5777L13.5728 15.0686C12.6773 15.6686 11.5318 16.0231 10.1864 16.0231C7.58183 16.0231 5.37728 14.264 4.59092 11.9004H1.25V14.4913C2.89546 17.7595 6.27728 20.0004 10.1864 20.0004Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.59205 11.8997C4.39205 11.2997 4.27842 10.6588 4.27842 9.99971C4.27842 9.34062 4.39205 8.6997 4.59205 8.0997V5.50879H1.25114C0.573864 6.85879 0.1875 8.38607 0.1875 9.99971C0.1875 11.6133 0.573864 13.1406 1.25114 14.4906L4.59205 11.8997Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1864 3.97728C11.6546 3.97728 12.9728 4.48183 14.0091 5.47274L16.8773 2.60455C15.1455 0.990911 12.8818 0 10.1864 0C6.27728 0 2.89546 2.24091 1.25 5.5091L4.59092 8.10002C5.37728 5.73638 7.58183 3.97728 10.1864 3.97728Z" fill="white"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

View File

@@ -1,11 +0,0 @@
<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.42433 0.575954C1.18837 0.343303 0.807128 0.344651 0.572814 0.578965C0.338499 0.81328 0.339838 1.19183 0.575804 1.42448L5.84223 6.61694L0.575803 11.8094C0.339837 12.042 0.338499 12.4206 0.572813 12.6549C0.807128 12.8892 1.18837 12.8906 1.42433 12.6579L6.6968 7.45951L11.9692 12.6579C12.2052 12.8905 12.5864 12.8892 12.8208 12.6549C13.0551 12.4206 13.0537 12.042 12.8178 11.8094L7.55137 6.61694L12.8178 1.42451C13.0537 1.19186 13.0551 0.813306 12.8208 0.578991C12.5864 0.344677 12.2052 0.343328 11.9692 0.57598L6.6968 5.77437L1.42433 0.575954Z" fill="url(#paint0_radial_61_3534)"/>
<defs>
<radialGradient id="paint0_radial_61_3534" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(19.26 -6.85449) rotate(135.608) scale(30.5558 41.776)">
<stop stop-color="#0F5881"/>
<stop offset="0.512169" stop-color="#1EA49C"/>
<stop offset="0.807073" stop-color="#76CE75"/>
<stop offset="0.911458" stop-color="#ECF39F"/>
</radialGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

View File

@@ -1,10 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_61_7537)">
<path d="M5 12H19" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_61_7537">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 349 B

View File

@@ -1,11 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_178_5112)">
<path d="M12 5V19" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5 12H19" stroke="#666666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_178_5112">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 455 B

View File

@@ -1,11 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_61_7542)">
<path d="M12 5V19" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5 12H19" stroke="#121212" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_61_7542">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 453 B

View File

@@ -1,3 +0,0 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.00005 1.2498C4.27213 1.2498 1.25005 4.27188 1.25005 7.9998C1.25005 11.7277 4.27213 14.7498 8.00005 14.7498C11.728 14.7498 14.75 11.7277 14.75 7.9998C14.75 4.27188 11.728 1.2498 8.00005 1.2498ZM0.0500488 7.9998C0.0500488 3.60914 3.60939 0.0498047 8.00005 0.0498047C12.3907 0.0498047 15.9501 3.60914 15.9501 7.9998C15.9501 12.3905 12.3907 15.9498 8.00005 15.9498C3.60938 15.9498 0.0500488 12.3905 0.0500488 7.9998ZM8.75664 11.8914C8.75664 12.3056 8.42085 12.6414 8.00664 12.6414C7.59243 12.6414 7.25664 12.3056 7.25664 11.8914C7.25664 11.4772 7.59243 11.1414 8.00664 11.1414C8.42085 11.1414 8.75664 11.4772 8.75664 11.8914ZM6.35884 6.22749C6.35879 5.76088 6.51651 5.31995 6.80394 5.00253C7.08243 4.69497 7.51419 4.46749 8.14659 4.46748C9.28878 4.46747 10.0031 5.57665 9.44696 6.64451C9.21979 7.08066 8.93274 7.37811 8.60211 7.7207L8.60206 7.72075C8.49777 7.82881 8.38915 7.94137 8.27671 8.06418C7.82078 8.56216 7.37999 9.17405 7.37999 10.1425C7.37999 10.4738 7.64862 10.7425 7.97999 10.7425C8.31136 10.7425 8.57999 10.4738 8.57999 10.1425C8.57999 9.61088 8.79169 9.27875 9.16178 8.87452C9.23347 8.79622 9.31482 8.71242 9.40228 8.62233C9.75046 8.26368 10.1953 7.80545 10.5113 7.19883C11.4927 5.31454 10.1697 3.26746 8.14658 3.26748C7.19634 3.26749 6.43417 3.62308 5.91442 4.19707C5.4036 4.7612 5.15877 5.5003 5.15884 6.22761C5.15887 6.55898 5.42753 6.82758 5.7589 6.82755C6.09027 6.82752 6.35887 6.55886 6.35884 6.22749Z" fill="#121212"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.6 KiB

View File

@@ -1,3 +0,0 @@
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1.5C7.64641 1.5 6.80117 1.66813 6.01256 1.99478C5.22394 2.32144 4.50739 2.80023 3.90381 3.40381C3.30023 4.00739 2.82144 4.72394 2.49478 5.51256C2.16813 6.30117 2 7.14641 2 8C2 8.85359 2.16813 9.69883 2.49478 10.4874C2.82144 11.2761 3.30023 11.9926 3.90381 12.5962C4.50739 13.1998 5.22394 13.6786 6.01256 14.0052C6.80117 14.3319 7.64641 14.5 8.5 14.5C9.35359 14.5 10.1988 14.3319 10.9874 14.0052C11.7761 13.6786 12.4926 13.1998 13.0962 12.5962C13.6998 11.9926 14.1786 11.2761 14.5052 10.4874C14.8319 9.69883 15 8.85359 15 8C15 7.14641 14.8319 6.30117 14.5052 5.51256C14.1786 4.72394 13.6998 4.00739 13.0962 3.40381C12.4926 2.80023 11.7761 2.32144 10.9874 1.99478C10.1988 1.66813 9.35359 1.5 8.5 1.5ZM6.39524 2.91866C7.06253 2.64226 7.77773 2.5 8.5 2.5C9.22227 2.5 9.93747 2.64226 10.6048 2.91866C11.272 3.19506 11.8784 3.60019 12.3891 4.11091C12.8998 4.62164 13.3049 5.22795 13.5813 5.89524C13.8577 6.56253 14 7.27773 14 8C14 8.72227 13.8577 9.43747 13.5813 10.1048C13.3049 10.772 12.8998 11.3784 12.3891 11.8891C11.8784 12.3998 11.272 12.8049 10.6048 13.0813C9.93747 13.3577 9.22227 13.5 8.5 13.5C7.77773 13.5 7.06253 13.3577 6.39524 13.0813C5.72795 12.8049 5.12164 12.3998 4.61091 11.8891C4.10019 11.3784 3.69506 10.772 3.41866 10.1048C3.14226 9.43747 3 8.72227 3 8C3 7.27773 3.14226 6.56253 3.41866 5.89524C3.69506 5.22795 4.10019 4.62163 4.61091 4.11091C5.12163 3.60019 5.72795 3.19506 6.39524 2.91866ZM7.52022 6.31311C7.32496 6.11785 7.00838 6.11785 6.81311 6.31311C6.61785 6.50838 6.61785 6.82496 6.81311 7.02022L7.79289 8L6.81311 8.97978C6.61785 9.17504 6.61785 9.49162 6.81311 9.68689C7.00838 9.88215 7.32496 9.88215 7.52022 9.68689L8.5 8.70711L9.47978 9.68689C9.67504 9.88215 9.99162 9.88215 10.1869 9.68689C10.3821 9.49162 10.3821 9.17504 10.1869 8.97978L9.20711 8L10.1869 7.02022C10.3821 6.82496 10.3821 6.50838 10.1869 6.31311C9.99162 6.11785 9.67504 6.11785 9.47978 6.31311L8.5 7.29289L7.52022 6.31311Z" fill="#F60909"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.0 KiB

View File

@@ -1,3 +0,0 @@
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1.5C7.64641 1.5 6.80117 1.66813 6.01256 1.99478C5.22394 2.32144 4.50739 2.80023 3.90381 3.40381C3.30023 4.00739 2.82144 4.72394 2.49478 5.51256C2.16813 6.30117 2 7.14641 2 8C2 8.85359 2.16813 9.69883 2.49478 10.4874C2.82144 11.2761 3.30023 11.9926 3.90381 12.5962C4.50739 13.1998 5.22394 13.6786 6.01256 14.0052C6.80117 14.3319 7.64641 14.5 8.5 14.5C9.35359 14.5 10.1988 14.3319 10.9874 14.0052C11.7761 13.6786 12.4926 13.1998 13.0962 12.5962C13.6998 11.9926 14.1786 11.2761 14.5052 10.4874C14.8319 9.69883 15 8.85359 15 8C15 7.14641 14.8319 6.30117 14.5052 5.51256C14.1786 4.72394 13.6998 4.00739 13.0962 3.40381C12.4926 2.80023 11.7761 2.32144 10.9874 1.99478C10.1988 1.66813 9.35359 1.5 8.5 1.5ZM6.39524 2.91866C7.06253 2.64226 7.77773 2.5 8.5 2.5C9.22227 2.5 9.93747 2.64226 10.6048 2.91866C11.272 3.19506 11.8784 3.60019 12.3891 4.11091C12.8998 4.62164 13.3049 5.22795 13.5813 5.89524C13.8577 6.56253 14 7.27773 14 8C14 8.72227 13.8577 9.43747 13.5813 10.1048C13.3049 10.772 12.8998 11.3784 12.3891 11.8891C11.8784 12.3998 11.272 12.8049 10.6048 13.0813C9.93747 13.3577 9.22227 13.5 8.5 13.5C7.77773 13.5 7.06253 13.3577 6.39524 13.0813C5.72795 12.8049 5.12164 12.3998 4.61091 11.8891C4.10019 11.3784 3.69506 10.772 3.41866 10.1048C3.14226 9.43747 3 8.72227 3 8C3 7.27773 3.14226 6.56253 3.41866 5.89524C3.69506 5.22795 4.10019 4.62163 4.61091 4.11091C5.12163 3.60019 5.72795 3.19506 6.39524 2.91866ZM10.8536 7.02022C11.0488 6.82496 11.0488 6.50838 10.8536 6.31311C10.6583 6.11785 10.3417 6.11785 10.1464 6.31311L7.83333 8.62623L6.85355 7.64645C6.65829 7.45118 6.34171 7.45118 6.14645 7.64645C5.95118 7.84171 5.95118 8.15829 6.14645 8.35355L7.47978 9.68689C7.67504 9.88215 7.99162 9.88215 8.18689 9.68689L10.8536 7.02022Z" fill="#2ED15D"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -1,3 +0,0 @@
<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.75 5.25L1.25 2.75L6.25 2.75L3.75 5.25Z" fill="#999999"/>
</svg>

Before

Width:  |  Height:  |  Size: 168 B

View File

@@ -1,3 +0,0 @@
<svg width="22" height="14" viewBox="0 0 22 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.9825 14C4.46596 14 0.178638 8.74474 0 0H3.76515C3.88882 6.41842 6.66459 9.13714 8.86321 9.6977V0H12.4085V5.53553C14.5796 5.2973 16.8607 2.77477 17.6302 0H21.1755C20.8855 1.43908 20.3075 2.80165 19.4776 4.0025C18.6477 5.20335 17.5837 6.21663 16.3523 6.97898C17.7269 7.67555 18.941 8.6615 19.9145 9.87175C20.888 11.082 21.5988 12.489 22 14H18.0974C17.7373 12.6876 17.0054 11.5128 15.9934 10.6228C14.9814 9.73284 13.7343 9.16727 12.4085 8.997V14H11.9825Z" fill="white"/>
</svg>

Before

Width:  |  Height:  |  Size: 584 B

View File

@@ -1,3 +0,0 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.62404 2.77566C3.38807 2.54301 3.00683 2.54436 2.77252 2.77867C2.53821 3.01299 2.53954 3.39154 2.77551 3.62419L6.90259 7.6933L2.77551 11.7624C2.53954 11.9951 2.53821 12.3736 2.77252 12.6079C3.00684 12.8422 3.38807 12.8436 3.62404 12.6109L7.75716 8.53587L11.8903 12.6109C12.1262 12.8436 12.5075 12.8422 12.7418 12.6079C12.9761 12.3736 12.9748 11.995 12.7388 11.7624L8.61173 7.6933L12.7388 3.62421C12.9748 3.39156 12.9761 3.01301 12.7418 2.77869C12.5075 2.54438 12.1262 2.54303 11.8903 2.77568L7.75716 6.85073L3.62404 2.77566Z" fill="white"/>
</svg>

Before

Width:  |  Height:  |  Size: 695 B

View File

@@ -1,3 +0,0 @@
<svg width="14" height="20" viewBox="0 0 14 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.1991 2.77628H8.65909C5.83576 2.77628 4.35076 4.20628 4.35076 6.31461C4.35076 8.69794 5.37742 9.81461 7.48576 11.2463L9.22742 12.4196L4.22242 19.8979H0.482422L4.97409 13.2079C2.39076 11.3563 0.940755 9.55794 0.940755 6.51628C0.940755 2.70294 3.59909 0.0996094 8.64076 0.0996094H13.6458V19.8796H10.1991V2.77628Z" fill="white"/>
</svg>

Before

Width:  |  Height:  |  Size: 442 B

View File

@@ -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="M11.9995 3.53846C11.3616 3.53846 10.7499 3.78159 10.2988 4.21437C9.84778 4.64715 9.59439 5.23412 9.59439 5.84615V7.12821H14.4045V5.84615C14.4045 5.23412 14.1511 4.64715 13.7001 4.21437C13.2491 3.78159 12.6373 3.53846 11.9995 3.53846ZM16.0079 7.12821V5.84615C16.0079 4.82609 15.5856 3.84781 14.8339 3.12651C14.0821 2.40522 13.0626 2 11.9995 2C10.9364 2 9.91679 2.40522 9.16506 3.12651C8.41333 3.84781 7.99102 4.82609 7.99102 5.84615V7.12821H5.93986M7.99102 8.66667H5.93976C5.74711 8.66665 5.55664 8.7066 5.38159 8.78378C5.20654 8.86097 5.05095 8.97356 4.9255 9.11385C4.80004 9.25413 4.70769 9.41879 4.65477 9.59653C4.60186 9.77423 4.58961 9.9608 4.61887 10.1435C4.61886 10.1434 4.61888 10.1435 4.61887 10.1435L5.96036 18.5045C6.04768 19.0493 6.33539 19.5463 6.77139 19.9052C7.20738 20.2642 7.76287 20.4615 8.33735 20.4615C8.33734 20.4615 8.33736 20.4615 8.33735 20.4615H15.6616C16.2362 20.4617 16.7921 20.2644 17.2283 19.9055C17.6645 19.5465 17.9523 19.0496 18.0396 18.5046L19.3811 10.1436C19.3811 10.1436 19.3811 10.1435 19.3811 10.1436C19.4104 9.96093 19.3981 9.77423 19.3452 9.59653C19.2923 9.41879 19.1999 9.25413 19.0745 9.11385C18.949 8.97356 18.7935 8.86097 18.6184 8.78378C18.4433 8.7066 18.253 8.66665 18.0603 8.66667H16.0079V10.9744C16.0079 11.3992 15.649 11.7436 15.2062 11.7436C14.7635 11.7436 14.4045 11.3992 14.4045 10.9744V8.66667H9.59439V10.9744C9.59439 11.3992 9.23547 11.7436 8.79271 11.7436C8.34995 11.7436 7.99102 11.3992 7.99102 10.9744V8.66667ZM16.0079 7.12821H18.0601C18.0601 7.12821 18.0602 7.12821 18.0601 7.12821C18.4839 7.12817 18.9028 7.21606 19.2879 7.38586C19.673 7.55567 20.0153 7.80338 20.2913 8.11201C20.5673 8.42063 20.7705 8.78288 20.8869 9.1739C21.0033 9.56493 21.0303 9.97549 20.9658 10.3774L19.6244 18.7385C19.6243 18.7385 19.6244 18.7384 19.6244 18.7385C19.4788 19.6467 18.9991 20.475 18.2722 21.0732C17.5453 21.6715 16.6192 22.0002 15.6616 22C15.6615 22 15.6616 22 15.6616 22H8.33735C7.37986 22 6.45398 21.6711 5.72732 21.0728C5.00069 20.4746 4.52121 19.6466 4.37565 18.7386C4.37565 18.7385 4.37566 18.7386 4.37565 18.7386L3.03416 10.3776C2.96974 9.97561 2.99665 9.56493 3.11308 9.1739C3.22951 8.78288 3.43268 8.42063 3.70868 8.11201C3.98468 7.80338 4.32697 7.55567 4.71208 7.38586C5.09717 7.21606 5.51606 7.12817 5.93986 7.12821" fill="white"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.4 KiB

View File

@@ -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="M11.9995 3.53846C11.3616 3.53846 10.7499 3.78159 10.2988 4.21437C9.84778 4.64715 9.59439 5.23412 9.59439 5.84615V7.12821H14.4045V5.84615C14.4045 5.23412 14.1511 4.64715 13.7001 4.21437C13.2491 3.78159 12.6373 3.53846 11.9995 3.53846ZM16.0079 7.12821V5.84615C16.0079 4.82609 15.5856 3.84781 14.8339 3.12651C14.0821 2.40522 13.0626 2 11.9995 2C10.9364 2 9.91679 2.40522 9.16506 3.12651C8.41333 3.84781 7.99102 4.82609 7.99102 5.84615V7.12821H5.93986M7.99102 8.66667H5.93976C5.74711 8.66665 5.55664 8.7066 5.38159 8.78378C5.20654 8.86097 5.05095 8.97356 4.9255 9.11385C4.80004 9.25413 4.70769 9.41879 4.65477 9.59653C4.60186 9.77423 4.58961 9.9608 4.61887 10.1435C4.61886 10.1434 4.61888 10.1435 4.61887 10.1435L5.96036 18.5045C6.04768 19.0493 6.33539 19.5463 6.77139 19.9052C7.20738 20.2642 7.76287 20.4615 8.33735 20.4615C8.33734 20.4615 8.33736 20.4615 8.33735 20.4615H15.6616C16.2362 20.4617 16.7921 20.2644 17.2283 19.9055C17.6645 19.5465 17.9523 19.0496 18.0396 18.5046L19.3811 10.1436C19.3811 10.1436 19.3811 10.1435 19.3811 10.1436C19.4104 9.96093 19.3981 9.77423 19.3452 9.59653C19.2923 9.41879 19.1999 9.25413 19.0745 9.11385C18.949 8.97356 18.7935 8.86097 18.6184 8.78378C18.4433 8.7066 18.253 8.66665 18.0603 8.66667H16.0079V10.9744C16.0079 11.3992 15.649 11.7436 15.2062 11.7436C14.7635 11.7436 14.4045 11.3992 14.4045 10.9744V8.66667H9.59439V10.9744C9.59439 11.3992 9.23547 11.7436 8.79271 11.7436C8.34995 11.7436 7.99102 11.3992 7.99102 10.9744V8.66667ZM16.0079 7.12821H18.0601C18.0601 7.12821 18.0602 7.12821 18.0601 7.12821C18.4839 7.12817 18.9028 7.21606 19.2879 7.38586C19.673 7.55567 20.0153 7.80338 20.2913 8.11201C20.5673 8.42063 20.7705 8.78288 20.8869 9.1739C21.0033 9.56493 21.0303 9.97549 20.9658 10.3774L19.6244 18.7385C19.6243 18.7385 19.6244 18.7384 19.6244 18.7385C19.4788 19.6467 18.9991 20.475 18.2722 21.0732C17.5453 21.6715 16.6192 22.0002 15.6616 22C15.6615 22 15.6616 22 15.6616 22H8.33735C7.37986 22 6.45398 21.6711 5.72732 21.0728C5.00069 20.4746 4.52121 19.6466 4.37565 18.7386C4.37565 18.7385 4.37566 18.7386 4.37565 18.7386L3.03416 10.3776C2.96974 9.97561 2.99665 9.56493 3.11308 9.1739C3.22951 8.78288 3.43268 8.42063 3.70868 8.11201C3.98468 7.80338 4.32697 7.55567 4.71208 7.38586C5.09717 7.21606 5.51606 7.12817 5.93986 7.12821" fill="#333333"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.4 KiB

View File

@@ -1,4 +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="M8.64124 3.64124C9.53204 2.75044 10.7402 2.25 12 2.25C13.2598 2.25 14.468 2.75044 15.3588 3.64124C16.2496 4.53204 16.75 5.74022 16.75 7C16.75 8.25978 16.2496 9.46796 15.3588 10.3588C14.468 11.2496 13.2598 11.75 12 11.75C10.7402 11.75 9.53204 11.2496 8.64124 10.3588C7.75044 9.46796 7.25 8.25978 7.25 7C7.25 5.74022 7.75044 4.53204 8.64124 3.64124ZM12 3.75C11.138 3.75 10.3114 4.09241 9.7019 4.7019C9.09241 5.3114 8.75 6.13805 8.75 7C8.75 7.86195 9.09241 8.6886 9.7019 9.2981C10.3114 9.90759 11.138 10.25 12 10.25C12.862 10.25 13.6886 9.90759 14.2981 9.2981C14.9076 8.6886 15.25 7.86195 15.25 7C15.25 6.13805 14.9076 5.3114 14.2981 4.7019C13.6886 4.09241 12.862 3.75 12 3.75Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 15.75C9.13805 15.75 8.3114 16.0924 7.7019 16.7019C7.09241 17.3114 6.75 18.138 6.75 19V21C6.75 21.4142 6.41421 21.75 6 21.75C5.58579 21.75 5.25 21.4142 5.25 21V19C5.25 17.7402 5.75044 16.532 6.64124 15.6412C7.53204 14.7504 8.74022 14.25 10 14.25H14C15.2598 14.25 16.468 14.7504 17.3588 15.6412C18.2496 16.532 18.75 17.7402 18.75 19V21C18.75 21.4142 18.4142 21.75 18 21.75C17.5858 21.75 17.25 21.4142 17.25 21V19C17.25 18.138 16.9076 17.3114 16.2981 16.7019C15.6886 16.0924 14.862 15.75 14 15.75H10Z" fill="white"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.4 KiB

View File

@@ -1,4 +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="M8.64124 3.64124C9.53204 2.75044 10.7402 2.25 12 2.25C13.2598 2.25 14.468 2.75044 15.3588 3.64124C16.2496 4.53204 16.75 5.74022 16.75 7C16.75 8.25978 16.2496 9.46796 15.3588 10.3588C14.468 11.2496 13.2598 11.75 12 11.75C10.7402 11.75 9.53204 11.2496 8.64124 10.3588C7.75044 9.46796 7.25 8.25978 7.25 7C7.25 5.74022 7.75044 4.53204 8.64124 3.64124ZM12 3.75C11.138 3.75 10.3114 4.09241 9.7019 4.7019C9.09241 5.3114 8.75 6.13805 8.75 7C8.75 7.86195 9.09241 8.6886 9.7019 9.2981C10.3114 9.90759 11.138 10.25 12 10.25C12.862 10.25 13.6886 9.90759 14.2981 9.2981C14.9076 8.6886 15.25 7.86195 15.25 7C15.25 6.13805 14.9076 5.3114 14.2981 4.7019C13.6886 4.09241 12.862 3.75 12 3.75Z" fill="#333333"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 15.75C9.13805 15.75 8.3114 16.0924 7.7019 16.7019C7.09241 17.3114 6.75 18.138 6.75 19V21C6.75 21.4142 6.41421 21.75 6 21.75C5.58579 21.75 5.25 21.4142 5.25 21V19C5.25 17.7402 5.75044 16.532 6.64124 15.6412C7.53204 14.7504 8.74022 14.25 10 14.25H14C15.2598 14.25 16.468 14.7504 17.3588 15.6412C18.2496 16.532 18.75 17.7402 18.75 19V21C18.75 21.4142 18.4142 21.75 18 21.75C17.5858 21.75 17.25 21.4142 17.25 21V19C17.25 18.138 16.9076 17.3114 16.2981 16.7019C15.6886 16.0924 14.862 15.75 14 15.75H10Z" fill="#333333"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.4 KiB

View File

@@ -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="M16 0C7.16387 0 0 7.16387 0 16C0 24.8361 7.16387 32 16 32C24.8361 32 32 24.8361 32 16C32 7.16387 24.8361 0 16 0ZM23.8555 10.9626L21.2335 23.3394C21.0374 24.2168 20.5213 24.4335 19.7884 24.0206L15.7832 21.0684L13.8529 22.9265C13.6361 23.1432 13.4606 23.3187 13.0477 23.3187L13.3265 19.2516L20.7381 12.5523C21.0581 12.2735 20.6658 12.1084 20.2426 12.3871L11.0761 18.1574L7.1329 16.929C6.27613 16.6606 6.25548 16.0723 7.31871 15.6594L22.751 9.70323C23.4632 9.44516 24.0929 9.87871 23.8555 10.9626Z" fill="white"/>
</svg>

Before

Width:  |  Height:  |  Size: 623 B

View File

@@ -1,3 +0,0 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25023 2.25053C0 4.50106 0 8.1189 0 15.3588V16.6369C0 23.8769 0 27.4989 2.25023 29.7495C4.50046 32 8.11782 32 15.361 32H16.639C23.8779 32 27.4995 32 29.7498 29.7495C32 27.4989 32 23.8811 32 16.6369V15.3588C32 8.1189 32 4.49682 29.7498 2.24628C27.4995 0 23.8779 0 16.639 0H15.361C8.11782 0 4.50046 0 2.25023 2.25053ZM5.40056 9.73673C5.57463 18.0552 9.73544 23.0573 17.0253 23.0573H17.4372V18.2972C20.1162 18.5648 22.1414 20.5223 22.9566 23.0573H26.7438C25.7036 19.2696 22.9694 17.1762 21.2626 16.3779C22.9694 15.3928 25.3682 12.9894 25.9414 9.73673H22.5023C21.7551 12.3779 19.5431 14.7771 17.4372 15.0021V9.73673H13.9981V18.9639C11.8668 18.4289 9.17076 15.8429 9.05188 9.73673H5.40056Z" fill="white"/>
</svg>

Before

Width:  |  Height:  |  Size: 855 B

View File

@@ -1,6 +0,0 @@
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.568 0C15.3825 2.50628 15.3939 5.04672 14.9687 7.51149C14.1605 12.1873 11.5304 14.5683 6.79636 15.1227C4.54453 15.3866 2.2659 15.4261 0 15.5674C0 15.0765 0.160702 13.7889 0.188825 13.6262C1.18518 7.88646 4.32691 3.76713 9.62271 1.37266C11.0322 0.736552 15.0772 0 15.568 0Z" fill="white"/>
<path d="M0 16.4092C1.98668 16.5478 3.98207 16.6134 5.9567 16.8504C7.26575 17.0071 8.59221 17.2817 9.82962 17.7276C12.4651 18.6778 14.1652 20.6477 14.6935 23.3508C15.2399 26.1477 15.4375 29.0136 15.8051 31.9933C13.2814 32.0689 11.2063 31.5179 9.25913 30.5624C4.19768 28.0795 1.14634 24.0512 0.190834 18.4682C0.156685 18.268 0 16.9007 0 16.4092Z" fill="white"/>
<path d="M19.7049 0.420142C26.3895 1.89994 31.7127 8.12046 32.0114 14.8057C32.0207 15.0126 32.0127 15.2201 32.0127 15.5657C28.4491 15.4398 24.8916 15.6045 21.5845 14.0684C18.8217 12.7848 17.514 10.3837 17.0841 7.51381C16.7741 5.44276 16.7259 3.33287 16.5545 1.24039C16.5203 0.825915 16.4587 0.414116 16.4092 0.000977742C16.9 0.00030815 19.0963 0.284885 19.7049 0.420142Z" fill="white"/>
<path d="M16.3945 31.937C16.6202 29.4173 16.7032 26.9653 17.0862 24.5608C17.7719 20.2546 20.1751 17.8106 24.4544 17.1008C26.8897 16.6971 29.3799 16.6221 31.844 16.3984C32.5009 23.4211 25.5157 32.1385 16.3945 31.937Z" fill="white"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.4 KiB

View File

@@ -1,156 +0,0 @@
'use strict';
// function
export function modalOpen(buttonElement, contentElement){
let modal = document.querySelector('.modal'),
aside = document.querySelector('.modal__aside'),
elements = document.querySelectorAll(buttonElement),
device = window.screen.width;
elements.forEach(e => {
let thisContentElement = document.querySelector(contentElement);
e.onclick = function () {
modal.classList.add('active');
thisContentElement.classList.add('active');
let width = thisContentElement.clientWidth;
setTimeout(() => {
if (device <= 720) {
aside.style.width = `${device}px`;
thisContentElement.style.opacity = 1;
thisContentElement.style.filter = 'blur(0px)';
}else{
aside.style.width = `${width}px`;
thisContentElement.style.opacity = 1;
thisContentElement.style.filter = 'blur(0px)';
}
}, 10);
}
})
}
export function modalClose(buttonElement) {
let modal = document.querySelector('.modal'),
aside = document.querySelector('.modal__aside'),
asideItems = document.querySelectorAll('.modal__item'),
elements = document.querySelectorAll(buttonElement);
elements.forEach(e => {
e.onclick = function () {
aside.style.width = '0px';
asideItems.forEach(e => {
if (e.classList.contains('active')) {
e.style.filter = 'blur(10px)';
}
});
setTimeout(() => {
asideItems.forEach(e => {
if (e.classList.contains('active')) {
e.classList.remove('active');
}
});
modal.classList.remove('active');
}, 300);
}
})
}
export function closeModalForm(close){
let buttons = document.querySelectorAll(close),
modal = document.querySelector('.modal');
buttons.forEach(button => {
button.onclick = function (buttonEvent) {
modal.classList.remove('active');
if (!modal.querySelector('.modal-map.active')) {
modal.querySelector('.modal-form.active').classList.remove('active');
}else{
modal.querySelector('.modal-map.active').classList.remove('active');
}
}
})
}
export function toggleOpenX(mainElement, buttonElement ,heightElement, contentElement, close) {
let elements = document.querySelectorAll(mainElement);
elements.forEach(e => {
let thisMainElement = e,
thisButtonElement = e.querySelector(buttonElement),
thisHeightElement = e.querySelector(heightElement),
thisContentElement = e.querySelector(contentElement);
thisButtonElement.onclick = function (e) {
let height = thisHeightElement.clientHeight;
if (close == true && !thisMainElement.classList.contains('active')) {
elements.forEach(e => {
if (e.classList.contains('active')) {
e.classList.remove('active');
e.querySelector(contentElement).style.height = null
}
})
}
if (!thisMainElement.classList.contains('active')) {
thisContentElement.style.height = `${height}px`;
thisMainElement.classList.add('active');
}else{
thisContentElement.style.height = null;
thisMainElement.classList.remove('active');
}
}
});
}
export function toggleHeader(button, content, blockheight, removeBlock, removeClass) {
let thisButton = document.querySelector(button),
thisContent = document.querySelector(content),
thisRemoveBlock = document.querySelector(removeBlock) || '',
thisBlockheight = document.querySelector(blockheight);
thisButton.onclick = function () {
let height = thisBlockheight.clientHeight;
if (!thisContent.classList .contains('open')) {
thisContent.style.height = `${height}px`;
thisContent.classList .add('open');
if (removeBlock) {
thisRemoveBlock.classList.remove(removeClass);
}
}else{
thisContent.style.height = null;
thisContent.classList .remove('open');
if (removeBlock) {
if (window.scrollY <= 25) {
thisRemoveBlock.classList.add(removeClass);
}
}
}
}
}
export function modalFormOpen(formOrNotification) {
let buttons = document.querySelectorAll(formOrNotification),
modal = document.querySelector('.modal');
buttons.forEach(button => {
button.onclick = function (eventButton) {
let classOpenForm = button.dataset.form,
form = modal.querySelector(`.${classOpenForm}`);
form.classList.add('active');
modal.classList.add('active');
}
})
}
// function

View File

@@ -1,67 +0,0 @@
'use strict';
import * as fun from './_gp-function.js';
let widthPhoneCabinet = 1200;
fun.toggleOpenX('.cabinet-card__order', '.cabinet-card-order__open-detail', '.cabinet-card-order__detail', '.cabinet-card-order__block-detail');
fun.modalFormOpen('.form-open');
fun.closeModalForm('.modal-form__close');
fun.closeModalForm('.modal-form__button-close');
controlCabinet('.cabinet-control__button', '.cabinet', widthPhoneCabinet);
function controlCabinet(buttons, main, minWidth){
let thisWidth = window.innerWidth;
let thisMain = document.querySelector(main);
let thisButtons = document.querySelectorAll(buttons);
thisButtons.forEach(e => {
e.onclick = function (element){
let thisContent = document.querySelector(`.cabinet__${e.dataset.cabinet}`);
let newHeight = thisContent.clientHeight + 48;
let thisButton = element.target;
thisMain.style.height = `${newHeight}px`
if (!thisContent.classList.contains('active')) {
thisMain.querySelector('.active').classList.remove('active');
thisContent.classList.add('active');
setTimeout(() => {
thisMain.style.height = 'auto';
if (thisMain.querySelector('.hide')) {
thisMain.querySelector('.hide').classList.remove('hide');
}
thisMain.querySelector('.active').classList.add('hide');
}, 200);
}
thisButtons.forEach(e => {
e.classList.remove('active');
})
thisButton.classList.add('active');
}
})
}
let modal = document.querySelector('.modal');
modal.onclick = function (eventModal) {
let thisTarget = eventModal.target;
if (thisTarget.classList.contains('modal')) {
thisTarget.classList.remove('active');
if (!thisTarget.querySelector('.modal-map.active')) {
thisTarget.querySelector('.modal-form.active').classList.remove('active');
}else{
thisTarget.querySelector('.modal-map.active').classList.remove('active');
}
}
}

View File

@@ -1,284 +0,0 @@
'use strict';
inputPhone('.form-input__phone', '.form-input-phone__icon', '.form-input-phone__code', '.form-input-phone__input', '.form-input-phone__list', 'form-input-phone-list__item', '.form-input-phone-list-item__icon', '.form-input-phone-list-item__code', 'form-input-phone-list__search');
function inputPhone(main, mainFlag, mainCode, input, list, selects, selectIcon, selectCode, searchInput) {
let inputs = document.querySelectorAll(main);
inputs.forEach(e => {
let thisMainFlag = e.querySelector(mainFlag),
thisMainCode = e.querySelector(mainCode),
thisInput = e.querySelector(input),
thisList = e.querySelector(list),
thisSelects = e.querySelectorAll(`.${selects}`),
thisSearchInput = e.querySelector(`.${searchInput}`);
thisInput.onblur = function (input) {
if (!(input.relatedTarget != null && (input.relatedTarget.classList.contains(searchInput) || input.relatedTarget.classList.contains(selects)))) {
thisList.classList.remove('active');
}
}
e.onclick = function (event) {
if (!event.target.classList.contains(searchInput)) {
if (thisList.classList.contains('active')) {
thisList.classList.remove('active');
}
thisInput.focus();
thisList.classList.add('active');
}
}
thisSelects.forEach(e => {
let newIcon = e.querySelector(selectIcon),
newCode = e.querySelector(selectCode);
e.onclick = function (event) {
event.preventDefault();
thisMainFlag.style.cssText = `background-image:url("${newIcon.src}");`;
thisMainCode.textContent = newCode.textContent;
setTimeout(() => {
thisList.classList.remove('active');
}, 0);
}
})
})
}
if (document.querySelector('.form-input-phone__input')) {
checkPhone('.form-input-phone__input');
}
function checkPhone(input) {
document.querySelector(input).addEventListener('input', function(event) {
let text = event.target.value;
let length = text.length;
let newSymbol = event.data;
if (!(/^\d+$/.test(text.replaceAll(' ', '')))) {
event.target.value = text.slice(0, -1);
return;
}
if (length == 4 || length == 8) {
if (newSymbol != null) {
event.target.value = text.slice(0, -1) + ' ' + newSymbol;
}
}
})
}
inputTabs('.form-input__tabs', '.form-input-tabs__button');
inputTabs('.modal-map__control', '.modal-map-control__item');
function inputTabs(main, button) {
let mains = document.querySelectorAll(main);
mains.forEach(main => {
let buttons = main.querySelectorAll(button);
buttons.forEach(button => {
button.onclick = function () {
if (button.classList.contains('active')) {
return ;
}
main.querySelector('.active').classList.remove('active');
button.classList.add('active');
button.querySelector('input').click();
}
})
})
}
inputRadio('.form-input__radio', '.form-input-radio__item', '.form-input-radio__title', '.form-input-radio__input')
function inputRadio(main ,item, textClass, input) {
let inputRadios = document.querySelectorAll(main);
inputRadios.forEach(inputRadio => {
let items = inputRadio.querySelectorAll(item),
thisInput = inputRadio.querySelector(input);
items.forEach(radio => {
let thisText = radio.querySelector(textClass).textContent;
radio.onclick = function (event) {
event.preventDefault();
if (inputRadio.querySelector(`${item}.active`)) {
inputRadio.querySelector(`${item}.active`).classList.remove('active');
}
thisInput.value = thisText;
radio.classList.add('active');
}
})
})
}
listInputRadio('.form-input__list' ,'.form-input-list__item', '.form-input-list-item__text', '.form-input-list__input', '.form-input-list__content', '.form-input-list__block-content');
function listInputRadio(main ,item, textClass, input, content, block) {
let listInputRadios = document.querySelectorAll(main);
listInputRadios.forEach(listInputRadio => {
let thisInput = listInputRadio.querySelector(input),
items = listInputRadio.querySelectorAll(item),
thisContent = listInputRadio.querySelector(content),
thisBlock = listInputRadio.querySelector(block);
thisInput.onclick = function () {
thisBlock.classList.add('active');
thisBlock.style.height = '192px';
}
thisInput.onblur = function(){
thisBlock.classList.remove('active');
thisBlock.style.height = '0px';
};
items.forEach(item => {
item.onclick = function (event) {
event.preventDefault();
let newText = item.querySelector(textClass).textContent;
thisInput.value = newText;
if (thisContent.querySelector('.active')) {
thisContent.querySelector('.active').classList.remove('active');
}
item.classList.add('active');
}
})
})
}
remoteControl('.form-input__remote-control', '.form-input-tabs__button');
remoteControl('.modal-map__control', '.modal-map-control__item');
function remoteControl(main, button) {
let mains = document.querySelectorAll(main);
mains.forEach(main => {
let subjectClass = main.dataset.content,
subject = document.querySelector(`.${subjectClass}`),
buttons = Array.from(main.querySelectorAll(button));
main.addEventListener('click', function (eventMain) {
setTimeout(() => {
let indexActive = buttons.findIndex((button, index) => {
if (button.classList.contains('active')) {
return true;
}
});
if(subject.children[indexActive].classList.contains('active')){
return ;
}
subject.querySelector('.remote-control__item.active').classList.remove('active');
subject.children[indexActive].classList.add('active');
let mandatorys = subject.querySelectorAll('.mandatory');
mandatorys.forEach(mandatory => {
if (mandatory.required) {
mandatory.required = false;
}else{
mandatory.required = true;
}
})
}, 0);
})
})
}
formCheck('.modal-form__content', 'input[type=submit]');
formCheck('.modal-map__form', 'input[type=submit]');
function formCheck(form, submit) {
let forms = document.querySelectorAll(form);
forms.forEach(form => {
let thisSubmit = form.querySelector(submit);
thisSubmit.onclick = function () {
form.classList.add('check')
}
})
}
inputPhoneNoFlag('.no-flag');
function inputPhoneNoFlag(input){
let inputs = document.querySelectorAll(input);
inputs.forEach(input => {
let code = '+' + input.dataset.code;
input.onfocus = function () {
if (input.value == '') {
input.value = code;
}
}
input.addEventListener('input', function(event) {
let text = event.target.value;
let length = text.length;
let newSymbol = event.data;
if (isNaN(event.data) || event.data == ' ') {
event.target.value = text.slice(0, -1);
return;
}
if (length == 3 || length == 7 || length == 11) {
if (newSymbol != null) {
event.target.value = text.slice(0, -1) + ' ' + newSymbol;
}
}
})
})
}
inputCheck('.form-agreement__check');
function inputCheck(className) {
let checks = document.querySelectorAll(className);
checks.forEach(check => {
let square = check.querySelector('.form-agreement__square'),
input = check.querySelector('input');
square.onclick = function () {
input.click();
}
})
}
inputRead('.input-read');
function inputRead(className) {
let inputs = document.querySelectorAll(className);
inputs.forEach(input => {
input.addEventListener("input", function (event) {
let text = event.target.value;
event.target.value = text.slice(0, -1);
})
})
}

View File

@@ -1,348 +0,0 @@
'use strict';
// header
toggleOpenX('.lang', '.lang__open', '.lang__list', '.lang__content', false);
toggleHeader('#pc-menu','.header__menu-block','.header__pc-menu', '.white', 'white');
toggleHeader('#phone-menu','.header__menu-block','.header__phone-menu', '.white', 'white');
// header
// modal
modalOpen('.button--filter', '.modal__filter');
modalOpen('.basket-open', '.modal__basket');
modalOpen('.open-to-know', '.modal__to-know');
modalClose('.modal__close');
let modal = document.querySelector('.modal');
modal.onclick = function (event) {
let target = event.target;
if (target.classList.contains('modal')) {
let aside = target.querySelector('.modal__aside'),
modalItem = target.querySelector('.modal__item.active');
aside.style.width = '0px';
setTimeout(() => {
modalItem.style.cssText = '';
modalItem.classList.remove('active');
target.classList.remove('active');
}, 300);
}
}
// modal
// toggle
toggleOpenX('.toggle', '.toggle__title', '.toggle__content', '.toggle__block-content', true);
// toggle
// radio-button
let radioButtons = document.querySelectorAll('.radio-button');
radioButtons.forEach(radioBlock => {
let buttons = radioBlock.querySelectorAll('.button');
buttons.forEach(button => {
let input = radioBlock.querySelector('.radio-button__input');
button.onclick = function (e) {
e.preventDefault();
buttons.forEach(thisButton => {
if (thisButton.classList.contains('active')) {
thisButton.classList.remove('active')
}
})
let text = button.textContent.trim();
button.classList.toggle('active');
input.value = text;
}
})
})
// radio-button
// overlay
let products = document.querySelectorAll('.product__item');
products.forEach(productItem => {
let button = productItem.querySelector('.open-overlay'),
overlay = productItem.querySelector('.product-item__overlay');
if (button) {
button.onclick = function (e) {
document.querySelectorAll('.product__item').forEach(e => {
if (e.classList.contains('active')) {
e.classList.remove('active');
}
});
document.querySelectorAll('.product-item__overlay').forEach(e => {
if (e.classList.contains('active')) {
e.classList.remove('active');
}
});
productItem.classList.toggle('active');
overlay.classList.toggle('active');
}
}
})
// overlay
// select
toggleOpenX('.select', '.select__state' , '.state__content', '.state__block', true);
let selects = document.querySelectorAll('.select');
selects.forEach(select => {
let state = select.querySelector('.select__state'),
content = select.querySelector('.state__block'),
buttons = select.querySelectorAll('.state__button');
buttons.forEach(e => {
let button = e;
e.onclick = function (event) {
event.preventDefault();
buttons.forEach(element => {
if (element.classList.contains('active')) {
element.classList.remove('active');
}
})
let text = e.textContent.trim();
state.value = text;
button.classList.add('active');
content.style.height = 0;
select.classList.remove('active');
}
})
})
// select
// counter
let counters = document.querySelectorAll('.counter');
counters.forEach(e => {
let minus = e.querySelector('.minus'),
plus = e.querySelector('.plus'),
input = e.querySelector('.counter__input');
minus.onclick = function (e) {
e.preventDefault();
let number = input.value;
if (number >= 2){
input.value = Number(number) - 1;
}
}
plus.onclick = function (e) {
e.preventDefault();
let number = input.value;
if (number <= 99) {
input.value = Number(number) + 1;
}
}
})
// counter
// checkbox
let checkbox = document.querySelectorAll('.checkbox');
checkbox.forEach(e => {
e.onclick = function (event) {
let input = e.querySelector('.checkbox__input');
if (!e.classList.contains('active')) {
input.checked = 1;
}else{
input.checked = 0;
}
e.classList.toggle('active');
}
})
// checkbox
// function
function modalOpen(buttonElement, contentElement){
let modal = document.querySelector('.modal'),
aside = document.querySelector('.modal__aside'),
elements = document.querySelectorAll(buttonElement),
device = window.screen.width;
elements.forEach(e => {
let thisContentElement = document.querySelector(contentElement);
e.onclick = function () {
modal.classList.add('active');
thisContentElement.classList.add('active');
let width = thisContentElement.clientWidth;
setTimeout(() => {
if (device <= 720) {
aside.style.width = `${device}px`;
thisContentElement.style.opacity = 1;
thisContentElement.style.filter = 'blur(0px)';
}else{
aside.style.width = `${width}px`;
thisContentElement.style.opacity = 1;
thisContentElement.style.filter = 'blur(0px)';
}
}, 10);
}
})
}
function modalClose(buttonElement) {
let modal = document.querySelector('.modal'),
aside = document.querySelector('.modal__aside'),
asideItems = document.querySelectorAll('.modal__item'),
elements = document.querySelectorAll(buttonElement);
elements.forEach(e => {
e.onclick = function () {
aside.style.width = '0px';
asideItems.forEach(e => {
if (e.classList.contains('active')) {
e.style.filter = 'blur(10px)';
}
});
setTimeout(() => {
asideItems.forEach(e => {
if (e.classList.contains('active')) {
e.classList.remove('active');
}
});
modal.classList.remove('active');
}, 300);
}
})
}
function toggleOpenX(mainElement, buttonElement ,heightElement, contentElement, close) {
let elements = document.querySelectorAll(mainElement);
elements.forEach(e => {
let thisMainElement = e,
thisButtonElement = e.querySelector(buttonElement),
thisHeightElement = e.querySelector(heightElement),
thisContentElement = e.querySelector(contentElement);
thisButtonElement.onclick = function (e) {
let height = thisHeightElement.clientHeight;
if (close == true && !thisMainElement.classList.contains('active')) {
elements.forEach(e => {
if (e.classList.contains('active')) {
e.classList.remove('active');
e.querySelector(contentElement).style.height = null
}
})
}
if (!thisMainElement.classList.contains('active')) {
thisContentElement.style.height = `${height}px`;
thisMainElement.classList.add('active');
}else{
thisContentElement.style.height = null;
thisMainElement.classList.remove('active');
}
}
});
}
function toggleHeader(button, content, blockheight, removeBlock, removeClass) {
let thisButton = document.querySelector(button),
thisContent = document.querySelector(content),
thisRemoveBlock = document.querySelector(removeBlock) || '',
thisBlockheight = document.querySelector(blockheight);
thisButton.onclick = function () {
let height = thisBlockheight.clientHeight;
if (!thisContent.classList .contains('open')) {
thisContent.style.height = `${height}px`;
thisContent.classList .add('open');
if (removeBlock) {
thisRemoveBlock.classList.remove(removeClass);
}
}else{
thisContent.style.height = null;
thisContent.classList .remove('open');
if (removeBlock) {
if (window.scrollY <= 25) {
thisRemoveBlock.classList.add(removeClass);
}
}
}
}
}
// function
// resize
window.addEventListener('resize', (e) => {
let width = window.screen.width;
// media
modalOpen('.button--filter', '.modal__filter');
modalOpen('.basket-open', '.modal__basket');
modalOpen('.open-to-know', '.modal__to-know');
modalClose('.modal__close');
let modalItem = document.querySelectorAll('.modal__item');
// if (width <= 720) {
modalItem.forEach(modal => {
if (modal.classList.contains('active')) {
let aside = document.querySelector('.modal__aside');
if (width <= 720) {
aside.style.width = `${width}px`
}else{
let openAside = document.querySelector('.modal__item.active'),
newWidth = openAside.clientWidth;
aside.style.width = `${newWidth}px`
}
}
})
// }
});
// resize
// scroll
if (document.querySelector('.header').classList.contains('white')) {
window.addEventListener("scroll", function (e) {
let header = document.querySelector('.header');
let scroll = window.scrollY;
if (scroll >= 25) {
header.classList.remove('white')
}else{
header.classList.add('white')
}
});
}
// scroll

View File

@@ -1,110 +0,0 @@
'use strict';
// slider gallery modal
const gallery = new Swiper('.gallery__slider', {
spaceBetween: 100,
pagination: {
el: '.swiper-pagination',
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
scrollbar: {
el: '.swiper-scrollbar',
},
});
let paginationButtons = document.querySelectorAll('.gallery-pagination__item');
paginationButtons.forEach(button => {
let index = button.dataset.countImg;
button.onclick = function () {
gallery.slideTo(index);
}
})
// open gallery
let detailImage= document.querySelectorAll('.detail__image');
detailImage.forEach(button => {
let index = button.dataset.countImg;
button.onclick = function () {
gallery.slideTo(index);
document.querySelector('.gallery').classList.add('active');
}
})
// close gallery
document.querySelector('.gallery__close').onclick = function () {
document.querySelector('.gallery').classList.remove('active');
}
// slider gallery modal
// slider gallery main phone
// createGalleryPhone('.detail__images', '.detail-images__wrapper', '.detail__image', 980);
const detailPhone = new Swiper('.detail__images-phone', {
spaceBetween: 100,
pagination: {
el: '.swiper-pagination',
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
scrollbar: {
el: '.swiper-scrollbar',
},
});
let detailImagesPhones = document.querySelectorAll('.detail-images-phone__image-block');
detailImagesPhones.forEach(button => {
button.onclick = function (e) {
let index = button.dataset.countImg;
gallery.slideTo(index);
document.querySelector('.gallery').classList.add('active');
}
})
// slider gallery main phone
// detail catalog
const detailCatalot = new Swiper('.detail__catalot', {
// Navigation arrows
navigation: {
nextEl: '.detail-catalot-control__button.next',
prevEl: '.detail-catalot-control__button.prev',
},
breakpoints: {
1600: {
slidesPerView: 4,
},
1200: {
slidesPerView: 3,
},
780: {
slidesPerView: 2,
},
100: {
slidesPerView: 1.1,
spaceBetween: 20
},
}
});
// detail catalog

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

967
css/style.css Normal file
View File

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 178 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 945 KiB

4
img/arrow_slide.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 350 B

BIN
img/bg_item.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 KiB

BIN
img/bg_item1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
img/bg_item2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
img/fill_slide.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 208 B

BIN
img/hero_home.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 542 KiB

BIN
img/hero_home1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 KiB

3
img/img_city.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 1.2 KiB

10
img/img_connect.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 1.7 KiB

12
img/img_connect1.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 1008 B

BIN
img/img_form.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 244 KiB

BIN
img/img_form1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

11
img/img_geoph.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 2.1 KiB

21
img/img_inf.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 12 KiB

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