Нужно сверстать посадочную страницу.
Скриншот:
http://s008.radikal.ru/i306/1409/2a/6324f2eb2be7.j...
Требования:
1. Фон не должен тянуться, плющится и тд на разных экранах, т.е. чтобы везде фон был нормальный.
2. На всех устройствах лендинг должен отображаться адекватно (никаких поехавших фонов и тд), я НЕ имею ввиду адаптивную верстку.
3. По нажатию на кнопки должно появляться всплывающее окно с формой, по заполнению которой данные отправляются на определенную почту. В ПСД есть всплывающие окна с формами и с благодарностью после отправки формы.
4. Формы должны работать.
5. Нужны несколько анимированных элементов:
- преимущества в кружках появляются поочереди сверху как тут http://stro-tec.ru
- в блоке "что мы покрываем золотом" при наведении курсора на каждую категорию иконка плавно заполняется полу прозрачным цветом, а по нажатию снизу появляются фотографии этой категории предметов, по нажатию на которые появляется галерея-Слайдер с увеличенными изображениями (все уже есть в псд, осталось только все связать), а при нажатии на иконку "любая ваша идея" появляется форма заявки
- в блоке "какие проблемы мы решаем" каждая из надписей сверху вниз поочереди появляются (верхняя справа появляется, средняя сверху, нижняя слева)
- в блоке "почему вам выгоднее работать с нами" каждый ряд поочереди появляется сверху
- в блоке "факты о золоте" каждый ряд сверху вниз выпадает
- в блоке "как мы покрываем предметы..." вся текстовая часть начиная с "Мы используем гель..." Появляется справа. По нажатию на "Почитать заключение..." Открывается галерея из трех слайдов
- в блоке "процесс электроники чешской металлизации" одновременно появляются руки (снизу выплывают) и картинки в кругах с текстом и линиями (выплывают левая слева, а правая справа)
- в блоке "часто задаваемые вопросы" вопросы и ответы выпадают сверху
- внизу по нажатию на " политика конфиденциальности" появляется всплывающее окно с текстом
6. Анимации должна хорошо отображаться на смартфонах и планшетах.
