Обновить вёрсту по PSD и доработка WP согласно ТЗ

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

Условия

-------

5000р, 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"

- Текущая вёрстка никуда не годится, поэтому верстать с 0. То есть зачистить style.css и делать все сначала.

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

Так будет удобнее в дальнейшем расширять сервис. Естественно я не против заимствования кусков текущих с тилей. Главное - читый код.

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

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

- Верстать используя Bootstrap, отдельная вёрстка под телефон не требуется, но нужно чтобы ничего не съезжало.

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

- Все картинки что не являются фоном хранить под WP, а не в каталоге темы. Это позволит настроить их alt-ы через WP для поисковиков

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

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

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

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

- Физика heder:

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

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

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

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

открытие встплывающего окна с формой для имени и телефона

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

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

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

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

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

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

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

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

- Все стили должны быть в файле стилей WP style.css, а не в атрибуте style

- Сейчас html лэндинга разделён по блокам и лежит в заметках. Это не правильно. Нужно сдлеать 4 Страницы WP под каждый макет.

В них можно вызывать php-функции из functions.php используя шорт-коды. Так разметка и код будут хорошо разделены.

- В файле functions.php лежит большой массив с описанием машин. Все машины упорудочены по номерам. Вместо номеров в массиве с машинами нужно использовать их уникальные названия - <название авто>, которые будут служить адресами страниц. порули.рф/car/<название авто>/

По этому <название авто> со страницы авто можно будет доставать данные о машине при помощи шорт-кода.

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

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

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

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

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