Адаптивно сверстать 4 страницы. Bootstarap

Работающий лэндинг порули.рф перепрофилируется под услугу "аренда авто с правом выкупа".

Условия

-------

2500р, 1-2дня

Я постоянно на связи, адекватно разберёмся с любой возникшей проблемой.

Preview макетов

-----

https://www.dropbox.com/sh/6ye7t0dv88z01i8/AAASjTxbkX1Rpyn5aPH2SExGa?dl=0

ТЗ

---------

- Сверстать 4 страницы:

порули.рф/ - главная страница с выбором типа лендинга - по макету "index.psd"

порули.рф/rent/ - лэндиг "арендовать с правом выкупа" - по макету "poruli-rent.psd"

порули.рф/give/ - лэндиг "сдать в аренду с правом выкупа" - по макету "poruli-give.psd"

порули.рф/car/<название авто>/ - страница для каждой машины из каталога - по макету "car.psd"

- Все элементы лэндинга находятся в отдельных блоках. В css называть их так же как папки в макете фотошопа.

Требуется макимально точное соответствие вёрстки макету. Если макет где-то врёт - нужно его подправить.

Важно чтобы макет был актуален текущей версии вёрстки.

- Верстать адаптивно используя Bootstrap

PSD делался с сеткой бутстрапа под 12 колонок

- Читый код. Проект будет разрастаться, поэтому чистый код обязателен.

- Физика "index.psd":

Картинка девушки на весь экран

2 кнопка при нажатии ведут на Страницы порули.рф/rent/ и порули.рф/give/

- Физика heder:

Меню абсолютно прикреплено сверху. Аналог меню на selmon.co

- Физика раздела макета banner:

при нажатии на кнопки переход на соответствующии страници

- Физика кнопок заявки :

не требуется

- Физика раздела Автопарк :

аналогична той что есть сейчас только вместо всплывающего окна открывается страница с выбранной машиной :)

- физика страницы машины:

Preview автомобилей и "Похожие автомобили" находятся в слайдере и их можно листать

Кнопка назад в меню ведёт на страницу "Арендовать"

В заголовке есть зелёная надпись "свободна". Машина может находиться в 3 состояниях: свободна - зел., зарезервирована - оранж., сдана - красный. Нужно делать соответствующий индикатор. Информация о машине берётся из таблицы в php.

при наведении мыши на PreView выбранное авто отображается в основном окне, а при клике - открывается всплывающее окно, где можно пролистывать все имеющиеся фото авто.

на графике 3 цифры на оси OY должны быть сверстаны как текст, чтобы их значение можно было менять

- Обязательное требование: сверстайте так, чтобы сайт можно было смотреть с телефонов и планшетов. А не как это выглядит сейчас:

https://www.dropbox.com/s/xn85nqp3de9r02o/iphone-1.png?dl=0

https://www.dropbox.com/s/vdiapsiipnbhoqj/iphone-2.png?dl=0

Я готов ответить на любые вопросы по заданию. Объяснить что нужно сделать поподробнее. Либо же выслушать предложения и конструктиво их обсудить.

Исполнителю сразу высылаю PSD макеты.