Скопировать блок сайта
Требуется скопировать один блок с главной страницы сайта avtovishkin24.ru, а именно часть между главным меню и формой заказа.
Результат работы должен повторять дизайн и функционал оригинала, а именно:
1. Стилизованный select:
- выпадение списка по hover;
- 2-строчные option; выравнивание по левому краю;
- активный option отцентрирован.
2. "Циферблаты"
На самом деле это набор картинок 4-х типов. Набор картинок зависит от выбранной опции выпадающего списка.
3. Слайд-шоу (в оригинале сделано на slick (http://kenwheeler.github.io/slick/ ):
-3 изображения на экран
- боковые изображения меньше центрального и затемнены:
- без автостарта;
- управление графическими кнопками и протяжкой мыши;
4. "Низ"
- стоимость аренды и кнопка "Заказать". Стоимость аренды определяется выбранной опцией выпадающего списка. На кнопку "Заказать" ничего вешать не нужно.
Исходные данные желательно хранить в JSON.
ВАЖНО: при выборе опции выпадающего списка слайд-шоу автоматически прокручивается к соответствующему слайду и наоборот: при ручной смене слайда меняется активная опция выпадающего списка. В любом случае меняются "циферблаты" и стоимость аренды внизу.
Выполненная работа должна представлять собой набор файлов html, css, js и изображений. НЕ применять Bitrix (оригинальный сайт сделан на нём) и/или другие CMS – только хардкор. НЕ применять JS-фреймворки, кроме jQuery версии не выше 1.12.4 (желательно). НЕ применять CSS-фреймворки, кроме Twitter Bootstrap версии не выше 3.3.7 (желательно). ПОЖАЛУЙСТА, НЕ ТАЩИТЕ полностью HTML, CSS и JS-файлы с оригинального сайта, только необходимые стили, скрипты, разметку!
Результат должен автономно работать в браузере.