<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><%= pageTitle %></title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.2/css/bootstrap.min.css'>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
    <link rel="stylesheet" href="styles/style.css"> 
</head>
<body>
    <!-- NavBar -->
    <nav class="navbar navbar-expand-sm bg-danger navbar-light fixed-top">
      <div class="container-fluid">
        <button
          class="navbar-toggler"
          type="button"
          data-bs-toggle="collapse"
          data-bs-target="#collapsibleNavbar">
          <span class="navbar-toggler-icon"></span>
        </button>
     
        <div class="collapse navbar-collapse" id="collapsibleNavbar">
          <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link text-white" target="_self" href="/"><b>Clark's Gym</b></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" target="_self" href="/login"><b>Login</b></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" target="_self" href="/signup" ><b>Sign Up</b></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" target="_self" href="/schedule" ><b>Class Schedule</b></a>
          </li> 
          <li class="nav-item">
            <a class="nav-link" target="_self" href="/reviews" ><b>User Reviews</b></a>
          </li> 
          <li class="nav-item">
                      
          </li> 
          </ul>
        </div>
      </div>
      <a id="accmgt" class="nav-link" target="_self" href="/account" ><i class="bi bi-person-circle"></i></a>
    </nav>

    </nav>
    <br>
    <br>
    <br>
    <h1 id="view"><%= title %></h1>
    <div id="clark">
        <img src="/images/clark-logo.jpeg" atl="Clark's Gym Logo" width="250px">
      </div>