Переверстать сайт с изменением дизайна.

Задача:

Изменить внешний вид главной страницы сайта согласно заданному списку критериев.

Что имеем:

Адаптивный интернет-магазин на фреймворке laravel по адресу partsomega.ru (база данных mysql).

Каждый блок сайта: хедер, футер, тело и другие страницы вынесены в отдельные файлы

Что нужно:

Сохраняя адаптивность изменить хедер, тело главной страницы и футер. Сразу  подготовить 4 варианта css файла в цветовом  оформлении(синий, желтый, красный, зеленый) ,

так как еще не решили какую цветовую схему использовать.  Или инструкцию в  каких классах нужно изменить  цвет, чтобы  могли  сами потом играться.

##### Правки по шапке ######

Фото, как должны располагаться блоки для десктопа  и  мобильной версии (прикрепляем рисунок)

Сохранить всплывающие окошки при нажатии на адрес, телефон и т.д

Кнопка каталоги раскрывается, как на сайте https://nsk.rossko.ru/. Кнопка на переход во все каталоги, а затем чуть ниже надпись наличие и идут наши категории. 

При прокрутке шапка с поиском фиксируется как на detaliauto.ru

#####  Тело сайта ######

Фото, как должны располагаться блоки для десктопа  и  мобильной версии (прикрепляем рисунок)

1. Как на сайте деталиавто.ру, сделать список  марок  авто (ссылки взять от сюда https://partsomega.ru/maintenance/marks), а правее карусель, сменяющихся фото (наш текущий баннер)

3. Ниже слева, располагается поле запроса по винномеру с указанием номера телефона, СТС(картинка пример) должна выглядеть в стиль сайта  .

4. В Правой части идет новостная лента. Должна быть кнопка все новости.

5. Расположен поиск по каталогу ТО. выбор года, марки, модель, модификация.

6. Далее идут каталоги, стиль каталогов подогнать под общий стиль сайта.(Стили можно подсмотреть с нашего сайта partsomega.ru)

7. Затем идут популярные товары, 5-6 плиток, необходимо пересобрать стиль.(сделать более современным, под стиль основного сайта)

#####  Футтер сайта ######

Сделать темным цветом, отличным от тела и шапки.

1. Продублировать ссылки, которые в шапке. О нас, контакты, доставка, возврат товара, оплата, добавить ссылки договор оферты

2. Ссылки на соц сети.

3. Логотипы платежных систем.(их можно взять с нашего сайта)

https://nsk.rossko.ru/ - новостная лента, категории каталогов

https://detaliauto.ru/ - основная страница, данный сайт взять за основу, в плане дизайна.

Доступ к хостингу представим в процессе работы.

Забегая вперед, затем, как будет сделана эта работа, нужно будет  также  изменить внешний вид страниц личного кабинета пользователи и  еще несколько других.

По другим страницам оформим новое  ТЗ

Пожалуйста указывайте конечную стоимость ваших услуг.