Верстка сайта

Что нужно сделать?
Адаптивная версия:
Сайт должен корректно отображаться на устройствах с различными разрешениями экрана (десктоп, планшет, мобильные).
Фон:
- На заднем фоне размещается 3D-фигура
- Фигура уже разработана и должна быть интегрирована с предыдущего сайта http://x90590af.beget.tech/projects/bakiev_websites/bakiev_website_19/
Переходы между слайдами:
- Реализовать в параллакс-стиле.
- Анимация должна быть привязана к скроллу:
- При прокрутке вниз — воспроизводится прямая анимация.
- При прокрутке вверх — обратная анимация.
- Использовать одну из библиотек: skrollr, Locomotive, GASP.
- Слайды: Всего на сайте будет 9 слайдов, из которых 4 содержат анимации.
Меню:
- При нажатии на иконку меню: происходит анимация раскрытия области.
- Область заполняется элементами с плавной анимацией появления
- При закрытии меню область сворачивается с обратной анимацией.
Описание анимаций слайдов:
Лоадер:
Перед загрузкой первого слайда отображается лоадер.
Лоадер должен подгружать JavaScript и другие компоненты.
Третий слайд:
Цифры (3 25 300) сменяются с помощью анимации.
Слева визуализируется стопка из шестиугольников, которая расширяется, демонстрируя рост.
Четвёртый слайд:
Текст появляется с анимацией по буквам.
Карточки двигаются слева направо.
Пятый слайд:
Текст отображается через движение в 3D:
Сначала текст приближается к пользователю.
Затем уходит вбок.

Цена: до 30000

Перейти к заявке 👨‍💻

#верстка #фриланс