Сверстать лендинг + собрать на cms

Нужно сверстать landing page на основе предоставляемого дизайна.

Дизайн в psd скину отдельно

ТЗ в видеоформате: https://drive.google.com/file/d/0B_cy7f6RnT17MWpJYnNZbG5pbHM/view

PSD готовый, сетка и все такое.

Тех условия для верстки

1. блочная верстка (html5 и CSS3 приветствуется). Сайт должен быть резиновым и адекватно открываться во всех масштабах!!!

2. соблюдение стандартов W3C

3. комментирование кода (обязательно)

4. Для скриптов использовать библиотеку JQuery и ее плагины

5. Использование CSS эффектов вместо картинок (там где это возможно)

6. Hover эффекты на CSS3 (transition – delay: 0.3 – 0.5)

7. Вставить Метрику. Коды предоставим. (Цели для Метрики, привязанные к успешно выполненным заявкам)

8. Вставить фавикон в виде первой буквы названия либо логотипа

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

Моменты, которые нужно учесть:

1. Логотип наверху сделать кликабельный, перебрасывающий на главную страницу

2. Название страницы, отображаемое во вкладке в браузере, скопировать из самого верхнего заголовка.

3.Заявки должны приходить со следующими пометками в теме письма:

- Меню: «Заказ из меню»

- Первый экран кнопка Заказать звонок: «Заявка на обратный звонок»

- Первый экран кнопка Оставить заявку: «Заявка с первого экрана»

- Товар из модального окна: «Запрос заказа конкретного набора» (автоматом должно подставляться название конкретного товара)

- Кнопка Оставить заявку после каталога «Заявка с сайта после каталога»

- Кнопка Оставить заявку на быструю доставку: «Запрос на быстрый заказ»

- Кнопка Оставить заявку перед футером: «Заявка по акции»

- Кнопка Заказать звонок в футере: «Заявка на обратный звонок»

Вставить в формы захвата проверку ввода. Имя не обязательно. Наличие телефона обязательно. При установке курсора в поле «телефон» должен появляться шаблон номера серым цветом в формате (+_ (___) ___-____). Выводить сообщение «Введите правильно свой телефон» если телефон не заполнен.

Окна Заказать звонок и Окно успеха закрываются крестиком либо кликом вне модального окна.

Вставить ссылку на разработчика внизу по центру: Разработано в «ВОСТРЕЦОВ & ДРУЖИНИН» (адрес для ссылки vdstudio.net) и логотип.

ВАЖНО: В вашем коде будут разбираться другие! Будьте Людьми!:)

Из скриптов нужно подключить:

- Модальное окно на заказ звонка

- Модальное окно успеха

- Модальное окно с описанием каждого товара

- Модальное окно на оставления заявки

- Цели для Метрики, привязанные к успешно выполненным заявкам

Все детали рассказал в ТЗ

Дедлайн: 3-4 дня с момента принятия заказа с правками

Очень сильно надеемся на долгосрочное сотрудничество с толковым верстальщиком!!! + для Вас это еще один симпатичный дизайн в Ваше портфолио.

Ссылка на дизайн макет: https://drive.google.com/file/d/0B_fpAuxZmxJZRWoxS18wa3VhajQ/view