Сверстать главную страницу сайта по макету

Краткое описание концепции верстки

1. Верстку макета осуществляем в концепции perfect pixel c максимальным расхождением в 3-5px.
   
2. Лишний код, лишние стили должны отсутствовать.
   
3. При верстке используем только чистый javascript, без подключения тяжелых библиотек.
   
4. Доступно использование swiper.
   
5. Верстка по БЭМ, блоки должны быть переиспользуемы на других страницах (будут высланы скринами).
   
6. Все интерактивные элементы должны работать.
   
   
   1. Выпадающее меню.
      
   2. Выбор города.
      
   3. Бургер меню.
      
   4. Кейсы.
      
   5. Блог.
      
7. Ссылки должны быть ссылками (tel:, mailto:).
   
8. Проверку форм делать с помощью html 5.
   
9. h1 на каждой странице должен быть только 1.
   
10. Для других типов заголовков использовать классы. Использовать так, чтобы их можно быть без лишних правок заменить на тег div и ничего не поехало.
    
11. Использовать отступы снизу и справа, для безопасности от схлопывания.
    
12. Макеты должны быть сверстаны для удобной интеграции верстки в 1С-Битрикс (например, элементы с выводом в цикле).
    

Работа функционала

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

1. При выборе города меняем контактную информацию в шапке
   

Взаимодействие