Good-Production
/
aliseptik
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
13 Commits
2 Branches
0 Tags
118 MiB
 
 
 
 
Tag: Branch: Tree: 0010d71a61
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '0010d71a61'
${ noResults }
aliseptik/local/templates/EraSeptik/dist/main.html

1 lines
122 KiB
Raw Blame History

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Главная</title> <link rel="stylesheet" href="css/libs/normalize.css"> <link rel="stylesheet" href="css/libs/swiper-bundle.min.css"> <link rel="stylesheet" href="css/libs/fancybox.css"> <link rel="stylesheet" href="css/style.min.css"> </head> <body> <div class="index-lead" style="background-image: linear-gradient(79.3deg, #557b3080 38.69%, #c9d6ba80 89.73%), url('./img/png/background-header.png');"> <div class="overflow js-overflow"></div> <header class="header container"> <div class="header__menu"> <a class="header__logo" href="/"> <picture><source srcset="./img/png/logo.webp" type="image/webp"><img src="./img/png/logo.png" width="91" height="40" alt="Logo" /></picture> </a> <div class="header_location-wrap js-location"> <button class="header__location js-location-btn"> Москва </button> <select class="header__location-select js-location-select"> <option value="Москва" selected="">Москва</option> <option value="Санкт-Петербург">Санкт-Петербург</option> <option value="Казань">Казань</option> <option value="Нижний Новгород">Нижний Новгород</option> <option value="Ярославль">Ярославль</option> <option value="Волгоград">Волгоград</option> </select> </div> <nav class="menu"> <ul class="menu__list"> <li class="menu__item"><a href="about.html">О компании</a></li> <li class="menu__item"><a href="manual.html">Принцип работы</a></li> <li class="menu__item"><a href="delivery.html">Доставка</a></li> <li class="menu__item"><a href="promotion.html">Акции</a></li> <li class="menu__item"><a href="price.html">Цены</a></li> <li class="menu__item"><a href="services.html">Услуги</a></li> <li class="menu__item"><a href="portfolio.html">Портфолио</a></li> <li class="menu__item"><a href="customers.html">Покупателям</a></li> <li class="menu__item"><a href="contacts.html">Контакты</a></li> <li class="menu__more"> <button href="#"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2553_13206)"> <path d="M12.188 10a2.187 2.187 0 1 1-4.375 0 2.187 2.187 0 0 1 4.375 0ZM3.75 7.812a2.187 2.187 0 1 0 0 4.375 2.187 2.187 0 0 0 0-4.374Zm12.5 0a2.187 2.187 0 1 0 0 4.375 2.187 2.187 0 0 0 0-4.374Z" fill="currentColor" ></path> </g> <defs> <clipPath id="clip0_2553_13206"> <path fill="#fff" d="M0 0h20v20H0z"></path> </clipPath> </defs> </svg> </button> <ul class="menu__more-list"> <li class="menu__item"><a href="#">Портфолио</a></li> <li class="menu__item"><a href="customers.html">Покупателям</a></li> <li class="menu__item"><a href="#">Контакты</a></li> </ul> </li> </ul> </nav> </div> <div class="header__bottom"> <button class="button button--orange button--catalog js-catalog"> Каталог <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5 1.6v5.9h-6.897v-7h5.818c.284 0 .558.114.76.32.204.206.319.486.319.78ZM1.58.5h5.817v7H.5V1.6c0-.294.115-.574.318-.78A1.07 1.07 0 0 1 1.58.5Zm9.023 17v-7H17.5v5.9c0 .294-.115.574-.318.78a1.07 1.07 0 0 1-.761.32h-5.818ZM.5 16.4v-5.9h6.897v7H1.58a1.07 1.07 0 0 1-.76-.32A1.11 1.11 0 0 1 .5 16.4Z" fill="currentColor" stroke="currentColor" ></path> </svg> </button> <button class="button button--green button--outline">Расчет септика</button> <form action="#"> <div class="header__search"> <input type="text" class="input" placeholder="Поиск" /> <div class="header__search-block"> <div class="header__search-top"> История поиска <button class="button button--ghost" type="button">Очистить</button> </div> <div class="header__search-histories"> <div class="header__search-history"> <button class="header__search-btn header__search-btn--again"> <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z" fill="currentColor" ></path> <path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path> </svg> <span>ЭРА 6 midi прин</span> </button> <button class="header__search-btn header__search-btn--remove"> <svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"> <path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> </div> <div class="header__search-history"> <button class="header__search-btn header__search-btn--again"> <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z" fill="currentColor" ></path> <path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path> </svg> <span>ЭРА 8 long прин</span> </button> <button class="header__search-btn header__search-btn--remove"> <svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"> <path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> </div> <div class="header__search-history"> <button class="header__search-btn header__search-btn--again"> <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z" fill="currentColor" ></path> <path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path> </svg> <span>Жироуловитель ЭРА 4</span> </button> <button class="header__search-btn header__search-btn--remove"> <svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"> <path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> </div> </div> </div> </div> </form> <a class="header__phone" href="tel:84956699924">8 (495) 669-99-24</a> <a href="cart.html" class="header__cart"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="none"> <path fill="#3D3D3D" d="M8 21a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16.75 21a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"></path> <path stroke="#3D3D3D" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.23 7.65h16.82l-2.53 8.26A1.5 1.5 0 0 1 17.08 17H8.1a1.5 1.5 0 0 1-1.44-1.09L3.27 4.4a.75.75 0 0 0-.72-.54H.97"></path> </svg> <span class="header__cart-value">12</span> </a> </div> <div class="catalog-overflow js-overflow"></div> <div class="catalog"> <div class="catalog__top"> <div class="catalog__top-name">Каталог</div> <button class="catalog__top-btn button button--green button--outline js-close-catalog"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> </div> <div class="catalog__list"> <div class="catalog__item js-catalog-item"> <picture><source srcset="./img/jpg/catalog-1.webp" type="image/webp"><img src="./img/jpg/catalog-1.jpg" width="60" height="70" alt="Септики" /></picture> <span class="catalog__item-name">Септики</span> <div class="catalog__inner-wrap"> <div class="catalog__top"> <button class="catalog__top-btn button button--green button--outline js-back-catalog"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> <div class="catalog__top-name">Септики</div> <button class="catalog__top-btn button button--green button--outline js-close-catalog"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> </div> <div class="catalog__inner"> <a href="category.html" class="catalog__link">Все товары</a> <a href="#" class="catalog__link">Для дома</a> <a href="#" class="catalog__link">Для дачи</a> <a href="#" class="catalog__link">Для коттеджа</a> <a href="#" class="catalog__link">Для частного дома</a> <a href="#" class="catalog__link">Для загородного дома</a> <a href="#" class="catalog__link">Для непостоянного проживания</a> <a href="#" class="catalog__link">Для постоянного проживания</a> <a href="#" class="catalog__link">Автономный септик для дачи</a> <a href="#" class="catalog__link">Автономный септик для частного дома</a> <a href="#" class="catalog__link">Накопительный септик</a> <a href="#" class="catalog__link">Септик без откачки</a> <a href="#" class="catalog__link">Энергозависимый септик для дачи</a> <a href="#" class="catalog__link">Анаэробный септик</a> <a href="category-inner.html" class="catalog__link">Аэробный септик</a> <a href="#" class="catalog__link">Для бани</a> <a href="#" class="catalog__link">Для высоких грунтовых вод</a> <a href="#" class="catalog__link">Автономные</a> </div> </div> </div> <div class="catalog__item js-catalog-item"> <picture><source srcset="./img/jpg/catalog-1.webp" type="image/webp"><img src="./img/jpg/catalog-1.jpg" width="60" height="70" alt="Септики" /></picture> <span class="catalog__item-name">Автономная канализация</span> <div class="catalog__inner-wrap"> <div class="catalog__top"> <button class="catalog__top-btn button button--green button--outline js-back-catalog"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> <div class="catalog__top-name">Септики</div> <button class="catalog__top-btn button button--green button--outline js-close-catalog"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> </div> <div class="catalog__inner"> <a href="category.html" class="catalog__link">Все товары</a> <a href="#" class="catalog__link">Для дома</a> <a href="#" class="catalog__link">Для дачи</a> <a href="#" class="catalog__link">Для коттеджа</a> <a href="#" class="catalog__link">Для частного дома</a> <a href="#" class="catalog__link">Для загородного дома</a> <a href="#" class="catalog__link">Для непостоянного проживания</a> <a href="#" class="catalog__link">Для постоянного проживания</a> <a href="#" class="catalog__link">Автономный септик для дачи</a> <a href="#" class="catalog__link">Автономный септик для частного дома</a> <a href="#" class="catalog__link">Накопительный септик</a> <a href="#" class="catalog__link">Септик без откачки</a> <a href="#" class="catalog__link">Энергозависимый септик для дачи</a> <a href="#" class="catalog__link">Анаэробный септик</a> <a href="category-inner.html" class="catalog__link">Аэробный септик</a> <a href="#" class="catalog__link">Для бани</a> <a href="#" class="catalog__link">Для высоких грунтовых вод</a> <a href="#" class="catalog__link">Автономные</a> </div> </div> </div> <div class="catalog__item js-catalog-item"> <picture><source srcset="./img/jpg/catalog-1.webp" type="image/webp"><img src="./img/jpg/catalog-1.jpg" width="60" height="70" alt="Септики" /></picture> <span class="catalog__item-name">Станции биологической очистки</span> <div class="catalog__inner-wrap"> <div class="catalog__top"> <button class="catalog__top-btn button button--green button--outline js-back-catalog"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> <div class="catalog__top-name">Септики</div> <button class="catalog__top-btn button button--green button--outline js-close-catalog"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> </div> <div class="catalog__inner"> <a href="category.html" class="catalog__link">Все товары</a> <a href="#" class="catalog__link">Для дома</a> <a href="#" class="catalog__link">Для дачи</a> <a href="#" class="catalog__link">Для коттеджа</a> <a href="#" class="catalog__link">Для частного дома</a> <a href="#" class="catalog__link">Для загородного дома</a> <a href="#" class="catalog__link">Для непостоянного проживания</a> <a href="#" class="catalog__link">Для постоянного проживания</a> <a href="#" class="catalog__link">Автономный септик для дачи</a> <a href="#" class="catalog__link">Автономный септик для частного дома</a> <a href="#" class="catalog__link">Накопительный септик</a> <a href="#" class="catalog__link">Септик без откачки</a> <a href="#" class="catalog__link">Энергозависимый септик для дачи</a> <a href="#" class="catalog__link">Анаэробный септик</a> <a href="category-inner.html" class="catalog__link">Аэробный септик</a> <a href="#" class="catalog__link">Для бани</a> <a href="#" class="catalog__link">Для высоких грунтовых вод</a> <a href="#" class="catalog__link">Автономные</a> </div> </div> </div> <div class="catalog__item js-catalog-item"> <picture><source srcset="./img/jpg/catalog-1.webp" type="image/webp"><img src="./img/jpg/catalog-1.jpg" width="60" height="70" alt="Септики" /></picture> <span class="catalog__item-name">Локальные очистные сооружения</span> <div class="catalog__inner-wrap"> <div class="catalog__top"> <button class="catalog__top-btn button button--green button--outline js-back-catalog"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> <div class="catalog__top-name">Септики</div> <button class="catalog__top-btn button button--green button--outline js-close-catalog"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> </div> <div class="catalog__inner"> <a href="category.html" class="catalog__link">Все товары</a> <a href="#" class="catalog__link">Для дома</a> <a href="#" class="catalog__link">Для дачи</a> <a href="#" class="catalog__link">Для коттеджа</a> <a href="#" class="catalog__link">Для частного дома</a> <a href="#" class="catalog__link">Для загородного дома</a> <a href="#" class="catalog__link">Для непостоянного проживания</a> <a href="#" class="catalog__link">Для постоянного проживания</a> <a href="#" class="catalog__link">Автономный септик для дачи</a> <a href="#" class="catalog__link">Автономный септик для частного дома</a> <a href="#" class="catalog__link">Накопительный септик</a> <a href="#" class="catalog__link">Септик без откачки</a> <a href="#" class="catalog__link">Энергозависимый септик для дачи</a> <a href="#" class="catalog__link">Анаэробный септик</a> <a href="category-inner.html" class="catalog__link">Аэробный септик</a> <a href="#" class="catalog__link">Для бани</a> <a href="#" class="catalog__link">Для высоких грунтовых вод</a> <a href="#" class="catalog__link">Автономные</a> </div> </div> </div> <div class="catalog__item js-catalog-item"> <picture><source srcset="./img/jpg/catalog-1.webp" type="image/webp"><img src="./img/jpg/catalog-1.jpg" width="60" height="70" alt="Септики" /></picture> <span class="catalog__item-name">Септики по количеству человек</span> <div class="catalog__inner-wrap"> <div class="catalog__top"> <button class="catalog__top-btn button button--green button--outline js-back-catalog"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> <div class="catalog__top-name">Септики</div> <button class="catalog__top-btn button button--green button--outline js-close-catalog"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> </div> <div class="catalog__inner"> <a href="category.html" class="catalog__link">Все товары</a> <a href="#" class="catalog__link">Для дома</a> <a href="#" class="catalog__link">Для дачи</a> <a href="#" class="catalog__link">Для коттеджа</a> <a href="#" class="catalog__link">Для частного дома</a> <a href="#" class="catalog__link">Для загородного дома</a> <a href="#" class="catalog__link">Для непостоянного проживания</a> <a href="#" class="catalog__link">Для постоянного проживания</a> <a href="#" class="catalog__link">Автономный септик для дачи</a> <a href="#" class="catalog__link">Автономный септик для частного дома</a> <a href="#" class="catalog__link">Накопительный септик</a> <a href="#" class="catalog__link">Септик без откачки</a> <a href="#" class="catalog__link">Энергозависимый септик для дачи</a> <a href="#" class="catalog__link">Анаэробный септик</a> <a href="category-inner.html" class="catalog__link">Аэробный септик</a> <a href="#" class="catalog__link">Для бани</a> <a href="#" class="catalog__link">Для высоких грунтовых вод</a> <a href="#" class="catalog__link">Автономные</a> </div> </div> </div> <div class="catalog__item js-catalog-item"> <picture><source srcset="./img/jpg/catalog-2.webp" type="image/webp"><img src="./img/jpg/catalog-2.jpg" width="60" height="70" alt="Септики" /></picture> <span class="catalog__item-name">Жироуловители</span> <div class="catalog__inner-wrap"> <div class="catalog__top"> <button class="catalog__top-btn button button--green button--outline js-back-catalog"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> <div class="catalog__top-name">Септики</div> <button class="catalog__top-btn button button--green button--outline js-close-catalog"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> </div> <div class="catalog__inner"> <a href="category.html" class="catalog__link">Все товары</a> <a href="#" class="catalog__link">Для дома</a> <a href="#" class="catalog__link">Для дачи</a> <a href="#" class="catalog__link">Для коттеджа</a> <a href="#" class="catalog__link">Для частного дома</a> <a href="#" class="catalog__link">Для загородного дома</a> <a href="#" class="catalog__link">Для непостоянного проживания</a> <a href="#" class="catalog__link">Для постоянного проживания</a> <a href="#" class="catalog__link">Автономный септик для дачи</a> <a href="#" class="catalog__link">Автономный септик для частного дома</a> <a href="#" class="catalog__link">Накопительный септик</a> <a href="#" class="catalog__link">Септик без откачки</a> <a href="#" class="catalog__link">Энергозависимый септик для дачи</a> <a href="#" class="catalog__link">Анаэробный септик</a> <a href="category-inner.html" class="catalog__link">Аэробный септик</a> <a href="#" class="catalog__link">Для бани</a> <a href="#" class="catalog__link">Для высоких грунтовых вод</a> <a href="#" class="catalog__link">Автономные</a> </div> </div> </div> <div class="catalog__item js-catalog-item"> <picture><source srcset="./img/jpg/catalog-3.webp" type="image/webp"><img src="./img/jpg/catalog-3.jpg" width="60" height="70" alt="Септики" /></picture> <span class="catalog__item-name">Кессоны</span> <div class="catalog__inner-wrap"> <div class="catalog__top"> <button class="catalog__top-btn button button--green button--outline js-back-catalog"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> <div class="catalog__top-name">Септики</div> <button class="catalog__top-btn button button--green button--outline js-close-catalog"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> </div> <div class="catalog__inner"> <a href="category.html" class="catalog__link">Все товары</a> <a href="#" class="catalog__link">Для дома</a> <a href="#" class="catalog__link">Для дачи</a> <a href="#" class="catalog__link">Для коттеджа</a> <a href="#" class="catalog__link">Для частного дома</a> <a href="#" class="catalog__link">Для загородного дома</a> <a href="#" class="catalog__link">Для непостоянного проживания</a> <a href="#" class="catalog__link">Для постоянного проживания</a> <a href="#" class="catalog__link">Автономный септик для дачи</a> <a href="#" class="catalog__link">Автономный септик для частного дома</a> <a href="#" class="catalog__link">Накопительный септик</a> <a href="#" class="catalog__link">Септик без откачки</a> <a href="#" class="catalog__link">Энергозависимый септик для дачи</a> <a href="#" class="catalog__link">Анаэробный септик</a> <a href="category-inner.html" class="catalog__link">Аэробный септик</a> <a href="#" class="catalog__link">Для бани</a> <a href="#" class="catalog__link">Для высоких грунтовых вод</a> <a href="#" class="catalog__link">Автономные</a> </div> </div> </div> <div class="catalog__item js-catalog-item"> <picture><source srcset="./img/jpg/catalog-4.webp" type="image/webp"><img src="./img/jpg/catalog-4.jpg" width="60" height="70" alt="Септики" /></picture> <span class="catalog__item-name">Комплектующие</span> <div class="catalog__inner-wrap"> <div class="catalog__top"> <button class="catalog__top-btn button button--green button--outline js-back-catalog"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.488 11H4.655m4.167-5L4.41 10.41a.833.833 0 0 0 0 1.18L8.82 16" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> <div class="catalog__top-name">Септики</div> <button class="catalog__top-btn button button--green button--outline js-close-catalog"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6 6L14.4853 14.4853M6 14.4853L14.4853 6.00001" stroke="#3D3D3D" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> </div> <div class="catalog__inner"> <a href="category.html" class="catalog__link">Все товары</a> <a href="#" class="catalog__link">Для дома</a> <a href="#" class="catalog__link">Для дачи</a> <a href="#" class="catalog__link">Для коттеджа</a> <a href="#" class="catalog__link">Для частного дома</a> <a href="#" class="catalog__link">Для загородного дома</a> <a href="#" class="catalog__link">Для непостоянного проживания</a> <a href="#" class="catalog__link">Для постоянного проживания</a> <a href="#" class="catalog__link">Автономный септик для дачи</a> <a href="#" class="catalog__link">Автономный септик для частного дома</a> <a href="#" class="catalog__link">Накопительный септик</a> <a href="#" class="catalog__link">Септик без откачки</a> <a href="#" class="catalog__link">Энергозависимый септик для дачи</a> <a href="#" class="catalog__link">Анаэробный септик</a> <a href="category-inner.html" class="catalog__link">Аэробный септик</a> <a href="#" class="catalog__link">Для бани</a> <a href="#" class="catalog__link">Для высоких грунтовых вод</a> <a href="#" class="catalog__link">Автономные</a> </div> </div> </div> </div> </div> </header> <div class="menu-mobile"> <div class="menu-mobile__top"> <a class="menu-mobile__phone" href="tel:84956699924">8 (495) 669-99-24</a> <button class="button button--green button--outline">Расчет септика</button> <form action="#"> <div class="menu-mobile__search"> <input type="text" class="input" placeholder="Поиск" /> <div class="header__search-block"> <div class="header__search-top"> История поиска <button class="button button--ghost" type="button">Очистить</button> </div> <div class="header__search-histories"> <div class="header__search-history"> <button class="header__search-btn header__search-btn--again"> <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z" fill="currentColor" ></path> <path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path> </svg> <span>ЭРА 6 midi прин</span> </button> <button class="header__search-btn header__search-btn--remove"> <svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"> <path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> </div> <div class="header__search-history"> <button class="header__search-btn header__search-btn--again"> <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z" fill="currentColor" ></path> <path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path> </svg> <span>ЭРА 8 long прин</span> </button> <button class="header__search-btn header__search-btn--remove"> <svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"> <path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> </div> <div class="header__search-history"> <button class="header__search-btn header__search-btn--again"> <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5 10a7.5 7.5 0 0 1-7.4 7.5H10a7.452 7.452 0 0 1-5.148-2.047.626.626 0 0 1 .859-.909 6.25 6.25 0 1 0-.15-8.947L3.483 7.5h2.141a.625.625 0 0 1 0 1.25h-3.75a.625.625 0 0 1-.625-.625v-3.75a.625.625 0 0 1 1.25 0v2.328l2.207-2.016A7.5 7.5 0 0 1 17.5 10Z" fill="currentColor" ></path> <path d="M14.254 10.155a.625.625 0 0 0-.442-.183H10.57v-3.75a.625.625 0 0 0-1.25 0v4.375a.625.625 0 0 0 .625.625h3.868a.625.625 0 0 0 .442-1.067Z" fill="currentColor"></path> </svg> <span>Жироуловитель ЭРА 4</span> </button> <button class="header__search-btn header__search-btn--remove"> <svg width="20" height="21" viewBox="0 0 20 21" xmlns="http://www.w3.org/2000/svg"> <path d="m6 6.5 8.485 8.485m-8.485 0L14.485 6.5" stroke="currentColor" stroke-width="1.67" stroke-linecap="round"></path> </svg> </button> </div> </div> </div> </div> </form> </div> <div class="header_location-wrap js-location"> <button class="menu-mobile__location js-location-btn"> Москва </button> <select class="header__location-select js-location-select"> <option value="Москва" selected="">Москва</option> <option value="Санкт-Петербург">Санкт-Петербург</option> <option value="Казань">Казань</option> <option value="Нижний Новгород">Нижний Новгород</option> <option value="Ярославль">Ярославль</option> <option value="Волгоград">Волгоград</option> </select> </div> <footer class="footer footer section"> <div class="container"> <div class="footer__top"> <div class="footer__top-item"> <button class="footer__btn js-footer-btn"> Услуги <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor" ></path> </svg> </button> <ul class="footer__list js-footer-list"> <li class="footer__list-item"> <a href="services-category.html">Монтаж септиков</a> </li> <li class="footer__list-item"> <a href="#">Монтаж ЛОС</a> </li> <li class="footer__list-item"> <a href="#">Монтаж атономных канализаций</a> </li> <li class="footer__list-item"> <a href="#">Сервисное обслуживание септиков</a> </li> <li class="footer__list-item"> <a href="#">Сервисное обслуживание ЛОС</a> </li> <li class="footer__list-item"> <a href="#">Обслуживание автономных канализаций</a> </li> <li class="footer__list-item"> <a href="#">Чистка септиков</a> </li> <li class="footer__list-item"> <a href="#">Откачка септиков</a> </li> <li class="footer__list-item"> <a href="#">Косервация септиков</a> </li> <li class="footer__list-item"> <a href="#">Консервация ЛОС</a> </li> </ul> </div> <div class="footer__top-item"> <button class="footer__btn js-footer-btn"> Полезная информация <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor" ></path> </svg> </button> <ul class="footer__list js-footer-list"> <li class="footer__list-item"> <a href="gost.html">ГОСТы по септикам</a> </li> <li class="footer__list-item"> <a href="glossarium.html">Глоссарий терминов</a> </li> <li class="footer__list-item"> <a href="grease-trap-principle.html">Принцип работы жиро-улолвителей</a> </li> <li class="footer__list-item"> <a href="kesson-principle.html">Кессон принцип работы</a> </li> <li class="footer__list-item"> <a href="septik-principle.html">Принцип работы септиков Эра</a> </li> <li class="footer__list-item"> <a href="#">Септик ЭРА-КНС</a> </li> <li class="footer__list-item"> <a href="#">Септик ЭРА-ПЦ</a> </li> <li class="footer__list-item"> <a href="#">Септик ЭРА-ГВ</a> </li> <li class="footer__list-item"> <a href="materials.html">Материалы</a> </li> <li class="footer__list-item"> <a href="technology.html">Технология</a> </li> </ul> </div> <div class="footer__top-item"> <button class="footer__btn js-footer-btn"> Покупателям <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor" ></path> </svg> </button> <ul class="footer__list js-footer-list"> <li class="footer__list-item"> <a href="delivery.html">Условия доставки</a> </li> <li class="footer__list-item"> <a href="refund.html">Условия возврата</a> </li> <li class="footer__list-item"> <a href="#">Способы оплаты</a> </li> <li class="footer__list-item"> <a href="how-place-order.html">Как оформить заказ</a> </li> <li class="footer__list-item"> <a href="support-center.html">Центр поддержки</a> </li> <li class="footer__list-item"> <a href="guarantee.html">Гарантия</a> </li> <li class="footer__list-item"> <a href="certificates.html">Сертификаты</a> </li> <li class="footer__list-item"> <a href="awards.html">Награды</a> </li> <li class="footer__list-item"> <a href="reviews.html">Отзывы</a> </li> <li class="footer__list-item"> <a href="partners.html">Партнеры</a> </li> </ul> </div> <div> <div class="footer__top-item"> <button class="footer__btn js-footer-btn"> Интересное <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor" ></path> </svg> </button> <ul class="footer__list js-footer-list"> <li class="footer__list-item"> <a href="blog.html">Блог про септики</a> </li> <li class="footer__list-item"> <a href="portfolio.html">Портфолио проектов</a> </li> </ul> </div> <button class="footer__btn js-footer-btn"> Документация <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor" ></path> </svg> </button> <ul class="footer__list js-footer-list"> <li class="footer__list-item"> <a href="agreement.html">Договора</a> </li> <li class="footer__list-item"> <a href="legal-data.html">Реквизиты</a> </li> <li class="footer__list-item"> <a href="faq.html">Политика конфиденциальности</a> </li> <li class="footer__list-item"> <a href="#">Пользовательское соглашение</a> </li> </ul> </div> </div> <div class="footer__bottom"> <a class="footer__logo" href="#"> <picture><source srcset="./img/png/logo.webp" type="image/webp"><img src="./img/png/logo.png" width="178" height="82" alt="logo" /></picture> </a> <div class="footer__bottom-item"> <div class="footer__bottom-name">Адрес</div> <p> Россия 121596 Москва<br /> ул. Горбунова 6к2с8 </p> </div> <div class="footer__bottom-item"> <div class="footer__bottom-name">Телефон и почта</div> <p> +7 (495) 669-99-24<br /> info@eraseptik.ru </p> </div> <div class="footer__bottom-item"> <div class="footer__bottom-name">Реквизиты</div> <p> ОГРН 1165030050602<br /> ИНН 5030088192 </p> </div> <div class="footer__bottom-item"> <div class="footer__bottom-name">Соцсети</div> <div class="footer__social"> <a href="#"> <picture><source srcset="./img/svg/vk-social.svg" type="image/webp"><img width="46" height="46" src="./img/svg/vk-social.svg" alt="vk" /></picture> </a> <a href="#"> <picture><source srcset="./img/svg/whatsap-social.svg" type="image/webp"><img width="46" height="42" src="./img/svg/whatsap-social.svg" alt="whatsap" /></picture> </a> <a href="#"> <picture><source srcset="./img/svg/youtube-social.svg" type="image/webp"><img width="46" height="46" src="./img/svg/youtube-social.svg" alt="youtube" /></picture> </a> </div> </div> </div> </div> </footer> </div> <div class="header-lead container"> <div class="header-lead__left"> <h1 class="header-lead__title"> Продажа и&nbsp;монтаж септиков в&nbsp;Москве </h1> <p class="header-lead__subtitle"> Комплекс Септик + монтаж для дома и&nbsp;дачи <b>со&nbsp;скидкой&nbsp;20%</b> при заказе с&nbsp;сайта! </p> <div class="header-lead__columns"> <div class="header-lead__item"> <p class="header-lead__value">1800+</p> <p class="header-lead__text">септиков установлено</p> </div> <div class="header-lead__item"> <p class="header-lead__value">830+</p> <p class="header-lead__text">довольных клиентов</p> </div> <div class="header-lead__item"> <p class="header-lead__value">10+</p> <p class="header-lead__text">лет лидеры рынка</p> </div> </div> <button class="button button--orange">Заказать септик со скидкой</button> </div> <div class="header-lead__right"> <div class="card card--main" style="background-image: url('./img/png/card-septik.png');"> <div class="card__title">Септики</div> <div class="card__description"> <span> Гарантия качества и&nbsp;оперативная установка за&nbsp;36&nbsp;часов! </span> </div> </div> <div class="card card--little">Автономные канализации</div> <div class="card card--little">Станции биоочистки</div> <div class="card card--little">Локальные очистные сооружения</div> </div> </div> </div> <main class="content" id="content"> <section class="reasons section container"> <h2 class="section-title">Почему клиенты выбирают <span class="green-text">Эра</span><span class="orange-text">Септик</span></h2> <div class="reasons__examples"> <div class="reasons__lead"> <span> Почему мы<br /> являемся <u>лидерами</u> на рынке? </span> </div> <div class="reasons__list"> <div class="reasons__item hover-scale"> <div class="reasons__num"> 01 </div> <div class="reasons__text"><b>Ведем полный цикл</b> от производства до установки, обеспечивая <b>полный контроль качества</b></div> </div> <div class="reasons__item hover-scale"> <div class="reasons__num"> 02 </div> <div class="reasons__text"><b>Адаптируем решения</b> под вашу ситуацию, мы работаем индивидуально с каждым клиентом</div> </div> <div class="reasons__item hover-scale"> <div class="reasons__num"> 03 </div> <div class="reasons__text"><b>Все этапы решаются</b> оперативно благодаря отсутствию посредников</div> </div> <div class="reasons__item hover-scale"> <div class="reasons__num"> 04 </div> <div class="reasons__text"><b>Поможем сэкономить ваш бюджет</b> за счет собственного производства</div> </div> </div> </div> </section> <section class="sale section container"> <h2 class="section-title">Продажа септиков</h2> <div class="sale__wrap"> <h3 class="sale__wrap-title">Популярные товары</h3> <div class="sale__products"> <div class="product"> <a class="product__image" href="product.html"> <picture><source srcset="./img/png/product.webp" type="image/webp"><img src="./img/png/product.png" width="336" height="340" alt="product" /></picture> </a> <div class="product__data"> <div class="product__rating rating rating--4">4/5</div> <div class="product__info"> <a class="product__title" href="product.html">Септик ЭРА 4 прин</a> <p class="product__text">Решение для небольших дачных домов</p> </div> <div class="product__info"> <p class="product__text">Пользователей: <span>1-3 чел</span></p> <p class="product__text">Производительность: <span>0.5м2</span></p> <p class="product__text">Сброс: <span>150 литров</span></p> <p class="product__text">Питание: <span>не нужно</span></p> </div> <div class="product__price">77 000 ₽</div> <div class="product__btns"> <button class="button button--orange">Купить</button> <button class="button button--outline">Купить с установкой</button> </div> </div> </div> <div class="product"> <a class="product__image" href="product.html"> <picture><source srcset="./img/png/product.webp" type="image/webp"><img src="./img/png/product.png" width="336" height="340" alt="product" /></picture> </a> <div class="product__data"> <div class="product__rating rating rating--4">4/5</div> <div class="product__info"> <a class="product__title" href="product.html">Септик ЭРА 4 прин</a> <p class="product__text">Решение для небольших дачных домов</p> </div> <div class="product__info"> <p class="product__text">Пользователей: <span>1-3 чел</span></p> <p class="product__text">Производительность: <span>0.5м2</span></p> <p class="product__text">Сброс: <span>150 литров</span></p> <p class="product__text">Питание: <span>не нужно</span></p> </div> <div class="product__price">77 000 ₽</div> <div class="product__btns"> <button class="button button--orange">Купить</button> <button class="button button--outline">Купить с установкой</button> </div> </div> </div> <div class="product"> <a class="product__image" href="product.html"> <picture><source srcset="./img/png/product.webp" type="image/webp"><img src="./img/png/product.png" width="336" height="340" alt="product" /></picture> </a> <div class="product__data"> <div class="product__rating rating rating--4">4/5</div> <div class="product__info"> <a class="product__title" href="product.html">Септик ЭРА 4 прин</a> <p class="product__text">Решение для небольших дачных домов</p> </div> <div class="product__info"> <p class="product__text">Пользователей: <span>1-3 чел</span></p> <p class="product__text">Производительность: <span>0.5м2</span></p> <p class="product__text">Сброс: <span>150 литров</span></p> <p class="product__text">Питание: <span>не нужно</span></p> </div> <div class="product__price">77 000 ₽</div> <div class="product__btns"> <button class="button button--orange">Купить</button> <button class="button button--outline">Купить с установкой</button> </div> </div> </div> </div> </div> <div class="sale__wrap"> <h3 class="sale__wrap-title">Категории товаров</h3> <div class="sale__list"> <a class="sale__item" href="/">Септики</a> <a class="sale__item" href="/">Автономные канализации</a> <a class="sale__item" href="/">Станции биоочистки</a> <a class="sale__item" href="/">Локальные очистные сооружения</a> <a class="sale__item sale__item--green" href="/"> <span>У нас <u>собственное</u> производство</span> <span class="sale__item-action">К каталогу</span> </a> </div> </div> </section> <section class="stages section container"> <h2 class="section-title">Этапы работы с клиентами</h2> <div class="stages__list"> <div class="stages__item stages__item--message hover-scale"> <h3 class="stages__title">Связь с менеджером</h3> <p>После того, как мы получим заявку, наш менеджер свяжется с вами</p> </div> <div class="stages__item stages__item--phone hover-scale"> <h3 class="stages__title">Первичная консультация</h3> <p>Менеджер обсудить с вами детали проекта, расскажет о ценах и акциях</p> </div> <div class="stages__item stages__item--people hover-scale"> <h3 class="stages__title">Выезд на замеры</h3> <p>Наш мастер проведет все замеры, ответит на все интересующие вопросы</p> </div> <div class="stages__item stages__item--bag hover-scale"> <h3 class="stages__title">Подготовка сметы</h3> <p>После замеров мы подготовим смету и ответим на все интересующие вопросы</p> </div> <div class="stages__item stages__item--settings hover-scale"> <h3 class="stages__title">Монтаж</h3> <p>Менеджер обсудить с вами детали проекта, расскажет о ценах и акциях</p> </div> <div class="stages__item stages__item--book hover-scale"> <h3 class="stages__title">Обучение</h3> <p>После монтажа поможем вам правильно использовать септик</p> </div> </div> </section> <section class="installation section container"> <h2 class="section-title">Как проходит монтаж очистных сооружений</h2> <div class="installation__list"> <div class="installation__item installation__item--img" style="background-image: url('./img/png/installation.png');"> <div class="installation__num">01</div> <h3 class="installation__title">Консультация и обследование участка</h3> <p class="installation__info">обсуждение потребностей клиента и&nbsp;характеристик участка, определение типа грунта и&nbsp;уровня грунтовых вод</p> </div> <div class="installation__item hover-scale"> <div class="installation__num">02</div> <h3 class="installation__title">Проектирование системы</h3> <p class="installation__info">разработка проекта с учетом специфики участка и требований клиента, подбор оборудования и составление сметы</p> </div> <div class="installation__item hover-scale"> <div class="installation__num">03</div> <h3 class="installation__title">Подготовка котлована</h3> <p class="installation__info">разметка места для котлована, земляные работы: земляные работы и&nbsp;выемка грунта</p> </div> <div class="installation__item hover-scale"> <div class="installation__num">04</div> <h3 class="installation__title">Устройство подушки из&nbsp;песка и&nbsp;щебня</h3> <p class="installation__info">укладка песчаной и&nbsp;щебневой подушки на&nbsp;дне котлована для лучшей дренажной функции</p> </div> <div class="installation__item hover-scale"> <div class="installation__num">05</div> <h3 class="installation__title">Монтаж септика</h3> <p class="installation__info">установка корпуса септика в&nbsp;подготовленный котлован, подключение входной и&nbsp;выходной труб к&nbsp;септику</p> </div> <div class="installation__item hover-scale"> <div class="installation__num">06</div> <h3 class="installation__title">Подсоединение системы к&nbsp;дому</h3> <p class="installation__info">прокладка трубопроводов от&nbsp;дома к&nbsp;септику, подключение системы к&nbsp;внутреннему каналу</p> </div> <a class="installation__item installation__item--icon installation__item--orange" href="calculator.html"> <span class="installation__link">Расчитать септик онлайн</span> </a> <a class="installation__item installation__item--icon installation__item--green" href="#"> <span class="installation__link">Посмотреть пример сметы</span> </a> </div> </section> <section class="services container section"> <h2 class="section-title">Мы предлагаем следующие услуги</h2> <div class="services__list"> <div class="services__item"> <h3 class="services__name">Монтаж септика под ключ</h3> <p class="services__info">Полный монтаж септика под ключ, быстро и&nbsp;надежно.</p> <div class="services__data"> <span class="services__price">от 77 000 ₽</span> <span class="services__time">(от 36 часов)</span> </div> </div> <div class="services__item"> <h3 class="services__name">Монтаж септика для дома</h3> <p class="services__info">Полный монтаж септика под ключ, быстро и&nbsp;надежно.</p> <div class="services__data"> <span class="services__price">от 77 000 ₽</span> <span class="services__time">(от 36 часов)</span> </div> </div> <div class="services__item"> <h3 class="services__name">Монтаж септика для дачи</h3> <p class="services__info">Полный монтаж септика под ключ, быстро и&nbsp;надежно.</p> <div class="services__data"> <span class="services__price">от 77 000 ₽</span> <span class="services__time">(от 36 часов)</span> </div> </div> <div class="services__item"> <h3 class="services__name">Монтаж септика для бани</h3> <p class="services__info">Полный монтаж септика под ключ, быстро и&nbsp;надежно.</p> <div class="services__data"> <span class="services__price">от 77 000 ₽</span> <span class="services__time">(от 36 часов)</span> </div> </div> <div class="services__item"> <h3 class="services__name">Монтаж ЛОС</h3> <p class="services__info">Полный монтаж септика под ключ, быстро и&nbsp;надежно.</p> <div class="services__data"> <span class="services__price">от 77 000 ₽</span> <span class="services__time">(от 36 часов)</span> </div> </div> <div class="services__item"> <h3 class="services__name">Септик для коттеджа</h3> <p class="services__info">Полный монтаж септика под ключ, быстро и&nbsp;надежно.</p> <div class="services__data"> <span class="services__price">от 77 000 ₽</span> <span class="services__time">(от 36 часов)</span> </div> </div> <div class="services__item"> <h3 class="services__name">Монтаж септика для кухни</h3> <p class="services__info">Полный монтаж септика под ключ, быстро и&nbsp;надежно.</p> <div class="services__data"> <span class="services__price">от 77 000 ₽</span> <span class="services__time">(от 36 часов)</span> </div> </div> <div class="services__item"> <h3 class="services__name">Автономные канализации</h3> <p class="services__info">Полный монтаж септика под ключ, быстро и&nbsp;надежно.</p> <div class="services__data"> <span class="services__price">от 77 000 ₽</span> <span class="services__time">(от 36 часов)</span> </div> </div> <a class="services__item services__item--green" href="#"> <span class="services__link">Все услуги</span> </a> </div> </section> <section class="order-call container section"> <div class="order-call__wrap" style="background-image: url('./img/png/house.png');"> <form class="order-call__data" action="#"> <h2 class="section-title">Рассчитать септик <span class="orange-text">за 5 минут!</span></h2> <p class="order-call__info">Наш менеджер свяжется с вами в ближайшее время</p> <input type="text" class="input" placeholder="Ваше имя" /> <input type="text" class="input" placeholder="Номер телефона" /> <button class="button button--orange">Заказать звонок</button> <p class="order-call__personal">Нажимая кнопку «Заказать звонок», вы подтверждаете свое согласие на обработку <a href="#">персональных данных </a></p> </form> </div> </section> <section class="portfolio portfolio section"> <div class="container"> <h2 class="section-title">Последние выполненные объекты</h2> <div class="portfolio__list"> <div class="portfolio__item"> <div class="portfolio__image" style="background-image: url('./img/png/completed-object1.png');"> <div class="portfolio__image-details"> <div>Загородный дом в Подмосковье, <span class="portfolio__date">03.05.24</span></div> <a class="portfolio__link" href="#">Подробнее</a> </div> </div> <h3 class="portfolio__title">Установка септика в коттедж</h3> <p class="portfolio__info">Клиенту требовалась автономная канализация для проживания</p> <h4 class="portfolio__sub">Что было сделано:</h4> <ul class="portfolio__data"> <li class="portfolio__data-item">исследование грунта и уровня грунтовых вод</li> <li class="portfolio__data-item">выявление особенностей участка и согласование с клиентом</li> </ul> </div> <div class="portfolio__item"> <div class="portfolio__image" style="background-image: url('./img/png/completed-object2.png');"> <div class="portfolio__image-details"> <div>Загородный дом в Подмосковье, 03.05.24</div> <a class="portfolio__link" href="#">Подробнее</a> </div> </div> <h3 class="portfolio__title">Установка септика в коттедж</h3> <p class="portfolio__info">Клиенту требовалась автономная канализация для проживания</p> <h4 class="portfolio__sub">Что было сделано:</h4> <ul class="portfolio__data"> <li class="portfolio__data-item">исследование грунта и уровня грунтовых вод</li> <li class="portfolio__data-item">выявление особенностей участка и согласование с клиентом</li> </ul> </div> <div class="portfolio__item"> <div class="portfolio__image" style="background-image: url('./img/png/completed-object3.png');"> <div class="portfolio__image-details"> <div>Загородный дом в Подмосковье, 03.05.24</div> <a class="portfolio__link" href="#">Подробнее</a> </div> </div> <h3 class="portfolio__title">Установка септика в коттедж</h3> <p class="portfolio__info">Клиенту требовалась автономная канализация для проживания</p> <h4 class="portfolio__sub">Что было сделано:</h4> <ul class="portfolio__data"> <li class="portfolio__data-item">исследование грунта и уровня грунтовых вод</li> <li class="portfolio__data-item">выявление особенностей участка и согласование с клиентом</li> </ul> </div> <div class="portfolio__item portfolio__item--green"> <h3 class="portfolio__title">Вы можете ознакомиться с другими проектами в нашем портфолио</h3> <a class="portfolio__link" href="#">Перейти к другим работам</a> </div> </div> </div> </section> <section class="reviews container section"> <div class="reviews__wrap reviews__swiper"> <div class="reviews__top"> <h2 class="section-title">Что говорят наши клиенты</h2> <div class="reviews__btns"> <button class="reviews__btn reviews__btn--prev" type="button"></button> <button class="reviews__btn reviews__btn--next" type="button"></button> </div> </div> <div class="reviews__list swiper-wrapper"> <div class="reviews__item reviews__item--video swiper-slide"> <picture><source srcset="./img/png/review-video.webp" type="image/webp"><img class="reviews__poster-img" src="./img/png/review-video.png" width="400" height="300" alt="Review video poster" /></picture> <button class="reviews__item-btn button-video"> <picture><source srcset="./img/svg/video-play.svg" type="image/webp"><img src="./img/svg/video-play.svg" width="62" height="62" alt="video-play" /></picture> </button> <div class="reviews__value"> <div class="reviews__date">06.06.23</div> <div class="reviews__rating rating rating--small rating--3">4/5</div> </div> <div class="reviews__author"> <div class="reviews__author-name">Анатолий Матвеевич</div> <div class="reviews__author-city">г. Одинцово</div> </div> </div> <div class="reviews__item swiper-slide"> <div class="reviews__author reviews__author--with-icon"> <div class="reviews__author-icon">А</div> <div class="reviews__author-name">Анатолий Матвеевич</div> <div class="reviews__author-city">г. Одинцово</div> </div> <h3 class="reviews__name">Монтаж септиков</h3> <div class="reviews__message"> В своем новом доме не хотелось пользоваться выгребной ямой. Тем более что после посещения ассенизаторов остается неприятный запах. Искали и приобрели автономную канализацию ЭРА. Доступные цены и качественный монтаж в короткие сроки. После его установки недолгое время присматривался, а потом забыл на два года пока не пришло время обслуживать. Порекомендовали систему ЭРА соседям. Они поступили мудро и оборудовали сразу три дома одной системой. Рекомнедую!!! </div> <div class="reviews__value"> <div class="reviews__date">06.06.23</div> <div class="reviews__rating rating rating--4">4/5</div> </div> </div> <div class="reviews__item swiper-slide"> <div class="reviews__author reviews__author--with-icon"> <div class="reviews__author-icon">Е</div> <div class="reviews__author-name">Евгения</div> <div class="reviews__author-city">г. Подольск</div> </div> <h3 class="reviews__name">Монтаж септиков</h3> <div class="reviews__message"> В своем новом доме не хотелось пользоваться выгребной ямой. Тем более что после посещения ассенизаторов остается неприятный запах. Искали и приобрели автономную канализацию ЭРА. Доступные цены и качественный монтаж в короткие сроки. После его установки недолгое время присматривался, а потом забыл на два года пока не пришло время обслуживать. Порекомендовали систему ЭРА соседям. Они поступили мудро и оборудовали сразу три дома одной системой. Рекомнедую!!! </div> <div class="reviews__value"> <div class="reviews__date">06.06.23</div> <div class="reviews__rating rating rating--4">4/5</div> </div> </div> <div class="reviews__item swiper-slide"> <div class="reviews__author reviews__author--with-icon"> <div class="reviews__author-icon">А</div> <div class="reviews__author-name">Анатолий Матвеевич</div> <div class="reviews__author-city">г. Одинцово</div> </div> <h3 class="reviews__name">Монтаж септиков</h3> <div class="reviews__message"> В своем новом доме не хотелось пользоваться выгребной ямой. Тем более что после посещения ассенизаторов остается неприятный запах. Искали и приобрели автономную канализацию ЭРА. Доступные цены и качественный монтаж в короткие сроки. После его установки недолгое время присматривался, а потом забыл на два года пока не пришло время обслуживать. Порекомендовали систему ЭРА соседям. Они поступили мудро и оборудовали сразу три дома одной системой. Рекомнедую!!! </div> <div class="reviews__value"> <div class="reviews__date">06.06.23</div> <div class="reviews__rating rating rating--4">4/5</div> </div> </div> <div class="reviews__item swiper-slide"> <div class="reviews__author reviews__author--with-icon"> <div class="reviews__author-icon">Е</div> <div class="reviews__author-name">Евгения</div> <div class="reviews__author-city">г. Подольск</div> </div> <h3 class="reviews__name">Монтаж септиков</h3> <div class="reviews__message"> В своем новом доме не хотелось пользоваться выгребной ямой. Тем более что после посещения ассенизаторов остается неприятный запах. Искали и приобрели автономную канализацию ЭРА. Доступные цены и качественный монтаж в короткие сроки. После его установки недолгое время присматривался, а потом забыл на два года пока не пришло время обслуживать. Порекомендовали систему ЭРА соседям. Они поступили мудро и оборудовали сразу три дома одной системой. Рекомнедую!!! </div> <div class="reviews__value"> <div class="reviews__date">06.06.23</div> <div class="reviews__rating rating rating--4">4/5</div> </div> </div> </div> </div> </section> <section class="about-company section"> <div class="container"> <h2 class="section-title">О компании</h2> <div class="about-company__wrap"> <div class="about-company__video" style="background-image: url('./img/png/about-video.png');"> <button class="about-company__btn button-video"> <picture><source srcset="./img/svg/video-play.svg" type="image/webp"><img src="./img/svg/video-play.svg" width="62" height="62" alt="video-play" /></picture> </button> </div> <div class="about-company__green"> <div class="about-company__description"> Давайте знакомиться ближе 🤍 </div> <a class="about-company__link" href="#"> Читать о компании </a> </div> </div> </div> </section> <section class="blog section"> <div class="container"> <h2 class="section-title">Мы ведем профессиональный блог</h2> <div class="blog__list"> <div class="blog__item"> <div class="blog__image" style="background-image: url('./img/png/blog-image1.png');"> <div class="blog__detail"> <div>20.05.24</div> <a class="blog__link" href="#">Читать статью</a> </div> </div> <div class="blog__content"> <div class="blog__tag-list"> <div class="blog__tag-item">Инструкция</div> <div class="blog__tag-item">Советы</div> <div class="blog__tag-item">История</div> </div> <h3 class="blog__title"> Типы локальных очистных сооружений: как выбрать подходящее решение для вашего участка </h3> <div class="blog__description"> Выбор септика для дачи — важная задача, от которой зависит комфорт и экологическая безопасность вашего загородного участка. В этом посте мы рассмотрим ключевые факторы, которые стоит учесть при выборе септика: объем, тип системы, материал изготовления, а также нюансы монтажа и эксплуатации. Узнайте, как сделать ваш выбор осознанным и избежать распространенных ошибок, чтобы ваша дача всегда оставалась чистым и уютным местом для отдыха! </div> </div> </div> <div class="blog__item"> <div class="blog__image" style="background-image: url('./img/png/blog-image4.png');"> <div class="blog__detail"> <div>20.05.24</div> <a class="blog__link" href="#">Читать статью</a> </div> </div> <div class="blog__content"> <div class="blog__tag-list"> <div class="blog__tag-item">Инструкция</div> <div class="blog__tag-item">Советы</div> </div> <h3 class="blog__title">Как правильно подплетать дредлоки самому</h3> <div class="blog__description"> Выбор септика для дачи — важная задача, от которой зависит комфорт и экологическая безопасность вашего загородного участка. В этом посте мы рассмотрим ключевые факторы, которые стоит учесть при выборе септика: объем, тип системы, материал изготовления, а также нюансы монтажа и эксплуатации. Узнайте, как сделать ваш выбор осознанным и избежать распространенных ошибок, чтобы ваша дача всегда оставалась чистым и уютным местом для отдыха! </div> </div> </div> <div class="blog__item"> <div class="blog__image" style="background-image: url('./img/png/blog-image2.png');"> <div class="blog__detail"> <div>20.05.24</div> <a class="blog__link" href="#">Читать статью</a> </div> </div> <div class="blog__content"> <div class="blog__tag-list"> <div class="blog__tag-item">Советы</div> <div class="blog__tag-item">История</div> </div> <h3 class="blog__title"> Плюсы и минусы использования автономных канализационных систем на даче </h3> <div class="blog__description"> Выбор септика для дачи — важная задача, от которой зависит комфорт и экологическая безопасность вашего загородного участка. В этом посте мы рассмотрим ключевые факторы, которые стоит учесть при выборе септика: объем, тип системы, материал изготовления, а также нюансы монтажа и эксплуатации. Узнайте, как сделать ваш выбор осознанным и избежать распространенных ошибок, чтобы ваша дача всегда оставалась чистым и уютным местом для отдыха! </div> </div> </div> <div class="blog__item"> <div class="blog__image" style="background-image: url('./img/png/blog-image3.png');"> <div class="blog__detail"> <div>20.05.24</div> <a class="blog__link" href="#">Читать статью</a> </div> </div> <div class="blog__content"> <div class="blog__tag-list"> <div class="blog__tag-item">История</div> <div class="blog__tag-item">Инструкция</div> </div> <h3 class="blog__title"> Монтаж и обслуживание локальных очистных сооружений: что нужно знать </h3> <div class="blog__description"> Выбор септика для дачи — важная задача, от которой зависит комфорт и экологическая безопасность вашего загородного участка. В этом посте мы рассмотрим ключевые факторы, которые стоит учесть при выборе септика: объем, тип системы, материал изготовления, а также нюансы монтажа и эксплуатации. Узнайте, как сделать ваш выбор осознанным и избежать распространенных ошибок, чтобы ваша дача всегда оставалась чистым и уютным местом для отдыха! </div> </div> </div> <div class="blog__item blog__item--green"> <div class="blog__more"> Читайте больше полезной информации в&nbsp;нашем блоге </div> <a class="blog__more-link"> Смотреть все статьи </a> </div> </div> </div> </section> <section class="consultation container"> <h2 class="consultation__title">Нужна консультация?</h2> <form action="#" class="consultation__form"> <input type="text" class="input" placeholder="Ваше имя" /> <input type="tel" class="input" placeholder="Номер телефона" /> <button class="button button--orange">Получить консультацию</button> </form> <div class="consultation__info"> Нажимая кнопку «Получить консультацию», вы соглашаетесь с <a href="#" class="consultation__info--link"><u>условиями конфиденциальности</u></a> </div> </section> </main> <section class="tap-bar"> <div class="tap-bar__item"> <a class="tap-bar__link" href="/"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2717_16834)"> <path d="M21.5 11.25v9a.75.75 0 0 1-.75.75H15.5a.75.75 0 0 1-.75-.75v-4.875a.375.375 0 0 0-.375-.375h-3.75a.375.375 0 0 0-.375.375v4.875a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-9c0-.398.158-.78.44-1.06l7.5-7.5a1.5 1.5 0 0 1 2.12 0l7.5 7.5a1.5 1.5 0 0 1 .44 1.06Z" fill="currentColor" ></path> </g> <defs> <clipPath id="clip0_2717_16834"><path fill="#fff" d="M.5 0h24v24H.5z"></path></clipPath> </defs> </svg> <span>Главная</span> </a> </div> <div class="tap-bar__item"> <a class="tap-bar__link" href="#"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2717_16839)"> <path d="M24.35 9a6.75 6.75 0 0 1-9.463 6.188l-4.88 5.645a3 3 0 1 1-4.28-4.204c.013-.012.026-.025.04-.036l5.646-4.88a6.757 6.757 0 0 1 7.832-9.26.75.75 0 0 1 .368 1.236L16.1 7.5l.53 2.47 2.47.53 3.811-3.517a.75.75 0 0 1 1.237.368c.134.54.202 1.093.202 1.65Z" fill="currentColor" ></path> </g> <defs> <clipPath id="clip0_2717_16839"><path fill="#fff" d="M.6 0h24v24H.6z"></path></clipPath> </defs> </svg> <span>Услуги</span> </a> </div> <div class="tap-bar__item tap-bar__item--catalog"> <button class="tap-bar__link js-catalog" type="button"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2717_16844)"> <path d="M21.2 4.6v6a.403.403 0 0 1-.116.283.392.392 0 0 1-.279.117h-7.502V3.4c0-.106.041-.208.115-.283a.392.392 0 0 1 .28-.117h5.922c.42 0 .821.169 1.117.469.297.3.463.707.463 1.131ZM10.702 3H4.78c-.418 0-.82.169-1.116.469A1.61 1.61 0 0 0 3.2 4.6v6c0 .106.042.208.116.283a.392.392 0 0 0 .279.117h7.502V3.4a.403.403 0 0 0-.115-.283.392.392 0 0 0-.28-.117Zm10.103 10h-7.502v7.6c0 .106.041.208.115.283a.392.392 0 0 0 .28.117h5.922c.42 0 .821-.169 1.117-.469.297-.3.463-.707.463-1.131v-6a.403.403 0 0 0-.116-.283.392.392 0 0 0-.279-.117ZM3.2 13.4v6c0 .424.166.831.463 1.131.296.3.698.469 1.116.469h5.923a.392.392 0 0 0 .28-.117.402.402 0 0 0 .115-.283V13H3.595a.392.392 0 0 0-.28.117.403.403 0 0 0-.115.283Z" fill="currentColor" ></path> </g> <defs> <clipPath id="clip0_2717_16844"><path fill="#fff" d="M.2 0h24v24H.2z"></path></clipPath> </defs> </svg> <span>Каталог</span> </button> </div> <div class="tap-bar__item"> <a class="tap-bar__link" href="#"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2717_16849)"> <path d="M18.456 16.938a2.194 2.194 0 0 0 2.103-1.603l-2.103 1.602Zm0 0H9.19a2.192 2.192 0 0 1-2.111-1.603L3.79 3.483l-.012-.046H2.05a.688.688 0 1 1 0-1.374H4.3a.688.688 0 0 1 .663.503l.888 3.2.013.046H22.3a.688.688 0 0 1 .663.872l-2.404 8.651-2.103 1.602ZM8.001 18.805a1.437 1.437 0 1 1 1.598 2.39A1.437 1.437 0 0 1 8 18.805Zm9.75 0a1.437 1.437 0 1 1 1.598 2.39 1.437 1.437 0 0 1-1.598-2.39Z" fill="currentColor" stroke="#939393" stroke-width=".125" ></path> </g> <defs> <clipPath id="clip0_2717_16849"><path fill="#fff" d="M.3 0h24v24H.3z"></path></clipPath> </defs> </svg> <span>Корзина</span> </a> </div> <div class="tap-bar__item tap-bar__item--tablet"> <a class="tap-bar__link" href="#"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2717_16854)"> <path d="M19.15 2.25H5.65a1.5 1.5 0 0 0-1.5 1.5v16.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5V3.75a1.5 1.5 0 0 0-1.5-1.5Zm-10.5 16.5a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm0-3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm3.75 3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm0-3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm3.75 3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm0-3.75a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Zm1.5-5.25a.75.75 0 0 1-.75.75h-9a.75.75 0 0 1-.75-.75V6a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 .75.75v3.75Z" fill="currentColor" ></path> </g> <defs> <clipPath id="clip0_2717_16854"><path fill="#fff" d="M.4 0h24v24H.4z"></path></clipPath> </defs> </svg> <span>Расчет</span> </a> </div> <div class="tap-bar__item tap-bar__item--menu"> <button class="tap-bar__link js-menu" type="button"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2717_16859)"> <path d="M14.625 12a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0ZM4.5 9.375a2.625 2.625 0 1 0 0 5.25 2.625 2.625 0 0 0 0-5.25Zm15 0a2.625 2.625 0 1 0 0 5.25 2.625 2.625 0 0 0 0-5.25Z" fill="currentColor"></path> </g> <defs> <clipPath id="clip0_2717_16859"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath> </defs> </svg> <span>Меню</span> </button> </div> </section> <footer class="footer footer section"> <div class="container"> <div class="footer__top"> <div class="footer__top-item"> <button class="footer__btn js-footer-btn"> Услуги <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path> </svg> </button> <ul class="footer__list js-footer-list"> <li class="footer__list-item"> <a href="services-category.html">Монтаж септиков</a> </li> <li class="footer__list-item"> <a href="#">Монтаж ЛОС</a> </li> <li class="footer__list-item"> <a href="#">Монтаж атономных канализаций</a> </li> <li class="footer__list-item"> <a href="#">Сервисное обслуживание септиков</a> </li> <li class="footer__list-item"> <a href="#">Сервисное обслуживание ЛОС</a> </li> <li class="footer__list-item"> <a href="#">Обслуживание автономных канализаций</a> </li> <li class="footer__list-item"> <a href="#">Чистка септиков</a> </li> <li class="footer__list-item"> <a href="#">Откачка септиков</a> </li> <li class="footer__list-item"> <a href="#">Косервация септиков</a> </li> <li class="footer__list-item"> <a href="#">Консервация ЛОС</a> </li> </ul> </div> <div class="footer__top-item"> <button class="footer__btn js-footer-btn"> Полезная информация <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path> </svg> </button> <ul class="footer__list js-footer-list"> <li class="footer__list-item"> <a href="gost.html">ГОСТы по септикам</a> </li> <li class="footer__list-item"> <a href="glossarium.html">Глоссарий терминов</a> </li> <li class="footer__list-item"> <a href="grease-trap-principle.html">Принцип работы жиро-улолвителей</a> </li> <li class="footer__list-item"> <a href="kesson-principle.html">Кессон принцип работы</a> </li> <li class="footer__list-item"> <a href="septik-principle.html">Принцип работы септиков Эра</a> </li> <li class="footer__list-item"> <a href="#">Септик ЭРА-КНС</a> </li> <li class="footer__list-item"> <a href="#">Септик ЭРА-ПЦ</a> </li> <li class="footer__list-item"> <a href="#">Септик ЭРА-ГВ</a> </li> <li class="footer__list-item"> <a href="materials.html">Материалы</a> </li> <li class="footer__list-item"> <a href="technology.html">Технология</a> </li> </ul> </div> <div class="footer__top-item"> <button class="footer__btn js-footer-btn"> Покупателям <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path> </svg> </button> <ul class="footer__list js-footer-list"> <li class="footer__list-item"> <a href="delivery.html">Условия доставки</a> </li> <li class="footer__list-item"> <a href="refund.html">Условия возврата</a> </li> <li class="footer__list-item"> <a href="#">Способы оплаты</a> </li> <li class="footer__list-item"> <a href="how-place-order.html">Как оформить заказ</a> </li> <li class="footer__list-item"> <a href="support-center.html">Центр поддержки</a> </li> <li class="footer__list-item"> <a href="guarantee.html">Гарантия</a> </li> <li class="footer__list-item"> <a href="certificates.html">Сертификаты</a> </li> <li class="footer__list-item"> <a href="awards.html">Награды</a> </li> <li class="footer__list-item"> <a href="reviews.html">Отзывы</a> </li> <li class="footer__list-item"> <a href="partners.html">Партнеры</a> </li> </ul> </div> <div> <div class="footer__top-item"> <button class="footer__btn js-footer-btn"> Интересное <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path> </svg> </button> <ul class="footer__list js-footer-list"> <li class="footer__list-item"> <a href="blog.html">Блог про септики</a> </li> <li class="footer__list-item"> <a href="portfolio.html">Портфолио проектов</a> </li> </ul> </div> <button class="footer__btn js-footer-btn"> Документация <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.28 4.47a.75.75 0 0 1 0 1.06L6.53 9.28a.75.75 0 0 1-1.06 0L1.72 5.53a.75.75 0 0 1 1.06-1.06L6 7.69l3.22-3.22a.75.75 0 0 1 1.06 0Z" fill="currentColor"></path> </svg> </button> <ul class="footer__list js-footer-list"> <li class="footer__list-item"> <a href="agreement.html">Договора</a> </li> <li class="footer__list-item"> <a href="legal-data.html">Реквизиты</a> </li> <li class="footer__list-item"> <a href="faq.html">Политика конфиденциальности</a> </li> <li class="footer__list-item"> <a href="#">Пользовательское соглашение</a> </li> </ul> </div> </div> <div class="footer__bottom"> <a class="footer__logo" href="#"> <picture><source srcset="./img/png/logo.webp" type="image/webp"><img src="./img/png/logo.png" width="178" height="82" alt="logo" /></picture> </a> <div class="footer__bottom-item"> <div class="footer__bottom-name">Адрес</div> <p> Россия 121596 Москва<br /> ул. Горбунова 6к2с8 </p> </div> <div class="footer__bottom-item"> <div class="footer__bottom-name">Телефон и почта</div> <p> +7 (495) 669-99-24<br /> info@eraseptik.ru </p> </div> <div class="footer__bottom-item"> <div class="footer__bottom-name">Реквизиты</div> <p> ОГРН 1165030050602<br /> ИНН 5030088192 </p> </div> <div class="footer__bottom-item"> <div class="footer__bottom-name">Соцсети</div> <div class="footer__social"> <a href="#"> <picture><source srcset="./img/svg/vk-social.svg" type="image/webp"><img width="46" height="46" src="./img/svg/vk-social.svg" alt="vk" /></picture> </a> <a href="#"> <picture><source srcset="./img/svg/whatsap-social.svg" type="image/webp"><img width="46" height="42" src="./img/svg/whatsap-social.svg" alt="whatsap" /></picture> </a> <a href="#"> <picture><source srcset="./img/svg/youtube-social.svg" type="image/webp"><img width="46" height="46" src="./img/svg/youtube-social.svg" alt="youtube" /></picture> </a> </div> </div> </div> </div> </footer> <script src="js/libs/swiper-bundle.min.js"></script> <script src="js/libs/fancybox.umd.js"></script> <script src="js/main.js"></script> </body> </html>