diff --git a/about.html b/about.html
new file mode 100644
index 0000000000000000000000000000000000000000..c4b9ff96b19397bb26df7ec026d5ed163b7d36a2
--- /dev/null
+++ b/about.html
@@ -0,0 +1,73 @@
+
+<!DOCTYPE html>
+<html>
+ <head>
+ <!-- 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>
+ <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="about.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>
+ <div class="side_bar"></div>
+
+ <div class="main_bar">
+ <div class="an_item">
+ <h1 class="r_name">About Us</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>
+
diff --git a/index.html b/index.html
index e1111e5e45e9ae557c60801132433c1b34dace45..011f95735e818bffd564c360daf23530239df2d2 100644
--- a/index.html
+++ b/index.html
@@ -45,7 +45,7 @@
</li>
<li><div class="hl"></div></li>
<li class="nav-item active">
- <a class="nav-link nav_buttons" href="restaurants.html">About Us</a>
+ <a class="nav-link nav_buttons" href="about.html">About Us</a>
</li>
<li><div class="hl"></div></li>
</ul>