Лендинг с интерактивными элементами

Учебный проект, который я изначально выполнял для соревнований в Практикуме (фокус был на верстке), но в последующем доработал и расширил его.

Что использовал в работе:

• принципы семантической и адаптивной верстки (grid / flex)
• методологию БЭМ
• JS для интерактивности

Функционал:

1. ✅ Переключатель тем

   Переключатель тем реализован при помощи CSS переменных и JS. Выбор пользователя сохраняется в localStorage, а при входе на сайт проверяются системные настройки (prefers-color-scheme)

2. ✅ Слайдеры с картинками

   Собственная реализация базового слайдера изображений и сопровождающего их текста

3. ✅ Анимированное меню для мобильной версии

4. 🟨 TODO — Анимация для слайдеров

Сайт на Github Pages

Макет в Фигме