Хедер и футер

1. Эталонный тизер

При создании промостраницы рекомендуем использовать Базовый макет. В нем собраны пресеты всех основных блоков, в том числе и эталонный тизер.

Скачать базовый макет

2. Выбор региона

Этот элемент размещается вверху страницы и позволяет настроить регион. Пользователю предлагается уточнить его или подтвердить выбранный.

<div class="ask-for-region"> 
 <div class="container"> 
  <span class="ask-for-region__caption js-region-selector">Ваш регион – 
  <span class="js-region-current-name">Москва</span>
  <span class="js-location-q">?</span> 
 </span> 
 <button class="js-confirm-city js-gtm-event js-location-q yes" data-event="confirmRegion" data-event-location="ask-for-region"> 
  <span class="ico icon-check-mark"></span> 
  <span>Верно</span> </button> 
 <button class="change-region-button js-gtm-event js-region-selector" data-event="chаngeRegion" data-event-location="ask-for-region"> 
  <span class="ico icon-close"></span> 
  <span class="change-region-button__title">Изменить 
    <span class="change-region-button__title_long">регион</span> 
  </span> 
 </button> 
</div> 
</div>

3. Футер с номерами

Данная разновидность футера используется в случаях, когда необходимо разместить номера телефонов службы поддержки. Он отличается своей архитектурой от обычного футера, задаваемого простым текстом с заливкой фона.

<section class="footer">
  <div class="container">
    <div class="footer-copyrights"></div>
    <div class="footer-contacts"></div>
  </div>
</section>