Untitled


<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Дон Монтаж</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="http://127.0.0.1:8000/css/main.css">
    <link rel="stylesheet" href="http://127.0.0.1:8000/css/media.css">
        <link rel="stylesheet" href="http://127.0.0.1:8000/css/slicknav.min.css">
    <link rel="stylesheet" href="http://127.0.0.1:8000/css/slick/slick.css">
</head>
<body>
<header>
    <h1>Дон Монтаж</h1>
    <ul class="header-menu">
        <li><a href="">О нас</a></li>
        <li><a href="">Контакты</a></li>
        <li><a href="">Отзывы</a></li>
        <li><a href="" onclick="orderCall(event);">Заказать звонок/вызвать замерщика</a></li>
    </ul>
    <div class="header-contact-block">
        <div class="phone">
            <p>+7 (499) 116-31-91 , +7 (499) 116-31-91</p>
        </div>
        <div class="timetable">
            <p>[email protected] - основная почта</p>
        </div>
    </div>
</header>
<!-- Start Navbar -->

<ul id="menu">
    <li><a href="">О нас</a></li>
    <li><a href="">Контакты</a></li>
    <li><a href="">Отзывы</a></li>
    <li><a href="" onclick="orderCall(event);">Заказать звонок/вызвать замерщика</a></li>
    <li><a href=""></a></li>
    <li><a href="">Окна/Двери ПВХ(установка)</a></li>
    <li><a href="">Окна/Двери ПВХ(ремонт)</a></li>
    <li><a href="">Кондиционеры</a></li>
    <li><a href="">Рольставни</a></li>
    <li><a href="">Москитные окна/двери</a></li>
    <li><a href="">Автоматические двери</a></li>
    <li><a href="">Жалюзи</a></li>
    <li><a href="">Потолки</a></li>
    <li><a href="">Ламинат</a></li>
    <li><a href="">Откосы/отливы</a></li>
</ul>

<nav>
    <ul>
        <li><a href="">Окна/Двери ПВХ(установка)</a></li>
        <li><a href="">Окна/Двери ПВХ(ремонт)</a></li>
        <li><a href="">Кондиционеры</a></li>
        <li><a href="">Рольставни</a></li>
        <li><a href="">Москитные окна/двери</a></li>
        <li><a href="">Автоматические двери</a></li>
        <li><a href="">Жалюзи</a></li>
        <li><a href="">Потолки</a></li>
        <li><a href="">Ламинат</a></li>
        <li><a href="">Откосы/отливы</a></li>
    </ul>
</nav><div class="content">
        <div class="slider">
        <div class="first-block">
            <div class="wrapper-content">
                <h1>Не устанавливайте окна пока не <br> позвонили нам!</h1><br>
                <p>Компания «Дон Монтаж» вот уже XX лет успешно работает на рынке пластиковых окон. Мы ценим каждого клиента! Спасибо Вам за оказанное доверие.</p>
                <form>
                    <input id="tel" type="tel" required="" placeholder="Телефон" name="phone"><br>
                    <button onclick="success(event)" id="sampleWithPromises" class="btn">Отправить заявку</button>
                </form>
                <h4>Введите номер телефона и вам перезвонят в течении 15 секунд</h4>
                <h6>Отправляя форму, Вы даете согласие на обработку своих персональных данных в соответствии с политикой конфиденциальности. Ваша информация не будет распространяться.</h6>
            </div>
        </div>
        <div class="second-block">
            <div class="wrapper-content">
                <h1>Такие-то окна по цене<br>обычных!</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est perspiciatis quidem ex aperiam corporis. Eum accusamus, nostrum aut itaque autem tenetur quos, reprehenderit amet soluta perspiciatis ullam, maiores, laborum repellat.</p>
                <a href="">Подробнее</a>
            </div>
        </div>
        <div class="second-block">
            <div class="wrapper-content">
                <h1>Такие-то окна по цене<br>обычных!</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est perspiciatis quidem ex aperiam corporis. Eum accusamus, nostrum aut itaque autem tenetur quos, reprehenderit amet soluta perspiciatis ullam, maiores, laborum repellat.</p>
                <a href="">Подробнее</a>
            </div>
        </div>
    </div>
    <!-- End Slider -->
    <!-- Steps Container -->
    <div class="steps-container">
        <h1 class="steps-container-title">ЭТАПЫ МОНТАЖА</h1>
        <h4>Специалисты компании «Дон Монтаж» <br>выполняют монтаж пластиковых окон в следующей<br> последовательности:</h4>
        <hr>
        <div class="steps">
            <div class="step">
                <div class="number-container">
                    <span>1.</span>
                </div>
                <div class="text-container">
                    <h1>ПОДГОТОВКА ПОМЕЩЕНИЯ</h1>
                    <p>Отодвигают (убирают) или защищают полиэтиленовой пленкой мебель, напольные покрытия, декор. Подготавливается рабочее место.</p>
                </div>
            </div>
            <div class="step">
                <div class="number-container">
                    <span>2.</span>
                </div>
                <div class="text-container">
                    <h1>ДЕМОНТАЖ СТАРЫХ КОНСТРУКЦИЙ</h1>
                    <p>Выполняется демонтаж старых окон (деревянных или пластиковых).</p>
                </div>
            </div>
            <div class="step">
                <div class="number-container">
                    <span>3.</span>
                </div>
                <div class="text-container">
                    <h1>ПОДГОТОВКА ПРОЕМА</h1>
                    <p>Выравнивается поверхность проема, заделываются швы, трещины, удаляется пыль и грязь.</p>
                </div>
            </div>
            <div class="step">
                <div class="number-container">
                    <span>4.</span>
                </div>
                <div class="text-container">
                    <h1>ПОДГОТОВКА НОВЫХ ОКОН</h1>
                    <p>На данном этапе наносится разметка на раму, высверливаются отверстия для крепежных элементов. Также непосредственно перед установкой окно выставляется по уровню.</p>
                </div>
            </div>
            <div class="step">
                <div class="number-container">
                    <span>5.</span>
                </div>
                <div class="text-container">
                    <h1>НЕПОСРЕДСТВЕННО МОНТАЖ</h1>
                    <p>Выполняется установка новых окон, заделка всех щелей монтажной пеной</p>
                </div>
            </div>
            <div class="step">
                <div class="number-container">
                    <span>6.</span>
                </div>
                <div class="text-container">
                    <h1>УСТАНОВКА ЭЛЕМЕНТОВ ОКОННОЙ СИСТЕМЫ</h1>
                    <p>Мастера устанавливают отливы, внутренний подоконник, регулируют и монтируют фурнитуру.</p>
                </div>
            </div>
        </div>
    </div>
    <!-- End Steps Container -->
    <!-- Start Why Us -->
    <div class="why-us">
        <h1 class="why-us-title">Почему именно мы?</h1>
        <div class="reasons">
            <div class="reason">
                <div class="section-box">
                    <h1>Большой опыт</h1>
                    <p>Большой опыт монтажа пластиковых окон. Мы осуществляем производство и монтаж пластиковых окон с xxxx года. В месяц мы производим не менее 20 тысяч оконных и балконных систем, а потому знаем толк в изготовлении и монтаже металлопластиковых систем.</p>
                </div>
            </div>
            <div class="reason">
                <div class="section-box">
                    <h1>Высокое качество</h1>
                    <p>Высокое качество оконных систем и монтажных работ. Компания Дон Монтаж имеет.............................................(награды)............... непосредственно от производителя профильных систем REHAU — все это гарантирует высокое качество самих оконных систем и работ по их установке.</p>
                </div>
            </div>
            <div class="reason">
                <div class="section-box">
                    <h1>Гарантия производителя</h1>
                    <p>На все окна Петербурга производство и установка выполняются с официальной гарантией производителя. При необходимости вы всегда сможете обратиться к нашим специалистам для гарантийного ремонта.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="work-examples-container">
        <h1 class="work-examples-title">Примеры работ</h1>
        <div class="examples">
            <img src="http://127.0.0.1:8000/examples/1.jpg" alt="">
            <img src="http://127.0.0.1:8000/examples/2.jpeg" alt="">
            <img src="http://127.0.0.1:8000/examples/3.jpg" alt="">
            <img src="http://127.0.0.1:8000/examples/4.jpeg" alt="">
            <img src="http://127.0.0.1:8000/examples/5.jpg" alt="">
            <img src="http://127.0.0.1:8000/examples/6.jpg" alt="">
            <img src="http://127.0.0.1:8000/examples/7.jpg" alt="">
            <img src="http://127.0.0.1:8000/examples/8.jpg" alt="">
        </div>
    </div>
    <div class="service-order">
        <form class="service-order-form">
            <div class="left-block">
                <label for="name">Имя</label>
                <input type="text" id="name" name="name" placeholder="Имя">
                <label for="email">Email</label>
                <input type="email" id="email" name="email" placeholder="Email">
                <label for="phone">Телефон</label>
                <input type="tel" id="phone" required="" name="phone" placeholder="Телефон">
                <label style="word-wrap:break-word">
                    <input id="checkid" type="checkbox" value="test" />
                    <p>Для отправки данных необходимо дать согласие на обработку персональных данных</p>
                </label>
            </div>
            <div class="right-block">
                <label for="message">Сообщение</label>
                <textarea id="services_message" name="message" cols="30" rows="12" class="sm-form-control"></textarea>
                <p>После отправления заявки менеджер свяжется с вами для уточнения деталей заказа</p>
                <button>Отправить заказ</button>
            </div>
        </form>
    </div>
    </div>
</div>


<footer class="footer-distributed">
    <div class="footer-left">
        <h3>Дон<span>Монтаж</span></h3>
        <p class="footer-links">
            <a href="#">О нас</a>
            ·
            <a href="#">Контакты</a>
            ·
            <a href="#">Отзывы</a>
            ·
            <a href="" onclick="orderCall(event);">Заказать звонок/вызвать замерщика</a>
        </p>
        <p class="footer-company-name">Дон Монтаж &copy; 2019</p>
    </div>
    <div class="footer-center">
        <div>
            <i class="fa fa-map-marker"></i>
            <p><span>21 Revolution Street</span> Paris, France</p>
        </div>
        <div>
            <i class="fa fa-phone"></i>
            <p>+7 (499) 116-31-91 , +7 (499) 116-31-91</p>
        </div>
        <div>
            <i class="fa fa-envelope"></i>
            <p><a class="email-icon" href="mailto:[email protected]">[email protected]</a></p>
        </div>
    </div>
    <div class="footer-right">
        <p class="footer-company-about">
            <span>О Нашей компании</span>
            Lorem ipsum dolor sit amet, consectateur adispicing elit. Fusce euismod convallis velit, eu auctor lacus vehicula sit amet.
        </p>
        <div class="footer-icons">
            <a href="#"><i class="fa fa-vk"></i></a>
            <a href="#"><i class="fa fa-odnoklassniki"></i></a>
            <a href="#"><i class="fa fa-instagram"></i></a>
            <a href="#"><i class="fa fa-github"></i></a>
        </div>
    </div>
</footer>
    <script src="https://yastatic.net/jquery/3.3.1/jquery.min.js"></script>
    <script src="http://127.0.0.1:8000/js/slick.min.js"></script>
    <script src="http://127.0.0.1:8000/js/jquery.slicknav.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
    <script src="http://127.0.0.1:8000/js/main.js"></script>
    <script src="http://127.0.0.1:8000/js/modal.js"></script>


</body>
</html>