Вёрстка сайта по шаблону

У нас нет исходника, а есть только:

- пример сайта (шаблон)

- и ТЗ на его "переделку"

ИСХОДНИК:

http://preview.themeforest.net/item/gluson-digital-theme-for-woocommerce-wordpress/full_screen_preview/25325539?_ga=2.27804156.1503018509.1650272654-597915999.1650272654

Наши цвета:

#373d95 - синий

#ee3b49 - красный

#727272 - серый

Шрифт:

avanti

ВОТ ТЗ НА ГЛАВНУЮ СТРАНИЦУ (потом по таким же тз делаем внутренние страницы):

АДАПТАЦИЯ

1. Шапка:

https://skr.sh/sDXnqb01pTA?a - исходник

https://skr.sh/sDXl893mysB?a - адаптация

кнопка "каталог":

https://skr.sh/sDXu3B0GUKr?a - работает аналогично, как в шаблоне, список разделов:

- ТСД

- Аксессуары

- ПО

- Новинки и акции

кнопка меню с подразделами, пример - кнопка "О компании":

https://skr.sh/sDXesiinvpR?a - работает аналогично, как в шаблоне, список разделов:

- Кейсы и отзывы

- Сертификаты

https://skr.sh/sDXzVeyIeoo?a - ховеры #373d95

https://skr.sh/sDXuYEJwDiJ?a - ховеры не нужны

https://skr.sh/sDXKtGKDBeS?a - при клике выводим поле для поиска

https://skr.sh/sDXFZ3T4Vc6?a - при клике выводим форму для заявки

Форма для заявки:

- поля: Имя, Телефон*, Email, Город, Сообщение

- чек-бокс и текст про политику (я ознакомлен с политикой конфиденциальности)

- кнопка "Отправить" в стиле сайта (скруглённые края, цвет #373d95, шрифт белый)

2. Слайдер и блок с акционными товарами

речь про него: https://skr.sh/sDY9w1sFj5j?a

что нужно поменять:

- упросить анимацию в главном слайдере

- кнопка останется одна: https://skr.sh/sDYfU1SKEqO?a

- https://skr.sh/sDYtuVbzmy6?a - вот эти баннеры я хочу сделать картинками

3. Карусель с товарами: https://skr.sh/sDYD45g79tH?a

- оставляем 3 вкладки: Терминалы сбора данных, Аксессуары, Програмное обеспечение

- убираем лишние элементы - рейтинг, избранное, сравнение

- цены прописываем в Руб. (ставим их после цены)

- заменем кнопку на "Подробнее": https://skr.sh/sDY4u5ci8hD?a

- и лично не мне понравилось, что в шаблоне управляюшие элементы в карусели видны тлько при наведении... https://skr.sh/sDYwSmVCPCy?a - может их сделать видимыми по умолчанию?

всего на сайте будет в типа стикеров:

- Акция (красный, #ee3b49)

- Новинка (синий, #373d95)

4. Блок с формой для перехвата

https://skr.sh/sDYkuMsD33c?a - блок, который в левой части содержит текст с заголовоком, а в правой такую же фому для вопросов, которую мы делали в модалке шапки

5. Информация о компании

Следующий блок мы берём со страницы: http://gluson.mallthemes.com/about-us/

https://skr.sh/sDYAj1eI5rm?a - вот этот блок переносим целиком, как есть

6. Следующий блок изображаю схематически, в вёртску его пока можно добавить, как 2 прямоугольника:

https://skr.sh/sDY4cSVBZ7V?a

- слева будет баннер

- справа будет интерактивная карта

7. Блок "Партнёры" - пока о нём инфрации нет

концептуально это будет что-то вроде такого блока:

https://skr.sh/sDYm1QKWGON?a

- наводим - появляется надпись

- кликаем - куда то переходим

8. Футер, почти всё оставляем, как есть

- https://skr.sh/sDYHDsWDrrp?a - избавляемся от этого блока

- https://skr.sh/sDYlUEvJK0U?a - упрощаем тут всё, до ссылки на политику

- https://skr.sh/sDYMX0lQiqw?a - фот этот фон меняем на светло-серый (#727272), чтобы тёмный логотип на нём нормально смотрелся