Вводная: Макеты в файле .sketch + шрифты в .otf. Верстаем адаптивно: от 1920 до 1280 – резина, 1279 и меньше – по адаптивно-фиксированным контейнерам бутстрап4. По возможности для блочных элементов используем .row + .col. Подключаем отдельным файлом сетку бутстрап. При построении блочных элементов не используем сторонних библиотек аля мансори и прочих подобных. Для открытия модалки и полноразмерных картинок используем штатный фенсибокс 3 (подключаем отдельным файлом js и css). Для слайдеров используем slick-slider (также подключаем отдельно). Верстается 3 страницы: Главная с макета, товар с макета (в товаре 3 вкладки, есть в макетах), вторичка (макет "фильтр каталога" + макет "стили"). Также верстается выпадающее меню по бургеру + модалка. На все ссылки и интерактивные элементы добавляем ховеры.
Макеты
Бриф постранично.
Главная.
1. Первый экран. Все кроме лого, бургера, слогана, контактов, кнопки заказа звонка и соцсетей (= вся верхняя линия) – это слайдер. Кнопки перемотки слайдера справа снизу на этом экране.
2. Экран хиты продаж – слева ссылки табов, справа (анонсы) – контент табов. Весь анонс проекта = ссылка. При резине ширина анонса будет меняться, так что для картинки анонса задаем object-fit: cover для сохранения пропорций картинки.
3. Карта построенных объектов – просто покдключаем карту, на css делаем ее серой и произвольно добавляем 1 иконку. Вывод всех иконок будет программный. Анонсы построенных домов на карте – слайдер, элементы управления по бокам. Весь анонс построенного объекта = ссылка. У всех картинок анонсов для лбой ширины должны сохраняться пропорции как и в каталоге.
Товар.
1. Картинки проекта. При клике на превью слева меняется большая картинка справа (делаем штатным функционалом на slick-slider). При клике на большую картинку она открывается в фенсбокс3-окне.
2. Блок с комплектациями. сверху (комплектации, допюуслуги, фундаменты, подарки) – ссылки табов, ниже – контент табов. Внутри первого таба комплектации свои табы (дачный, всесезонный, пмж = ссылки табов). Каждая вкладка есть в макетах.
3. Блок фото строительства этого объекта. Слайдер, элементы управления по бокам.
Остальные макеты.
Все визуально понятно, поведение описывать не нужно =)
Прошу дать цену и сроки.