classes.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My Fitness Page</title>
  <link rel="stylesheet" href="./style.css">
 
</head>

<body id="class-bg-pic">
  <header>
    <nav>
      <div class="logo">
        <h1><i class="bi bi-fan icon"></i>Fitmas</h1>
      </div>
      <div class="ul-box">
        <ul>
          <li><a href="index.html" class="active"><i class="bi bi-house-check"></i>Home</a></li>

          <li><a href="#"><i class="bi bi-file-earmark-person-fill"></i>About</a></li>

          <li><a href="service.html">Services</a></li>

          <li><a href="classes.html">Classes</a></li>

          <li><a href="contact.html"><i class="bi bi-person-lines-fill"></i>Contact Us</a></li>
        </ul>
      </div>
    </nav>
  </header>
  <h1 id="h1-class">Fitness Classes</h1>
<main id="container-class">
  <section id="class">
    <h2>Cardio Kickboxing</h2>
    <p>A high-intensity cardio workout combining martial arts techniques. Improve cardiovascular fitness, agility, and strength.</p>
    <ul>
      <li>Time: Mondays and Wednesdays at 6:00 PM</li>
      <li>Instructor: John Smith</li>
      <li>Location: Studio A</li>
    </ul>
  </section>
  
  <section id="class">
    <h2>Yoga Flow</h2>
    <p>A gentle yoga class focusing on breath control and fluid movements. Enhance flexibility, balance, and relaxation.</p>
    <ul>
      <li>Time: Tuesdays and Thursdays at 7:30 AM</li>
      <li>Instructor: Jane Doe</li>
      <li>Location: Studio B</li>
    </ul>
  </section>
  
  <section id="class">
    <h2>HIIT Circuit</h2>
    <p>A high-intensity interval training circuit combining strength and cardio exercises. Burn calories and build endurance.</p>
    <ul>
      <li>Time: Mondays, Wednesdays, and Fridays at 9:00 AM</li>
      <li>Instructor: Mike Johnson</li>
      <li>Location: Studio C</li>
    </ul>
  </section>
</main>
 
  <script src="./project.js"></script>
</body>

</html>