По договоренности
Есть три макета: 1920, 1280, 415px.
PSD + нарезанные картинки исполнителю.
Работаем строго по Безопасной Сделке.
Макеты по ссылке: yadi.sk/d/WSnWiJRD3H4gHi
Требования:
использование normalize, оптимизация картинок c gulp
соц.иконки font-awesome
css, js, fonts – отдельными папками, обычные, минимизация.
валидно по W3C (HTML5, CSS3)
чистый код, комментарии
Срок: 3 дня
Нюансы:
1) кнопка "узнай о нашем исследовании" плавно раскрывает весь блок с исследованиями на сером фоне до фото в горах.
2) слайдер в блоке исследований после заголовка "Мы опросили"
3) 0.5s анимация – появление новых блоков при прокрутке экрана.
4) шрифт – Myriad Pro Regular + Bold для зоголовков
5) иконка видеоплеера – ссылкой (будет открываться модальное окно – запрограмируем сами
6) в разделе ответы на вопросы: каждый вопросы открывает под собой ответ как на бешенаясушка.рф. стрелочки поставьте по такому-же принципу (просто не стали рисовать)
7) большие социальные кнопки на последнем экране не нужно делать, есть плагин, но контейнер сделайте.
8) сервые полоски – разделители между 30 90 2 в разделе "Правила игры" будут также уместны и на мобильном макете (не нарисовали там)
9) "Но призы не главное" – сохранять над линией горизонта
10) Три состояния "-1 0 +1" в мобильном варианте переключают тексты по нажатию на иконку состояния. активная иконка подсвечивается фоном. По умолчанию активное состояние "-1". Пользователь должен догадаться, что можно тыкнуть пальцем в другие, чтобы узнать про другие. На десктопе – этой анимации не требуется, так как показываются сразу три текста по всем состояниям.