Це односторінковий сайт (Landing Page), створений для просування студії йоги. Він демонструє різні програми занять, команду інструкторів, атмосферу простору, переваги занять йогою, відгуки клієнтів та цінові плани.
- 📸 Великий хедер з фоновим зображенням і закликом до дії.
- 🧘♀️ Блок популярних програм йоги (3 картки з описом).
- 🧑🏫 Команда інструкторів із фото, іменами, спеціалізацією та соцмережами.
- 🌿 Галерея "Breathe in the Space" — показує атмосферу залу.
- ✅ Секція переваг йоги.
- 💬 Відгуки клієнтів.
- 💰 Цінові плани (1 сесія, 5 сесій, 10 сесій).
- 📱 Адаптивна верстка для мобільних, планшетів і десктопів.
Проєкт підтримує три точки перелому:
min-width: 375px— мобільні пристроїmin-width: 768px— планшетиmin-width: 1336px— десктопи
- HTML5
- CSS3 (Flexbox + media queries)
- JavaScript
- Завантаж файли в локальну директорію.
- Відкрий
index.htmlу браузері. - Щоб протестувати адаптивність, відкрий DevTools і змінюй розміри екрану.
Розроблено як навчальний проєкт для демонстрації адаптивного дизайну та структурованої верстки.
Вільне використання для навчальних цілей.