Верстка отзывчивого сайта Destorus
![Верстка отзывчивого сайта Destorus](/uploads/posts/2019-05/1557409439_destorus.jpg)
Дизайн:
Dezi
Вид работ:
Верстка
Сайт для проекта Lineage 2 в стили Landing Page. Особенностью данного сайта является переключатель по безразмерным секциям. Для реализации такого переключателя я использовал библиотеку waypoints, которая умеет отлавливать элементы попадающие в область экрана.
![Destorus - Переклюатель по секциям](/uploads/posts/2019-05/1558050200_destorus-section-slide.gif)
Был сделан вертикальный progressBar для статуса загрузки серверов:
![Destorus status servers](/uploads/posts/2019-05/1558050403_destorus-servers.gif)
Информационный слайдер:
![Destorus slider](/uploads/posts/2019-05/1558050625_destorus-slider.gif)
Табы с рейтингами игроков на разных серверах:
![Destorus - Переклюатель по секциям](/uploads/posts/2019-05/1558050200_destorus-section-slide.gif)
Был сделан вертикальный progressBar для статуса загрузки серверов:
![Destorus status servers](/uploads/posts/2019-05/1558050403_destorus-servers.gif)
Информационный слайдер:
![Destorus slider](/uploads/posts/2019-05/1558050625_destorus-slider.gif)
Табы с рейтингами игроков на разных серверах:
![Destorus rating](/uploads/posts/2019-05/1558050765_destorus-rating.gif)
Более детально элементы сайта и взаимодействие с пользователем можно увидеть на видео:
Категория: Портфолио / Landing page
Комментарии