Нужно сверстать landing page на основе предоставляемого дизайна.
Дизайн прикрепляю к заданию.
Тех условия для верстки:
1. блочная верстка (html5 и CSS3 приветствуется)
2. соблюдение стандартов W3C
3. комментирование кода (обязательно)
4. Для скриптов использовать библиотеку JQuery и ее плагины
Из скриптов нужно подключить:
-html якорь на меню, который плавно перекидывает на опредленные разделы лендинга.
-Модальное окно на кнопках «заказ звонка», «оставить заявку», «бесплатная консультация», «расчитать стоимость услуг», «заказать регистрацию юридического лица».
-Лайтбокс на отзывы.
1. При нажатии на кнопки «заказ звонка», «оставить заявку», «бесплатная консультация», «расчитать стоимость услуг», «заказать регистрацию юридического лица» появляется модальное окно с формой для заказа, при этом задний фон затемняется. Пример можно посмотреть здесь:
2. В форме заявки в поле «Ваш телефон» должна быть возможность вбить только цифры (запрет на ввод букв).
3. При клике в поле «Ваш телефон» появляется +7 (___) ___-__-__. При вводе цифр курсор сам перемещается из скобок в следующую область и так далее. При неполном заполнении номера телефона заявка не отправляется, и при нажатии на кнопку выходит сообщение типа «Заполните это поле» и возвращает пользователя в поле «Ваш телефон».
4. По мере скроллинга вверх-вниз внизу экрана справа постоянно находится кнопка «вверх», которая возвращает пользователя в область первого экрана.
5. Счетчик в акции запускаем на 5 дней.
6. Натянуть сайт на CMS. Подойдет любая популярная (wordpress, joomla, droopal). Главное – чтобы была возможность редактировать разделы при необходимости.
7. Подключить счетчик яндекс-метрики (код я предоставлю).