Необходимо заверстать посадочную и типовую страницу сайта.

Предоставляется десктоп-версия макетов в Photoshop. Мобильную и планшетную версию дизайнер не подготовил, по-этому адаптив на ваше усмотрение, но требуется обязательно.

Требования:
— Адаптив (320 и 768 px)
— БЭМ
— SCSS
— Flexbox
— jQuery
— JS и CSS не минифицируем.
— SVG, где возможно экспортировать из макета
— PNG@X2, в остальных случаях
— JPG@X1, для фото
— Конвертировать и подключить приложенные к макету шрифты
— Валидировать по https://validator.w3.org/

Желательно:
— Mobile First
— Gulp 4
— Оптимизация изображений

По вашему усмотрению:
— Bootstrap (но с макс. контейнером в 960px)
— SlickSlider

Превью страниц во вложении.

Основной функционал:
— Главная посадочная страница
— Фиксированная шапка с выпадающей навигацией
— Карусель с фото и текстовым блоком
— Табы с кузовом и салоном автомобиля
— Тултипы с описанием при нажатии на +
— Формы обратной связи
— Яндекс.Карта (JS API)
— Типовая страница услуг
— Боковое меню навигации
— Аккордеон-табы с услугами
— Табы с прайс-листами
— Модальное окно при нажатии кнопки «Заказать»
— Модальное окно с формой
— Модальное окно «Спасибо»

Анимация аккордеон-табов с услугами:

1. При свернутом блоке, картинка в заголовке — ЧБ. Слово «Подробнее» скрыто.
2. При наведении и активном блоке, картинка в заголовке цветная и и появляется слово «Подробнее».

По модальным окнам:
Они не нарисованы, но необходимо заверстать стандартный набор полей: Заголовок, Имя*, Телефон*, E-mail (необязательный), Чек-бокс пользовательского соглашения.
+ добавляем скрытое поле в которое добавляется заголовок блока в котором была нажата кнопка «Заказать».

Текст модально окна «Спасибо»: Спасибо за заявку мы с вами свяжемся в ближайшее время.

Исходники отправим исполнителю на почту.

От вас ссылки на пару ваших лучших работ.

Срок выполнения вёрстки — 5 рабочих дней.