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/calculator.html

1 lines
73 KiB
Raw Blame History

<!DOCTYPE html> <html lang="ru"> <head><link rel="stylesheet" href="index.754af089.css"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Установка септика в коттедж</title> <link rel="stylesheet" href="index.787800be.css"> </head> <body> <div class="overflow js-overflow"></div> <header class="header container"> <div class="header__menu"> <a class="header__logo" href="/"> <picture><source srcset="png/logo.webp" type="image/webp"><img src="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="jpg/catalog-1.webp" type="image/webp"><img src="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="jpg/catalog-1.webp" type="image/webp"><img src="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="jpg/catalog-1.webp" type="image/webp"><img src="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="jpg/catalog-1.webp" type="image/webp"><img src="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="jpg/catalog-1.webp" type="image/webp"><img src="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="jpg/catalog-2.webp" type="image/webp"><img src="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="jpg/catalog-3.webp" type="image/webp"><img src="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="jpg/catalog-4.webp" type="image/webp"><img src="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="png/logo.webp" type="image/webp"><img src="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="svg/vk-social.svg" type="image/webp"><img width="46" height="46" src="svg/vk-social.svg" alt="vk"></picture> </a> <a href="#"> <picture><source srcset="svg/whatsap-social.svg" type="image/webp"><img width="46" height="42" src="svg/whatsap-social.svg" alt="whatsap"></picture> </a> <a href="#"> <picture><source srcset="svg/youtube-social.svg" type="image/webp"><img width="46" height="46" src="svg/youtube-social.svg" alt="youtube"></picture> </a> </div> </div> </div> </div> </footer> </div> <nav class="breadcrumbs container"> <ul class="breadcrumbs__list"> <li class="breadcrumbs__item"> <a href="/">Главная</a> </li> <li class="breadcrumbs__item"> <a href="#">Справочник</a> </li> <li class="breadcrumbs__item"> Калькулятор </li> </ul> </nav> <section class="calc section-inner container"> <h1 class="calc__title">Рассчитать септик онлайн</h1> <form action="#"> <div class="calc__form"> <h2 class="calc__form-title">Участок, септик</h2> <div class="calc__form-top"> <div class="select"> <div class="select__name">Почва</div> <select name="soil" id="soil"> <option value="sand">Песчаная</option> <option value="silty">Илистая</option> <option value="stone">Каменистая</option> </select> <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.2803 4.46967C10.5732 4.76256 10.5732 5.23744 10.2803 5.53033L6.53033 9.28033C6.23744 9.57322 5.76256 9.57322 5.46967 9.28033L1.71967 5.53033C1.42678 5.23744 1.42678 4.76256 1.71967 4.46967C2.01256 4.17678 2.48744 4.17678 2.78033 4.46967L6 7.68934L9.21967 4.46967C9.51256 4.17678 9.98744 4.17678 10.2803 4.46967Z" fill="#939393"></path> </svg> </div> <div class="select"> <div class="select__name">Количество людей</div> <select name="people" id="people"> <option value="1-2">1-2</option> <option value="2-4">2-4</option> <option value="5-10">5-10</option> </select> <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.2803 4.46967C10.5732 4.76256 10.5732 5.23744 10.2803 5.53033L6.53033 9.28033C6.23744 9.57322 5.76256 9.57322 5.46967 9.28033L1.71967 5.53033C1.42678 5.23744 1.42678 4.76256 1.71967 4.46967C2.01256 4.17678 2.48744 4.17678 2.78033 4.46967L6 7.68934L9.21967 4.46967C9.51256 4.17678 9.98744 4.17678 10.2803 4.46967Z" fill="#939393"></path> </svg> </div> <div class="select"> <div class="select__name">Проживание</div> <select name="using" id="using"> <option value="season">Сезонное проживание</option> <option value="all">Круглогодичное проживание</option> </select> <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.2803 4.46967C10.5732 4.76256 10.5732 5.23744 10.2803 5.53033L6.53033 9.28033C6.23744 9.57322 5.76256 9.57322 5.46967 9.28033L1.71967 5.53033C1.42678 5.23744 1.42678 4.76256 1.71967 4.46967C2.01256 4.17678 2.48744 4.17678 2.78033 4.46967L6 7.68934L9.21967 4.46967C9.51256 4.17678 9.98744 4.17678 10.2803 4.46967Z" fill="#939393"></path> </svg> </div> <div class="select"> <div class="select__name">Глубина залегания труб</div> <select name="depth" id="depth"> <option value="top">Для высоких грунтовых вод</option> <option value="middle">Для средних грунтовых вод</option> </select> <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.2803 4.46967C10.5732 4.76256 10.5732 5.23744 10.2803 5.53033L6.53033 9.28033C6.23744 9.57322 5.76256 9.57322 5.46967 9.28033L1.71967 5.53033C1.42678 5.23744 1.42678 4.76256 1.71967 4.46967C2.01256 4.17678 2.48744 4.17678 2.78033 4.46967L6 7.68934L9.21967 4.46967C9.51256 4.17678 9.98744 4.17678 10.2803 4.46967Z" fill="#939393"></path> </svg> </div> </div> <div class="calc__top-item"> <input class="visually-hidden" type="checkbox" name="with_ground_water" id="ground_water"> <label class="switcher" for="ground_water">Высокие грунтовые воды</label> </div> </div> <div class="calc__form"> <h2 class="calc__form-title">Залповый сброс</h2> <div class="calc__form-bottom"> <div class="calc__form-groups"> <div class="calc__group"> <div class="calc__switcher"> <input class="visually-hidden" type="checkbox" name="bath" id="calc-bath" checked=""> <label class="switcher" for="calc-bath">Ванна, 200л</label> </div> <div class="calc__radios"> <input class="visually-hidden" type="radio" name="bath" value="1" id="bath-1" checked=""> <label class="radio" for="bath-1">1</label> <input class="visually-hidden" type="radio" name="bath" value="2" id="bath-2"> <label class="radio" for="bath-2">2</label> <input class="visually-hidden" type="radio" name="bath" value="3" id="bath-3"> <label class="radio" for="bath-3">3</label> </div> </div> <div class="calc__group"> <div class="calc__switcher"> <input class="visually-hidden" type="checkbox" name="toilet" id="calc-toilet" checked=""> <label class="switcher" for="calc-toilet">Унитаз, 10л</label> </div> <div class="calc__radios"> <input class="visually-hidden" type="radio" name="toilet" value="1" id="toilet-1" checked=""> <label class="radio" for="toilet-1">1</label> <input class="visually-hidden" type="radio" name="toilet" value="2" id="toilet-2"> <label class="radio" for="toilet-2">2</label> <input class="visually-hidden" type="radio" name="toilet" value="3" id="toilet-3"> <label class="radio" for="toilet-3">3</label> </div> </div> <div class="calc__group"> <div class="calc__switcher"> <input class="visually-hidden" type="checkbox" name="sink" id="calc-sink" checked=""> <label class="switcher" for="calc-sink">Раковина, 20л</label> </div> <div class="calc__radios"> <input class="visually-hidden" type="radio" name="sink" value="1" id="sink-1" checked=""> <label class="radio" for="sink-1">1</label> <input class="visually-hidden" type="radio" name="sink" value="2" id="sink-2"> <label class="radio" for="sink-2">2</label> <input class="visually-hidden" type="radio" name="sink" value="3" id="sink-3"> <label class="radio" for="sink-3">3</label> </div> </div> <div class="calc__group"> <div class="calc__switcher"> <input class="visually-hidden" type="checkbox" name="shower" id="calc-shower"> <label class="switcher" for="calc-shower">Раковина, 20л</label> </div> <div class="calc__radios"> <input class="visually-hidden" type="radio" name="shower" value="1" id="shower-1" checked=""> <label class="radio" for="shower-1">1</label> <input class="visually-hidden" type="radio" name="shower" value="2" id="shower-2"> <label class="radio" for="shower-2">2</label> <input class="visually-hidden" type="radio" name="shower" value="3" id="shower-3"> <label class="radio" for="shower-3">3</label> </div> </div> <div class="calc__group"> <div class="calc__switcher"> <input class="visually-hidden" type="checkbox" name="bidet" id="calc-bidet"> <label class="switcher" for="calc-bidet">Биде, 10л</label> </div> <div class="calc__radios"> <input class="visually-hidden" type="radio" name="bidet" value="1" id="bidet-1" checked=""> <label class="radio" for="bidet-1">1</label> <input class="visually-hidden" type="radio" name="bidet" value="2" id="bidet-2"> <label class="radio" for="bidet-2">2</label> <input class="visually-hidden" type="radio" name="bidet" value="3" id="bidet-3"> <label class="radio" for="bidet-3">3</label> </div> </div> <div class="calc__group"> <div class="calc__switcher"> <input class="visually-hidden" type="checkbox" name="jacuzzi" id="calc-jacuzzi"> <label class="switcher" for="calc-jacuzzi">Джакузи, 400л</label> </div> <div class="calc__radios"> <input class="visually-hidden" type="radio" name="jacuzzi" value="1" id="jacuzzi-1" checked=""> <label class="radio" for="jacuzzi-1">1</label> <input class="visually-hidden" type="radio" name="jacuzzi" value="2" id="jacuzzi-2"> <label class="radio" for="jacuzzi-2">2</label> <input class="visually-hidden" type="radio" name="jacuzzi" value="3" id="jacuzzi-3"> <label class="radio" for="jacuzzi-3">3</label> </div> </div> <div class="calc__group"> <div class="calc__switcher"> <input class="visually-hidden" type="checkbox" name="washer" id="calc-washer"> <label class="switcher" for="calc-washer">Стиральная машина, 50л</label> </div> <div class="calc__radios"> <input class="visually-hidden" type="radio" name="washer" value="1" id="washer-1" checked=""> <label class="radio" for="washer-1">1</label> <input class="visually-hidden" type="radio" name="washer" value="2" id="washer-2"> <label class="radio" for="washer-2">2</label> <input class="visually-hidden" type="radio" name="washer" value="3" id="washer-3"> <label class="radio" for="washer-3">3</label> </div> </div> <div class="calc__group"> <div class="calc__switcher"> <input class="visually-hidden" type="checkbox" name="dishwasher" id="calc-dishwasher"> <label class="switcher" for="calc-dishwasher">Посудомойка, 50л</label> </div> <div class="calc__radios"> <input class="visually-hidden" type="radio" name="dishwasher" value="1" id="dishwasher-1" checked=""> <label class="radio" for="dishwasher-1">1</label> <input class="visually-hidden" type="radio" name="dishwasher" value="2" id="dishwasher-2"> <label class="radio" for="dishwasher-2">2</label> <input class="visually-hidden" type="radio" name="dishwasher" value="3" id="dishwasher-3"> <label class="radio" for="dishwasher-3">3</label> </div> </div> </div> <div class="calc__sum"> <h3 class="calc__sum-title">Примерная стоимость монтажа</h3> <div class="calc__sum-price">20 000 ₽ - 24 000 ₽</div> <div class="calc__sum-desc">Точную цену можно узнать после консультации</div> <button class="button button--orange" type="button">Заказать монтаж</button> </div> </div> </div> </form> </section> <section class="sale sale--calc section-inner container"> <h2 class="section-title">Подходящие септики в нашем каталоге</h2> <div class="sale__wrap"> <div class="sale__products"> <div class="product"> <a class="product__image" href="product.html"> <picture><source srcset="png/product.webp" type="image/webp"><img src="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="png/product.webp" type="image/webp"><img src="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__order"> <h3 class="product__order-title section-title">Нужен септик для&nbsp;бизнеса?</h3> <div class="product__order-info">Наш менеджер свяжется с вами в ближайшее время</div> <form action="#"> <input type="text" class="input" placeholder="Ваше имя"> <input type="tel" class="input" placeholder="Номер телефона"> <button class="button button--orange" type="submit">Заказать звонок</button> <div class="product__order-sub">Нажимая кнопку «Заказать звонок», вы подтверждаете свое согласие на обработку <a href="#">персональных данных</a></div> </form> </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> <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="png/logo.webp" type="image/webp"><img src="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="svg/vk-social.svg" type="image/webp"><img width="46" height="46" src="svg/vk-social.svg" alt="vk"></picture> </a> <a href="#"> <picture><source srcset="svg/whatsap-social.svg" type="image/webp"><img width="46" height="42" src="svg/whatsap-social.svg" alt="whatsap"></picture> </a> <a href="#"> <picture><source srcset="svg/youtube-social.svg" type="image/webp"><img width="46" height="46" src="svg/youtube-social.svg" alt="youtube"></picture> </a> </div> </div> </div> </div> </footer> <script type="module" src="index.c09a3634.js"></script> </body> </html>