Адаптивная вёрстка лендинга для сайта vmuranov.ru
Необходимо произвести кроссбраузерную адаптивную вёрстку главной страницы сайта vmuranov.ru (в виде лендинга).
Дизайн был создан в рамках предыдущего проекта.
Требования:
1. По всей высоте страницы - проезжающий фон (при скроллинге фон движется с меньшей скоростью)
2. Вверху - логотип, краткие контакты и меню (меню в строку с выпадающими подразделами, элементы меню расписаны в футере наброска дизайна http://aison.ru/test/vmuranov/design2/) + поиск
3. При скроллинге страницы вниз меню становится прикрепленным сверху, логотип и поиск встраиваются в сроку меню
4. Ниже - блоки разделов с несколькими последними элементами, ссылка на все элементы раздела на названии
По порядку сверху-вниз:
1) Баннеры (несколько ротирующихся изображений со ссылками на них, текущее изображение во всю ширину страницы, как пример - http://www.binbank.ru/)
2) Анонсы последних путешествий (несколько последних с привязанными изображениями)
3) Галерея (несколько последних с привязанными изображениями)
4) Видео (несколько вставок видео с youtube)
5) Магазин (до четырёх категорий товаров с привязанными изображениями)
6) Вопрос/ответ (балуны с текстом вопросов и текстом ответов)
7) Мои проекты (несколько проектов)
8) Новости
9) О нас (оформлен в виде текст + изображения на всю ширину экрана)
10) Блок контактов (схема проезда + телефоны + форма обратной связи)
11) Футер (расписана полная карта сайта, блок соц.сетей + подписка на новости)
5. При уменьшении ширины уменьшаем количество элементов в блоках вплоть до одного, добавляя скроллинг-точки по центру под блоком (по умолчанию виден первый элемент, при нажатии на вторую/третью точку виден второй/третий)
Во многом интересный и схожий дизайн:
Фотографии, которые можно использовать:
https://vk.com/id15395262?z=albums15395262
С уважением,
Владимир