Макет:
Из данных макетов делаем только 1 и 3, они идентичные, отличаются только фотографиями салона, адресами и метками на картах.
Сайт:
Шапка сайта и футер свёрстаны, нужна вёрстка контентной области
Вёрстка должна быть адаптивной. При адаптации блок с контактами должен быть выше галереи с картинкам.
Там где картинки должна быть bootstrap карусель в модальном окне, по факту она на сайте есть (её код в футоре).
Картинки выводимые на странице должны быть того же размера, как выглядят визуально, то есть мы не уменьшаем картинки стилями в десктоп версии.
Сам шаблон сделан на bootstrap , блоки должны адаптироваться под планшеты и мобильные телефоны.
При клике по любой из этих картинок открывается модальное окно, с каруселью:
Работу модального окна, можно посмотреть тут:
Скрин:
Таблица с ценами должна переключатся, при клике на пункты рядом, в адаптации вместо этой таблицы выводим акардион.
При клике по кнопкам записаться должна открываться форма на запись, сам форма уже есть, просто в эти кнопки нужно вставить соответствующие ссылки с нужными параметрами и классами, ссылки можно взять на главной странице в блоках с контактами: . Нужно учитывать, что для каждого салона своя ссылка на запись.
На каждой из страниц контакты должны быть размещена соответствующая яндекс карта с нужной меткой, сами карты тоже есть (они скрыты в футоре)
Нужно с натяжкой, но там по сути делает это через шаблоны страниц WordPress.
Сами страницы созданы:
Пути до шаблонов:
Опубликован 03.04.2019 в 16:52