Задание: HTML-верстальщик. Верстка сайта (Дистанционная работа)
https://www.figma.com/proto/wFpdihJeR08y4OcQQkzDn8/ipxs.ru?page-id=0%3A1&node-id=1-45&viewport=-3881%2C1341%2C0.44&t=RxuAYsHh50QesFWK-1&scaling=min-zoom&starting-point-node-id=1%3A45&show-proto-sidebar=1
Все необходимые эффекты указаны в прототипах
1. Адаптация кросплатвофрменная (топ гадежты)
2. Кросбраузерно (Топ браузеры)
3. Валидный код, проходящий гугл проверку.
__
1. Баннер на главной : слайдер + свайп (иконка услуги - анимация передвижения при слайде)
2. Плавное выпадение меню, Как в прототипе
3. Плавное всплытие модальных окон
4. Блок на главной, где 4 сервиса и 3 валюты, это вложенные табы, у каждого сервиса - свои табы, сохранить плавную анимацию переключения. Не обязательно делать анимацию 1 в 1 , но что бы она была, не был "корявой" и не особо грузила страницу.
5. Наведение на 3х зеленых блоках , плавное
6. Сайдбар меняет высоту в зависимости от того сколько карточек показывается в определенной вкладке табов. У бара есть минимальная высота, пример вкладка "спотифай" . Если же карточек больше чем анпример в Айтюнс, тогда зеленый блок скидок удлинняется.
7. Слайдер первью статей - слайд + свайп
8. Как оплатить - открывает модалку с табами (имеется плавное переключение )
9. Имеется анимация на "крестике" закрытия окон
10. Общий скрол сайта закастомить как в макете.
11. Боковая панель с кнопками катерий должно иметь примерно похожую анимацию.
12. Блок вопрос имеет плавное выпадение
13. На странице товаров есть кнопка "развернуть описаение" , работа анимации по прмиеру как в протипе фигмы. При развертывании товары ставновятся слайдом, это можно посмотреть в прототипе. Развернуть и свернуть текст, можно как кнопкой так и свайпом.
14. Карточка товара имеет 2 типа списка товаров (цен) , прикрепил вариан (этот вариант открывает при клике "айтюнс лиры" в боковй панельке) Суть что бы построение было адаптивным, в зависимости от количество товаров. После того как в блкое становится 8 товаров, сетка становится двух колоночной и товары распологаются уже не в один а в два столбика по 4. Одноколоночная - 7 товаров.
15. Отзывы , при клике на пункт отзывы, надо сделать что бы кидало на главную и одновременно срколило к блоку отзывов. (не факт что делает в вёрстке)
16. Уведомляющие модалки должны закрывать как через крестик так и по тайминугу 4-5 сек.