Верстка LP

5 500 руб. за проект • наличный расчёт, безналичный расчёт
13 февраля 2014, 10:20 • 16 откликов • 98 просмотров
Доброго времени суток. Нам необходима верстка Лэндинга  

Общие понятия:
При скроллинге анимация вниз эффекты "включаются" при скролиге вверх "выключаются". Этот принцип хорошо отображен на странице конкурентов http://xn--80agdpwbhdakinn.xn--p1ai/a/ Преимущества, при скроллинге они появляются или пропадают.
Краткое описание анимации:
Анимация меню на сайте http://demo.zeotheory.com/avian/ (при скроллинге всегда сверху)
Галлерея — это одна фоновая картинка и надписи и заголовки на ней. Они должны быть текстом, и должны плавно появляться на фоне (как тут весь блок при первой загрузке страницы или при перезагрузке —http://daneden.github.io/animate.css/)
Немного примеров —картинкиприлетают по две с каждой стороны, текст появляется с эффектом как в галлереи или подобным (fadeIn) http://themeforest.net/item/crown-digital-one-page-parallax-muse-theme/full_screen_preview/6640892
Преимущества как у конкурентов http://xn--80agdpwbhdakinn.xn--p1ai/a/
СуперЭффект тот же эффект, что и в преимуществах
Форма выпуска — изначально рамка на правой стороне, но если человек наводит мышку на левую, рамка перекидывается. Убираем курсор, рамка в исходном положении
5 причин сотрудничества — тот же эффект, что и в преимуществах
Какие поверхности защищает — при наведении курсора, увеличивает картинку, прозрачная белая рамка уменьшается Общий смысл эффекта такой — привлечь внимание к курсору.
Как мы работаем тот же эффект, что и в преимуществах

Общие требования.

Браузеры: IE8-9, Chrome (15+), Firefox (15+), Opera (12+), Safari 5+ – верстка полностью соответствует дизайну. В IE8, могут быть незначительные упрощения, скрипты, связанные с анимацией.Стандарты: HTML5/CSS3. HTML - должен проходить валидацию. CSS - не обязательно.

Соответствие макету: при накладке допустимы дизайн должен совпадать с версткой на 90% (возможны некоторые несоответствия из-за невозможности реализации или прочее...)

HTML код:

  • Кодировка – utf-8

  • Структурный, комментируемый код (обозначается начало/конец крупных блоков). Отбивка табами.

  • Имена классов и идентификаторов – осмысленные, на ваше усмотрение.


CSS код:

  • Структурный, отбивка табами.

  • Комментариями обозначены начало/конец крупных модулей/блоков разметки.

  • Допускается использование вендорных префиксов.


Файловая организация:
HTML файлы лежат в корне. Главная страница – index.html. Остальные – по именам макетов.
Стили в папке /css/
Javascript - /js/
Изображения оформления - /img/
Изображения содержания - /images/


Нас интересует — время работы в часах, сроки выполнения в рабочих днях, и конечно же цена.

Спасибо за ваше время.  

Файлы