Нужно сверстать landing page на основе предоставляемого дизайна.
Дизайн прикрепляю к заданию
PSD готовый, сетка и все такое.
Тех условия для верстки
1. блочная верстка (html5 и CSS3 приветствуется)
2. соблюдение стандартов W3C
3. комментирование кода (обязательно)
4. Для скриптов использовать библиотеку JQuery и ее плагины
5. Использование CSS эффектов вместо картинок (там где это возможно)
6. Надпись «Каролина» в хидере выполняет роль лого и при клике должна загружать индекс
7. Меню должно якорями привязано к разделам лэндинга и при нажатии на одну из кнопок плавно скролить в тот раздел лэндинга, при этом выделяется кнопка, в разделе которого сейчас находится экран
8. Хидер должен быть полупрозрачный и скролиться вместе с экраном
9. При нажатии на кнопки появляется подальное окно (в psd с макетом будет), после корректного заполнения лид формы и отправки, появляться должно окно балгодарности (в общем все как у всех)
10. Поле с номером телефона является ВСЕГДА обязательным. Допускается введение только цифровых значений (от 7 цифр) и знаков + – ( )
11. Верстать сайт под разрешение 1366 на 768
12. Макет верстки должен быть резиновым
13. При наведении на окно коллекции – оно должно затемняться (как показано в макете). При клике на коллекцию должно появляться модальное окно с изображением платься на весь экран. При клике, должны поочереди показываться все платья из данной коллекции (слайдером). При клике не на изображении, модальное окно должно исчезать
14. Отзывы должны рабоать слайдером (всего будет 3 отзыва)
15. СЧетчик обратного отсчета постоянно отсчитывает 6 дней, 23 часа, 59 минут, 59 секунд и в воскресенье в 22.00 обнуляться и начинать сначала
16. Яндекс Карта должна быть интерактивной
17. Кнопки соц сетей слинкованы на группы (линки дам позже)
ВАЖНО: В вашем коде будут разбираться другие! Будьте Людьми!:)
Из скриптов нужно подключить:
-html якорь, который перекидывает на опредленные разделы лендинга (из меню)
-Модальное окно на заказ звонка, окно благодарности
-Лайтбокс.
Необходимо будет посадить лэндинг на CMS (wordpress, jomla или drupal), что бы можно было самостоятельно менять фото платьев в галереях и подписывать название коллекций, а также менять текст и фото в отзывах + заголовки на главном экране
Необходимо будет установить Google Analitics + Яндекс Метрику с целями конверсии (отправка данных)
Также необходимо будет установить API sms.ru, для смс информирования о заполненных лид формах и отправленных данных
Очень сильно надеемся на долгосрочное сотрудничество с толковым верстальщиком!!! + для Вас это еще один симпатичный дизайн в Ваше портфолио