diff --git a/restaurants.html b/restaurants.html
index 99502955f26f7348189e2d8570ec8b8d1d008827..1f3ab9ce937816ad5098a5bbb292c67e7c1177ad 100644
--- a/restaurants.html
+++ b/restaurants.html
@@ -1,36 +1,72 @@
+
<!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>
+ <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>
<div class="jumbotron" id="homePageJumbo">
-
-
+
<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="restaurants_section">
<h1>Restaurants</h1>
</div>
- <ul>
- <li>Insert items here</li>
- </ul>
- <!-- Edit from Sam -->
-
+ <div class="side_bar"></div>
+
+ <div class="main_bar">
+ <div class="an_item">
+ <h1 class="r_name">Restaurants</h1>
+
+ <h2></h2>
+ <img>
+ </div>
+ </div>
+
+ <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>