
<!DOCTYPE html>
<html lang = "en">
<head>

	<link rel="stylesheet" href="/css/style.css">
	<meta charset = "UTF-8">
	<title> My Form </title>
	<style>
		#mylink{
			font-size: 25px;
		}
	</style>

<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>
</head>
<body align ='center'>
        <header>
		<h1>Login</h1>
	</header>

	<form action="/login" method="POST">
		<fieldset>
				
			<label>Email ID</label>
			<input type ="email" id = 'email' name="email" placeholder="abc@example.com" required>
			<br><br>

			<label>Password</label>
			<input type="password" id = "password" name="password" required>
			<br><br>

			<button type ="student">Sign in as Student</button>
			<button type ="professor">Sign in as Professor</button>
		</fieldset>
        </form>
        <br><br>
    

</body>

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