Требуется сверстать 3 страницы:
https://www.figma.com/file/qZJF3PIrNsYHxqUxq0aoBA/... и собрать их в единую сборку с другими блоками сайта:
- с блоком детской анимации
https://denkravchu.github.io/virtual/ - с блоком взрослой версии
http://www.prirazlomnaya-360.ru/adult В итоге должно получится дерево по схеме:
https://dropmefiles.com/ZVFQS + Отдельно страницы 404 и карта сайта
Описание страниц для верстки:
1. страница с видеофреймом
1.1. Фрейм для видео с подключением API. Данные нужно получить с backend (дам контакт)
1.2. видеофрейм по клику раскрывается на весь экран, по клику сворачивается;
1.3. Интерактивная иконка компаса - реагирует на ховер, линкуется;
1.4. Интерактивное лого - реагирует на ховер;
1.5. Интерактивный заголовок - реагирует на ховер, линкуется;
1.6. Автоскролл текста во фрейме
1.7. Подключить готовый 3Д-объект и API (дам контакт). Подключить готовый скрипт (вставить код вызова) 3Д-объекта и наладить API для получения данных
2. страница 404
2.1. Интерактивная иконка компаса - реагирует на ховер, линкуется;
2.2. Интерактивное лого - реагирует на ховер;
2.3. Интерактивный заголовок - реагирует на ховер, линкуется;
3. страница "карта сайта"
3.1. Интерактивная иконка компаса - реагирует на ховер, линкуется;
3.2. Интерактивное лого - реагирует на ховер;
3.3. Интерактивный заголовок - реагирует на ховер, линкуется;
3.4. Список страниц
Макеты в Фигме
https://www.figma.com/file/qZJF3PIrNsYHxqUxq0aoBA/...https://github.com/denkravchu/virtual/tree/master/...