Skip to content

Alla-web/Teamproject-HTML-CSS

Repository files navigation

🧘 Yoga Landing Page

Це односторінковий сайт (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

🔧 Запуск

  1. Завантаж файли в локальну директорію.
  2. Відкрий index.html у браузері.
  3. Щоб протестувати адаптивність, відкрий DevTools і змінюй розміри екрану.

✍️ Автор

Розроблено як навчальний проєкт для демонстрації адаптивного дизайну та структурованої верстки.


📄 Ліцензія

Вільне використання для навчальних цілей.

About

Teamproject - Landing page for Yoga training

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 9