Макет сайта "театра"
Сверстать это макет http://rghost.ru/7txTn9M5f
Технические условия:
Адаптивная верстка
Page_1_2_Pr - Это главная страница при загрузке появляется загрузчик он находится в папке loader, Скриптом надо определить скорость интернета и есть скорость позволяет грузить видео если нет то зацикленный JPEG в ленту По середине.
1. Меню - нужно чтобы последний пункт меню был красным (Думаю верно будет :last-child);
2. При наведении на пункт меню вокруг него используются галлочки такие прямоугольные они должны чуть чуть разъезжаться
3. При прокрутке меню на главной странице остается на месте
4. Все фотографии черно-белые при наведении становятся цветными на 50%
5. Для desktop версии использовать два вида курсора пальчик и стрелочку (выделения не нужно)
6. Иконки в футере соц сетей остаются серыми при наведении
Page_about_s22 - Это страница спектакля
1. При прокрутке меню становится инверсным на белом
2. Стрелочка на бампере внизу прокручивает страницу в низ ровно на один экран
3. текст на бампере не выходит за границу 40%
4. аудио-плеер с перемоткой и таймлайном
5. При нажатии на фото, видео, пресса, награды эффект перехода на ТАБ резкий
6. При нажатии на стрелочки внутри табов(фото, видео, сми, награды) переход плавный
Page_Afisha2_klukva.jpg - АФИША
1. При нажатии на стрелочку у месяца прокрутка ко второму месяцу
Page_Awards.jpg - Награды
1. При нажати на картунку открывается поверх оверлей слой спользовать вот этот вьювер (http://photoswipe.com/) для всех фотоок которые открываются
Page_contacts.jpg - контакты
1. футера не нужно
2. При нажатии на карту или ссылку схема проезда overlay(модальное окно с затемнением фона на 50%) iframe с картой. 90% заполнения (по центру) с крестиком выходом на esc или нажатием на заметненную область
Page_Documents.jpg - Документы
1. При нажатии на документ, оверлей(модальное окно с затемнением фона на 50%) слой ззаполенние 90% с документом без рамок с крестиком в углу выходом на esc или нажатием на заметненную область (без ссылки на скачивание)
Page_MassMedia2.jpg - пресса
1. по нажатию переход по ссылке в новом окне
Page_Mirovozzrenie_hanty.jpg - мировозрение
1. принажати на ссылки ХАНТЫ, МАНСИ или в оглавлении прокрутка до раздела, кнопочка вверх справа прокручивает в начало (будет в следующей редакции правок его надо будет везде поставить)
Page_Video22.jpg - видеогалерея
При нажатии открывается оверлей слой как и везде и в нем видео.
Дополнительно:
+еще будет страница с персоной она сейчас верстается
+Вариант страницы для слабовидящих, там будет только инверсная схема , обычная и три шрифта. И панель переключения.
ВСЕ ОСТАЛЬНОЕ ПО ЛОГИКЕ, ИЛИ ПО СОГЛАСОВАНИЮ.