Доработка сайта на React.js: верстка 3-х страниц + сборка
30 000 руб. за проект
Требуется сверстать 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/...
- с блоком детской анимации 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/...
- Файлы
Отзывы
В заказе есть исполнитель
При переводе заказа из архивного в актуальный, текущий исполнитель будет снят с задачи.
Выберите тип сделки
С безопасной сделкой вы всегда сможете вернуть средства, если что-то пойдет не так. С простой сделкой вы самостоятельно договариваетесь с исполнителем об оплате и берете на себя решение конфликтов.