The Zogin – Yoga & Wellness Website

This repository contains the source code for The Zogin, a modern and responsive yoga and wellness website, implemented as a front-end project using HTML, CSS, and SCSS (Sass).

The project focuses on structured SCSS styling, section-based organization, and a calm, wellness-oriented visual design.

---

🌿 Project Overview

The Zogin website presents a yoga and wellness center, showcasing its philosophy, activities, schedule, and contact information.
The layout and design aim to create a peaceful, intuitive, and visually balanced user experience.

---

✨ Features

• Hero section with motivational message
• Welcome / About section
• Yoga aspects overview:
  • Asana
  • Meditation
  • Mudra
  • Bandhas
  • Philosophy
  • Pranayama
• Statistics section (students, experience, branches, staff)
• Weekly timetable with instructors and locations
• Contact form with user input fields
• Developer / personal presentation section
• Fully responsive design

---

🎨 Styling & SCSS Architecture

The website is styled using SCSS, with styles divided by page sections and components for better readability and maintainability.

SCSS files include:

• _navbar.scss – navigation bar styling
• _firstSection.scss – hero / landing section
• _secondSection.scss – welcome / about section
• _thirdSection.scss – yoga aspects section
• _fourthSection.scss – statistics section
• _fifthSection.scss – timetable section
• _sixthSection.scss – contact section
• _footer.scss – footer styling
• _responzivnost.scss – responsive design rules
• developer.scss – developer / personal section styling
• style.scss – main SCSS file importing all partials

SCSS is compiled into:

• style.css
• style.css.map

---

🛠 Technologies Used

• HTML5
• SCSS (Sass)
• Javascript
• Responsive design techniques (Flexbox / media queries)
• Icons and custom fonts (where applicable)

---

▶️ How to Run the Project

1. Clone the repository:

   git clone https://github.com/MarkoMilenovic01/TheZogin.git