Верстка главной (адаптивно) + две страницы (980px)
Необходима верстка для интернет магазина. Есть макет в PSD с отрисованным раскрытием/закрытием элементов. Все иконки в макете в SVG.
Нужно сверстать:
– Главная – адаптивно (в PSD отрисованы разрешения 1280, 980, 768, 320).
– Второстепенные страницы - верстаем только в одном разрешении (PSD 980).
– 1. Форма заказа – верстаем со всеми полями.
– 2. "Общие сведения" – картинки как в макете располагать не надо, просто 3 в ряд.
Из интерактива необходимо сверстать:
- выпадение/раскрытие меню,
- карусели, слайдер на главной (требование использовать slick),
- плашку "Заказать звонок" по наведении мышкой,
- всплывающие окошки подтверждения (2 штуки) в форме заказа.
В макете еще есть стилизованный онлайн консультант - его верстать НЕ НАДО.
Технические моменты:
1. Верстка должна включать bootstrap 3 css/js и быть на 100% совместимой с ним, так как в дальнейшем при разработке элементы bootstrap будут использоваться. Bootstrap должен быть подключен с CDN.
2. Верстать на bootstrap или не на bootstrap - на усмотрение верстальщика.
3. Поддерживаемые браузеры/устройства – последние версии браузеров, включая IE11/EDGE.
4. Нужно разбить стили на отдельные файлы:
* reset.css - глобальные установки (normalize, reset, типографика);
* layout.css - общий макет страницы;
* global.css - общие для всех страниц стили;
* имя_страницы.css - отдельный файл для персональных стилей страницы.
Мы поддерживаем sass/postcss, если для вас это будет удобно. Предпочтительна верстка на PostCSS с приложенным gulpfile.
Макет - не истина в последней инстанции, если что-то отрисованное в макете кажется заморочным - пишите, скорее всего задачу можно будет упростить.
Требуется оперативная связь в процессе работы.