diff --git a/professors.html b/professors.html
index f67fe0361295e3d13ca2a4be77f407202b78c1e0..75bd0a6dc07a524408b41abeb3fbbd6f8a870eeb 100644
--- a/professors.html
+++ b/professors.html
@@ -1,18 +1,19 @@
+
<!DOCTYPE html>
<html>
<head>
- <!-- Latest compiled and minified CSS -->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
-
-<!-- jQuery library -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
-
-<!-- Latest compiled JavaScript -->
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
+ <!-- Latest compiled and minified CSS -->
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
+
<!-- Link to CSS file -->
<link rel="stylesheet" href="index.css">
+ <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
+
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>
+
+
</head>
<body>
@@ -22,16 +23,41 @@
<h2 class="jumbotext"id="homePageSlogan1">For the Students </h2> <h1 class="jumbotext" id="homepageTitle">THE QUAD</h1>
<h2 class="jumbotext" id="homePageSlogan2" >By the Students </h2>
</div>
- <div class="sub_section" id="professors_section">
+ <nav class="navbar navbar-expand-lg navbar-light thenav">
+ <span class="navbar-brand nav_title">Drexel</span>
+ <div class="collapse navbar-collapse" >
+ <ul class="navbar-nav">
+
+ <li><div class="hl"></div></li>
+ <li class="nav-item active">
+
+ <a class="nav-link nav_buttons" href="index.html">Home</a>
+
+ </li>
+ <li><div class="hl"></div></li>
+ <li>
+ <form class="form-inline">
+ <div class="align_ input-group">
+ <input class="form-control" type="search" placeholder="Search" aria-label="Search">
+ <button class=" btn btn-outline-success search_button" type="submit">Search</button>
+ </div>
+ </form>
+ </li>
+ <li><div class="hl"></div></li>
+ <li class="nav-item active">
+ <a class="nav-link nav_buttons" href="restaurants.html">About Us</a>
+ </li>
+ <li><div class="hl"></div></li>
+ </ul>
+ </div>
+ <span class="navbar-brand h1"><img id="drexel_dragon"src="drexel_dragon.png"></span>
+ </nav>
+ <div class="sub_section" id="professors_section">
<h1>Professors</h1>
</div>
-
- <ul>
- <li>Insert items here</li>
- </ul>
- <!-- Edit from Sam -->
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
</body>
</html>