207 lines
10 KiB
HTML
207 lines
10 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Газобетонные блоки напрямую от производителя в Томске | Вектор</title>
|
||
<meta name="description" content="SEO Description">
|
||
<link rel="shortcut icon" href="assets/img/favicon.ico?v=1.0">
|
||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
|
||
|
||
<link rel="stylesheet" href="assets/css/gp-style-core.css?v=1.0">
|
||
<link rel="stylesheet" href="assets/css/gp-style-desktop.css?v=1.0">
|
||
|
||
<link rel="stylesheet" media="screen and (max-width: 992px)" href="assets/css/gp-style-tablet.css?v=1.0">
|
||
<link rel="stylesheet" media="screen and (max-width: 576px)" href="assets/css/gp-style-mobile.css?v=1.0">
|
||
</head>
|
||
|
||
<body>
|
||
<div id="preloader" class="preloader">
|
||
<div class="preloader__icon">
|
||
</div>
|
||
</div>
|
||
<header class="header">
|
||
<div class="header__container container flex flex-ac flex-jcsb">
|
||
<div class="header__logo flex flex-ac gap-24">
|
||
<img src="assets/img/logo.webp" width="84" height="64" alt="Официальный представитель завода СИБИТ в Томске">
|
||
<p>Официальный представитель завода СИБИТ в Томске</p>
|
||
</div>
|
||
<div class="header__contacts flex flex-ac gap-42">
|
||
<div class="header__socials flex flex-ac gap-10">
|
||
<a href="https://t.me/+79234352557" target="_blank" class="header__socials-link">
|
||
<img src="assets/img/tg.svg" width="27" height="27" alt="Мы в Telegram" title="Мы в Telegram">
|
||
</a>
|
||
<a href="https://wa.me/+79234352557" target="_blank" class="header__socials-link">
|
||
<img src="assets/img/wh.svg" width="27" height="27" alt="Мы в Whatsapp" title="Мы в Whatsapp">
|
||
</a>
|
||
</div>
|
||
<a href="tel:+79234352557" class="header__tel" title="Позвоните нам">+7 (923) 435 25 57</a>
|
||
<button class="btn btn-small modal__btn" data-modal="request">
|
||
<p>Обратный звонок</p>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<main>
|
||
<section class="section hero">
|
||
<div class="section__container container">
|
||
<div class="hero__content">
|
||
<div class="hero__leftside">
|
||
<div class="hero__title">
|
||
<h1><b>Газобетонные блоки</b> напрямую от производителя в Томске.</h1>
|
||
</div>
|
||
<div class="hero__desc">
|
||
<p><b>Любой объем</b>, доставка от 1 дня</p>
|
||
</div>
|
||
<div class="hero__price">
|
||
<div class="hero__price-header">
|
||
<span>Акция месяца</span>
|
||
<p><b>Только до 30.09</b> розница по оптовым ценам</p>
|
||
</div>
|
||
<div class="hero__price-content">
|
||
<div class="hero__price-stock">
|
||
<span>от 5999 руб/м3</span>
|
||
<p>от 4999 руб/м3</p>
|
||
</div>
|
||
<div class="hero__price-unit">
|
||
<p>за 1 поддон</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="hero__rightside">
|
||
<div class="hero__form">
|
||
<div class="hero__form-title">
|
||
<p><b>Оставьте заявку</b>, чтобы рассчитать и зафиксировать стоимость</p>
|
||
</div>
|
||
<div class="hero__form-action">
|
||
<form class="generalform" id="generalform" action="">
|
||
<select name="types" id="types" required>
|
||
<option value disabled selected>Выберите тип блока</option>
|
||
<option value="Стеновые блоки">Стеновые блоки</option>
|
||
<option value="Перемычки">Перемычки</option>
|
||
<option value="Плиты">Плиты</option>
|
||
</select>
|
||
<select name="quantity" id="quantity" required>
|
||
<option value disabled selected>Укажите количество</option>
|
||
<option value="1-5 м3">1-5 м3</option>
|
||
<option value="5-10 м3">5-10 м3</option>
|
||
<option value="10-50 м3">10-50 м3</option>
|
||
<option value="50-100 м3">50-100 м3</option>
|
||
<option value="Более 100 м3">Более 100 м3</option>
|
||
</select>
|
||
<input type="tel" id="tel" name="tel" value="" placeholder="+7 (____) ___-__-__" required>
|
||
<button class="btn btn-big">Забронировать стоимость</button>
|
||
</form>
|
||
</div>
|
||
<div class="hero__form-gift">
|
||
<p>При заказе до 08.09</p>
|
||
<ul>
|
||
<li>пенополистирол в подарок</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="hero__advantages">
|
||
<div class="hero__advantages-item">
|
||
<div class="hero__advantages-icon">
|
||
<img src="assets/img/advantages_icon1.svg" width="40" height="40" alt="Гарантия 50 лет">
|
||
</div>
|
||
<p>Гарантия 50 лет</p>
|
||
</div>
|
||
<div class="hero__advantages-item">
|
||
<div class="hero__advantages-icon">
|
||
<img src="assets/img/advantages_icon2.svg" width="40" height="40" alt="Выгрузка кран/манипулятор">
|
||
</div>
|
||
<p>Выгрузка с помощью</br>крана/манипулятора</p>
|
||
</div>
|
||
<div class="hero__advantages-item">
|
||
<div class="hero__advantages-icon">
|
||
<img src="assets/img/advantages_icon3.svg" width="40" height="40"
|
||
alt="Доставка от 1го дня по Томску и области до вашего объекта">
|
||
</div>
|
||
<p>Доставка от 1го дня по Томску и области до вашего объекта</p>
|
||
</div>
|
||
<div class="hero__advantages-item">
|
||
<div class="hero__advantages-icon">
|
||
<img src="assets/img/advantages_icon4.svg" width="38" height="38"
|
||
alt="Большой ассортимент всегда в наличии">
|
||
</div>
|
||
<p>Большой ассортимент всегда в наличии</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<footer class="footer">
|
||
<div class="footer__container container">
|
||
<div class="footer__top">
|
||
<div class="footer__logo flex flex-ac gap-24">
|
||
<img src="assets/img/footer-logo.webp" width="84" height="64"
|
||
alt="Официальный представитель завода СИБИТ в Томске">
|
||
<p>ООО "Вектор"<br />Официальный дистрибьютор бренда Сибит в Томске и области</p>
|
||
</div>
|
||
<div class="footer__address">
|
||
<p>г. Томск ул. Карла Маркса 63</p>
|
||
</div>
|
||
<div class="footer__contacts">
|
||
<a href="tel:+79234352557" class="footer__tel" title="Позвоните нам">+7 (923) 435 25 57</a>
|
||
<div class="footer__socials flex flex-ac gap-10">
|
||
<a href="https://t.me/+79234352557" target="_blank" class="footer__socials-link">
|
||
<img src="assets/img/tg-white.svg" width="27" height="27" alt="Мы в Telegram" title="Мы в Telegram">
|
||
</a>
|
||
<a href="https://wa.me/+79234352557" target="_blank" class="footer__socials-link">
|
||
<img src="assets/img/wh-white.svg" width="27" height="27" alt="Мы в Whatsapp" title="Мы в Whatsapp">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer__bottom">
|
||
<p>© VEKTOR.RU Все права защищены</p>
|
||
<a href="#" target="_blank">Политика конфиденциальности</a>
|
||
<a href="#" class="modal__btn" data-modal="bank">Реквизиты компании</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<section class="modal" data-id="request">
|
||
<div class="modal__close"></div>
|
||
<div class="modal__content">
|
||
<div class="modal__title">
|
||
<p><b>Оставьте заявку</b>, и мы перезвоним в течение 5ти минут</p>
|
||
</div>
|
||
<div class="modal__form" id="modalform">
|
||
<form action="" id="request">
|
||
<input type="text" id="request_name" name="request_name" value="" placeholder="Введите имя" required="">
|
||
<input type="tel" id="request_tel" name="request_tel" value="" placeholder="+7 (____) ___-__-__" required="">
|
||
<button class="btn btn-big">Оставить заявку</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="modal" data-id="success">
|
||
<div class="modal__close"></div>
|
||
<div class="modal__content">
|
||
<div class="modal__title">
|
||
<p><b>Спасибо за обращение!</p>
|
||
</div>
|
||
<p style="text-align:center;">Наш специалист свяжется с вами в ближайшее рабочее время</p>
|
||
</div>
|
||
</section>
|
||
<section class="modal" data-id="bank">
|
||
<div class="modal__close"></div>
|
||
<div class="modal__content">
|
||
<span>Реквизиты компании:</span>
|
||
<p>ИП Созыкина Лариса Александровна</p>
|
||
<p>701404455332</p>
|
||
<p>г. Томск ул. Карла Маркса 63</p>
|
||
</div>
|
||
</section>
|
||
<div id="modal__bg"></div>
|
||
</body>
|
||
<script defer src="assets/js/script.js"></script>
|
||
<script defer src="send/ajax.js"></script>
|
||
|
||
</html> |