Техническое задание
Нужно сверстать сайт на основе предоставляемого дизайна.
Дизайн прикрепляю к заданию
ТЗ в видеоформате:
PSD готовый, сетка и все такое.
Тех условия для верстки
1. блочная верстка (html5 и CSS3 приветствуется). Сайт должен быть резиновым и адекватно сужаться и расширяться при разных масштабах.
2. соблюдение стандартов W3C.
3. комментирование кода (обязательно).
4. Для скриптов использовать библиотеку JQuery и ее плагины
5. Использование CSS эффектов вместо картинок (там где это возможно)
6. Hover эффекты на CSS3 (transition – delay: 0.3 – 0.5).
7. Вставить Метрику. Привязать идентификаторы целей к успешному выполнению заявок. Коды предоставим. (ВНИМАНИЕ!! цель должна засчитываться только после того как введен корректно телефон, заявка ушла и показалось окно успеха)
8. Вставить фавикон в виде первой буквы названия либо логотипа.
9. Собрать на популярной цмс (утвердить у нас). На выходе клиент должен иметь возможность редактировать все блоки (менять текст и картинки, заголовки, добавлять-удалять информацию).
Моменты, которые нужно учесть:
Логотип наверху сделать кликабельный, перебрасывающий на главную страницу.
Сердце в хедере должно быть с анимацией как на сайте rosspas.ru. Сделать точно так же как и на сайте rosspas.ru! Чтоб мигал и увеличивался только контур сердца.
Название страницы, отображаемое во вкладке в браузере, скопировать из самого верхнего заголовка.
Заявки должны приходить со следующими пометками:
В теме каждой заявки указывается по какой теме эта заявка. Уникальная тема для каждого ребенка и акции.
Вставить в формы захвата проверку ввода. Имя не обязательно. Наличие телефона обязательно. Выводить сообщение «Введите правильно свой телефон».
Окна Заказать звонок и Окно успеха закрываются крестиком либо кликом вне модального окна.
Сделать поиск по сайту на главной странице. Лупу сделать кликабельной.
Фото детей и акций на главной странице сделать кликабельными, перебрасывающими на карточку данного объекта. При наведении мыши фото слегка бледнеет, либо обводится рамкой. Акции (по-другому наши программы) тоже должны бледнеть при наведении мыши.
На страницах с новостями, благодарностями и удачными проектами должна быть функция автоматом добавлять новую информацию на следующую страницу, если текущая страница переполнена.
Тексты и фото нам предоставят в течение пары дней, сразу передадим вам.
Вставить яндекс-карту с указанием адреса. Должна быть интерактивная, увеличиваться/уменьшаться.
Вставить ссылку на разработчика внизу по центру: Разработано в «ВОСТРЕЦОВ & ДРУЖИНИН» (адрес для ссылки vdstudio.net).
ВАЖНО: В вашем коде будут разбираться другие! Будьте Людьми!:)
Из скриптов нужно подключить:
-Модальное окно на заказ звонка
-Модальное окно на заявки помощи
-Модальное окно успеха
-Модальное окно с описанием каждой услуги
-Сердце с анимацией кликабельное и вызывает окно заявки
-Поиск по сайту
-Сделать выпадающее меню при наведении на вкладку О фонде (должна быть стрелка).
Дедлайн: 6 дней с момента принятия заказа
Очень сильно надеемся на долгосрочное сотрудничество с толковым верстальщиком!!! + для Вас это еще один симпатичный дизайн в Ваше портфолио.