
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Welcome to Dr. Cumbies Office Hours!</title>
    <link rel="stylesheet" href="/css/index.css">
</head>
<body>
    <div class="topnav">
        <!--  nav bar  -->
          <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
                
                <a>
                <img src="https://www.una.edu/brand/images/logo/round/UNA-roundLionPurpleW.png.pagespeed.ce.sooHu-qo8w.png" onclick="location.href = 'https:/una.edu/'" alt="buttonpng" height = "30" width = "30" background-color="black" />
                </a>
                    <a class="nav-link" onclick="location.href='/index'">Home</a>
                    <a class="nav-link" onclick="location.href='/login'">Login</a>
                    <a class="nav-link" onclick="location.href='/register'">Register</a>
                    <a class="nav-link" onclick="location.href='/manage-bookings'" class="manage-bookings-btn">Manage My Bookings</a>
                    <a class="nav-link" href="https://github.com/LoganBeckman21/congenial-barnacle-Group4/blob/main/README.md">About</a>
                    

            </div> 
        
      
     <div class="container">
        <h1>Select a Class to View Its Schedule</h1>
        <H3>Please select your class below to view the available office hours that I have. </H3>
        <form action="/schedule" method="get" class="form-select">
            <select name="course" class="select-class">
                <option value="CS440">CS 440</option>
                <option value="CS455">CS 455</option>
                <option value="ITE449">ITE 449</option>
            </select>
            <button type="submit" class="btn-view">View Schedule</button>
        </form>
    </div>

    <br><br><br><br><br><br><br>

</body>

<footer class="container-fluid text-center">
    <p>Office Hour Application Group 4 - Cumbie Â© 2024</p>
  </footer>

</html>
