Верстальщик, который занимался проектом приболел.
Нужно доделать в сжатые сроки.
Осталось пара блоков и настройки.
Даю изначальное ТЗ. Нужно проверить что сделано и доделать то, что не сделано.
Изначальное ТЗ:
1. Меню не закреплено.
Пункты меню ведут к соответствующим блокам лендинга.
2. Логотип с тегом alt="Поток Плюс"
3. Блок 1. "Банковские Гарантии" в тегах h1.
4. Кнопка "Рассчитать" при наведении плавно меняет цвет на пару тонов темнее.
При нажатии на кнопку страница плавно прокручивается до блока "Рассчитать банковскую гарантию"
5. Блок 2. Банки-партнеры в тегах h2.
Слайдер не работает на автомате, а при нажатии на стрелку передвигает 4 и логотипа.
6. Блок 3. "Рассчитать банковскую гарантию" в тегах h2.
Форма расчета работает так:
при перемещении ползунка меняется значение над соответствующей строкой.
Крайнее значение суммы не 100 000 000, а 50 000 000 руб.
пример работы при перемещении
После выставления значений и нажатия на кнопку "Рассчитать" появляется всплывающая форма (включена в макет) на затемненном фоне и после заполнения и отправки появляется всплывающее сообщение.
Сообщение с данными посетителя приходит на почту, причем сообщение, кроме данных посетителя должно включать значения, которые он выставил в форме расчета.
7. Блок 4. "Наши преимущества" в тегах h2.
Анимация: цифры под иконками перематываются до нужного значения:
от 72 до 24, от 10 до 1,5, от 0 до 27 соответственно.
8. Блок 5. "Схема работы" в тегах h2.
Анимация: 3 иконки по горизонтали прилетают справа по очереди.
Остальная часть блока(иконки по вертикали с текстами) прилетают снизу по очереди.
9. Блок 6. "Эти компании уже получили банковские гарантии" в тегах h2.
Слайдер переключат по одному слайду. размер слайдов зависит от удаления от центра слайдера.
10. Блок 7. "Контакты" в тегах h2.
Карта от Яндекса.
Логотип компании на карте привязан к конкретному месту на ней и двигается вместе с картой.
Блок "О компании" плавно раскрывается при нажатии на плюс(там еще есть скрытый текст) и плавно закрывается при нажатии на минус.
11. Подвал.
При нажатии на логотип- плавная прокрутка к началу страницы.
Телефоны не должны быть синими в яндекс браузере, т.е. нужно прописать в стилях цвет для a ( a{color:#ccc;} )
12. Сделать копию верстки с фоновым видео на первом экране, подгружаемым с YouTube. Видео установить любое.
Само собой на айфоне ничего не должно съезжать.
Прикрепил макет.
Ссылка на то, что уже сверстано:
Исполнителю скину архив с имеющейся версткой и макет в psd.