diff --git a/dorms.html b/dorms.html
index 720bd9e8cbaba66a5258e5dde133fd9ae2c5aff7..4bbdfa03d7d68ca526f470b200040eb09acd61bc 100644
--- a/dorms.html
+++ b/dorms.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,27 +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>
+ <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="dorms_section">
<h1>Dorms</h1>
</div>
- <ul>
- <li>Millenium</li>
- <li>Towers</li>
- <li>Van Rensselaer</li>
- <li>Bently</li>
- <li>Race</li>
- <li>Caneris</li>
- <li>North</li>
- <li>Stiles</li>
- <li>Myers</li>
- <li>Kelly</li>
- <li>Summit</li>
- <li>Chestnut</li>
- <li>University Crossing</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>