//= header.html

<div class="container">
  <div class="row">
    <div class="col page-title">
        <div class="breadcrumbs">
          <span class="breadcrumbs__item"><a href="#">Главная</a></span>
          <span class="breadcrumbs__arrow">&gt;</span>
          <span class="breadcrumbs__item">Запись на тест-драйв</span>
        </div>
    </div>
  </div>
</div>

<section class="bg-white">
  <div class="container">
    <div class="row section_independent">
      <div class="col-xxl-7 col-lg-6 col-12">
        <div class="headline-block headline-block_drive headline-block_margin pb-5">
          <h5 class="headline-block__subtitle">Услуга</h5>
          <h1 class="headline-block__title">Запишитесь <br>на тест-драйв!</h1>
          <p class="headline-block__description headline-block__description_ganondorf">Текст о&nbsp;записи на&nbsp;тест-драйв. Да, конечно, вы&nbsp;можете приехать к&nbsp;нам в&nbsp;офис протестировать оборудование. Для этого нужно предварительно связаться с&nbsp;нашими менеджерами по&nbsp;телефонам&nbsp;<nobr class="phone"><a href="tel:+74954803150" class="text-nowrap">+7 (495) 480-31-50</a>,</nobr> <a href="tel:+74954803150" class="text-nowrap"><nobr class="phone">589-80-98</nobr></a> или заполнить форму обратной связи на&nbsp;сайте, чтобы уточнить наличие оборудования на&nbsp;нашем складе, а&nbsp;также время посещения. В&nbsp;некоторых случаях вам может быть предложено съездить в&nbsp;офис к&nbsp;дилерам.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="test-drive">
  <div class="container">
    <div class="row section_independent brand-list">
      <div class="col-xl-7 col-lg-6 col-12">
        <div class="headline-block headline-block_brand headline-block_margin headline-block_light">
          <h5 class="headline-block__subtitle">Бренды</h5>
          <h1 class="headline-block__title">Что можно протестировать?</h1>
          <p class="headline-block__description">Возможность тест-драйва предоставляется для продукции следующих брендов:</p>
        </div>
        <div class="row brand-list__inner ml-xxl-6 ml-n2">
          //= fragments/brand-list__item.html
          //= fragments/brand-list__item.html
          //= fragments/brand-list__item.html
          //= fragments/brand-list__item.html
          //= fragments/brand-list__item.html
          //= fragments/brand-list__item.html
        </div>
      </div>
      <div class="col-xxl-4 offset-xxl-1 col-xl-5 col-lg-6 col-12 px-0 px-sm-2">
        <div class="attention-sign attention-sign_floating">
          <h2 class="attention-sign__title">Что нужно для записи на тест-драйв</h2>
          <ul class="attention-sign__list">
            <li>Отправить заявку на сайте или позвонить по телефонам менеджеров</li>
            <li>Рассказать, какое оборудование вы бы хотели протестировать и когда</li>
            <li>Получить подтверждение и приехать на тестирование к нам или нашим дилерам</li>
          </ul>
          <div class="d-flex justify-content-center"><a href="#" class="button button_secondary"><span>Оставить заявку</span> </a></div>
          
        </div>
      </div>
    </div>
  </div>
</section>
<section class="bg-white">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-xxl-8 mt-n12 mb-12 px-0 px-sm-2">
        <div class="attention-sign pb-2">
          <h1 class="attention-sign__title">Оставьте заявку<br> на&nbsp;тест-драйв оборудования</h1>
          <div class="form_snake">
            <div class="row">
              <div class="col-md-6 col-12">
                <input type="text" class="form-control" id="your-name" placeholder="Ваше имя*">
              </div>
              <div class="col-md-6 col-12">
                <input type="text" class="form-control" id="your-phone" placeholder="Номер контактного телефона*">
              </div>
            </div>
            <input type="text" class="form-control" id="your-email" placeholder="E-mail*">
            <textarea class="form-control" id="your-message" placeholder="Сообщение (необязательно)" rows="4"></textarea>
            <div class="d-flex justify-content-center mt-4 mb-6"><button type="submit" name="button" class="button button_secondary"><span>Отправить заявку</span></button></div>
            <div class="custom-control custom-checkbox">
              <input type="checkbox" class="custom-control-input" id="policy">
              <label class="custom-control-label" for="policy">Я принимаю условия <a href="#">Политики конфиденциальности</a>.</label>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="promotion-section promotion-section_front">
  <div class="container">
    <div class="row section_independent">
      <div class="col-xl-4 col-md-6">
        <div class="headline-block headline-block_margin">
          <h5 class="headline-block__subtitle">Услуги</h5>
          <h1 class="headline-block__title">Рассчитаем ваш проект!</h1>
          <p class="headline-block__description">Заполните экспресс-форму и&nbsp;получите бесплатный расчет стоимости своего проекта.</p>
          <a href="#" class="button button_primary headline-block__button"><span>Узнать больше</span></a>
        </div>
      </div>
      <div class="col-xl-4 col-md-6">
        <img src="images/magazine.png" alt="" class="promotion-section__image">
      </div>
      <div class="col-xl-4 d-none d-xl-block">
        <div class="promotion-section__advice promotion-section__advice_upper">
          <p class="promotion-section__number promotion-section__number_upper">01</p>
          <p class="promotion-section__description promotion-section__description_upper">Вам не&nbsp;придется тратить время на&nbsp;самостоятельный <span>подбор конкретных наименований.</span></p>
        </div>
        <div class="promotion-section__advice promotion-section__advice_lower">
          <p class="promotion-section__number promotion-section__number_lower">02</p>
          <p class="promotion-section__description promotion-section__description_lower">Вы&nbsp;увидите оптимальную подборку оборудования, <span>отвечающую требованиям конкретного проекта.</span></p>
        </div>
      </div>
    </div>
  </div>
</section>

//= footer.html