Доработка сайта на WordPress. Dekstop+mob Этап 1

Здравствуйте!
Есть прототип сайта на WordPress который нужно доделать по ТЗ и Макету.

Сайт на последней версии WP и PHP 7.2

На первом этапе нужно преобразить
Главную страницу
Потом отдельно несколько типов страниц

Детальное тз по ссылке
https://docs.google.com/document/d/1pj4Pkha_JLVrdCDn8BM3cZxQShgsIYfw2q9MdXqyddY/edit?usp=sharing
домен сайта находиться в ТЗ

Макет моб версии прикладываю.
Для фиксации тз дублирую его сюда

----------------------------------------------------------------------------------------------------------------------------------

----------------------------------------------------------------------------------------------------------------------------------

----------------------------------------------------------------------------------------------------------------------------------

На всем сайте надо заменить шрифт на  Blogger Sans

На сайте ВСЕ кнопки имеют фоновый цвет #f0303d, при нажатии/наведении делаем ховер #cf1b15

1) Главная. Header
- Должен быть вот такой http://prntscr.com/syzuqt

2) Сейчас основной цветовой фон сайта #cf1b15  
Нужно его сменить на #f0303d

В целом будет выглядеть вот так
http://prntscr.com/t0nkw4
Но старый цвет #cf1b15 остаеться на всех надписях.
Надписи - #cf1b15
Фоны - #f0303d

3) Форму на главной надо сменить, удалить черные рамки и кнопку “записаться на консультацию” растянуть на всю ширину блока
http://prntscr.com/t0nmp2
что бы вышло вот так

http://prntscr.com/t0nner

4 ) На широком мониторе не хватает ширины заливки
http://prntscr.com/t0nno6

5) В названиях ВСЕХ блоков нужно отцентровать названия относительно фона
http://prntscr.com/syjano
что бы было вот так
http://prntscr.com/syjb6n

6) Блок изображений подтянуть выше к названию блока, что бы расстояние между началом блока и началов фото было одинаковое
http://prntscr.com/syjcng

7) При наведении на элемент он выделяется вот так
http://prntscr.com/syjdsu
а нужно вот так
http://prntscr.com/syje3k

8) Блок “инфо и пленке” выглядит некорректно по размерам, левая колонка описания больше чем фото пленки а фото пленки меньше чем текст пояснений
http://prntscr.com/syjfgq

 должно быть вот так
http://prntscr.com/syjfzc

За основу взять размер фото пленки

9) Размер отступа от Названия блока до контента не должен превышать расстояния как здесь
http://prntscr.com/syz5u4

в остальных блоках как привило это расстояние большое и его нужно уменьшить
http://prntscr.com/syz668

10) Блок “Наши работы” нужно переделать
http://prntscr.com/syza53

что бы был такой вид как на сайте  https://panno.biz.ua/   (доступ к ftp сайту есть)

Только к каждой фотографии должно быть место для описания фото
http://prntscr.com/syzc5r
цвета использовать соответствующие нашему сайту (не берюзовый фон), а соответственно макету как на МОБ версии. http://prntscr.com/t4gfyr

11) Здесь http://prntscr.com/syzcvi кнопка “Записаться” должна иметь вид как здесь + рамки полей - черные
http://prntscr.com/syzda6

Наша комманда. http://prntscr.com/t4gdqq

     Нижние строки нужно убрать. Нужно отключить авто карусель, что бы само не прокручивалось.

12) Футер.

Формат футера надо привести к формату некоторых элементов на макете.

http://prntscr.com/syzgz4

Вставить лого как на макете.

Убрать жирный шрифт и сделать такой же интервал междустрочный в строках колонок.
Изменить нижнюю полоску с защитой прав.

13) Блок Отзывы - добавить его Вторым.
Вот такой блок http://prntscr.com/syzjg5

При нажатии на фото - должна увеличиваться.

Вставить его перед блоком “Фактуры потолков”
При этом фон блока ““Фактуры потолков” сделать равномерно бежевым http://prntscr.com/syzpv0

А фон блока Отзывы - Белый.

14) Блок Фактуры и Палитра
Это всего 2 блока которые “вылазят” за рамки общей ширины.
Нужно их выровнять по макс ширине остальных блоков. Пропорционально уменьшив ширину блоков.
http://prntscr.com/syzqyt

http://prntscr.com/syzs6a

15) Блоки “Сертификаты” и “наш договор” поменять местами.

МОБ ВЕРСИЯ. смотри макет

Блок “Информация о пленке” на моб версии НЕ выводиться блок описания! см макет

БЛОК РЕАЛЬНЫЕ ОТЗЫВЫ
Слайдер.
При нажатии на фото - фото максимально увеличивается на экран телефона ВМЕСТЕ с нижним блоком “перевода”. В таком увеличенном виде так же должна быть возможность слайдить.

БЛОК ФАКТУРЫ ПОТОЛКОВ
При нажатии - переводит на отдельную страницу описания.
БЛОК ЦВЕТОВАЯ ГАММА
Слайдер, на подобии как ОТЗЫВЫ но с другим стелем боковых стрелочек.
При нажатии на фото - открывается на весь моб экран.

БЛОК ВОЗМОЖНОСТИ ДИЗАЙНА

При нажатии переводит на отдельную страницу описания.
БЛОК НАШИ РАБОТЫ
Работает идентично как на ПК и сайте примере. panno.biz.ua (доступ к ftp сайту есть)
БЛОК СЕРТИФИКАТЫ
При нажатии на фото увеличивает его максмально на весь экран. Доступен сладер в таком увеличенном виде.
НАШ ДОГОВОР
Аналогично Сертификатам.
ЗАПИСАТЬСЯ НА ЗАМЕР
Все поля имеют Маски как на макете. Поле “телефон” единственное обязательное, и его фон выделяется цветом #ff99a0

“дата замера” и “Время” имею формат как сейчас - с диапазоном выбора.

НАША КОМАНДА
При наличии больше 4-х фото - слайдер. Без автопрокрутки.
ФУТЕР
“Популяные страницы” могут добавляться/меняться - нужен функционал простой смены/добавления их.
“Меню” - простое меню бутерброд, как и в Хеддере.

Внизу копирайт сделать по годам в формате “2013-2020” где на месте “2020” нужно что бы был актуальный год. Если это можно сделать автоподстановкой.

--------------
ДОП ИНФО

1. Так же на сайте есть ряд открывающихся форм и отправок писем, их нужно вставить и в последствиии откорректирую дизайн и их подправить.
   “Заказать звонок” “Записаться на замер” - формы должны отправлять письма (заявки) на указанную почту.

2.  На сайте есть разделы которые пока не задействуются в данной работе, например: http://prntscr.com/t4gmkr

    ИХ просто отключаем, НЕ УДАЛЯЕМ! Они будут    дорабатываться следующими этапами. Нужно показать где они   включаються.

1. Страницы “Цены” и “Полезно знать” будут дорабатываться следующими, сразу после сдачи Главной.