diff --git a/index.html b/index.html
index 29724f040d0da9a0f53bbdde314746c02720b6ac..e1111e5e45e9ae557c60801132433c1b34dace45 100644
--- a/index.html
+++ b/index.html
@@ -2,54 +2,124 @@
<!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>
- <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>
- <div class="row">
- <a href="restaurants.html">
- <div class="clickables resturants">
- <h1>Restaurants</h1>
-
+ <div class="grid-container">
+ <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="row">
+ <div class="clickables" id="restaurants">
+ <h1 class="catagory_titles R">Restaurants</h1>
+ <div class="buttons">
+ <a href="restaurants.html">
+
+ <div class="the_buttons" id="r_button">
+ <div class="search_text">
+ <h5>Find Restaurants</h5>
+ </div>
+ <div class="mag_img">
+ <img class="mag" src="mag.png">
+ </div>
</div>
- </a>
- <a href="classes.html">
+ </a>
+ </div>
+ </div>
<div class="clickables" id="classes">
- <h1>Classes</h1>
-
+ <h1 class="catagory_titles C">Classes</h1>
+ <div class="buttons">
+ <a href="classes.html">
+
+ <div class="the_buttons" id="c_button">
+ <div class="search_text">
+ <h5>Find Classes</h5>
+ </div>
+ <div class="mag_img">
+ <img class="mag" src="mag.png">
+ </div>
+ </div>
+ </a>
</div>
- </a>
- <a href="professors.html">
+ </div>
<div class="clickables" id="professors">
- <h1>Professors</h1>
+ <div class="buttons">
+ <h1 class="catagory_titles P">Professors</h1>
+ <a href="professors.html">
+ <div class="the_buttons" id="p_button">
+ <div class="search_text">
+ <h5>Find Professors</h5>
+ </div>
+ <div class="mag_img">
+ <img class="mag" src="mag.png">
+ </div>
+ </div>
+ </a>
</div>
- </a>
- <a href="dorms.html">
+ </div>
<div class="clickables" id="dorms">
- <h1>Dorms</h1>
+ <h1 class="catagory_titles D">Dorms</h1>
+ <div class="buttons">
+ <a href="dorms.html">
+ <div class="the_buttons" id="d_button">
+ <div class="search_text">
+ <h5>Find Dorms</h5>
+ </div>
+ <div class="mag_img">
+ <img class="mag" src="mag.png">
+ </div>
</div>
- </a>
-
- </div>
-
+ </a>
+ </div>
+ </div>
+ </div>
+
+
+
+
+ </div>
</body>
</html>