diff --git a/templates/hw2e4person.html b/templates/hw2e4person.html
index d062b63..4fcade3 100644
--- a/templates/hw2e4person.html
+++ b/templates/hw2e4person.html
@@ -1,12 +1,13 @@
 <!doctype html>
 <html>
 <head>
+
+<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
+<link href="Styles/searchbox.css" rel="stylesheet">
+
 	<style>
-	body
-	{
-		background-color:#2fa4e7;
-	}
-	a
+
+	h1
 	{
 		font-size:200%;
 		text-shadow: 0px 2px 3px #666;
@@ -14,24 +15,49 @@
 	}
 	img
 	{
-		border:10px solid #000000;
+		border:10px solid #2fa4e7;
 		width:400px;
 		height:400px;
-		text-align:center;
+		display: block;
+    	margin: 0 auto;
+
 	}
 	</style>
 </head>
 <body>
-	<a>200</a> </br>
+
+<div class="navbar navbar-default">
+  <div class="navbar-header">
+    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
+      <span class="icon-bar"></span>
+      <span class="icon-bar"></span>
+      <span class="icon-bar"></span>
+    </button>
+    <a class="navbar-brand" href="homepage.html">5Crib</a>
+  </div>
+  <div class="navbar-collapse collapse navbar-responsive-collapse">
+    <ul class="nav navbar-nav">
+      <li><a href="searchbox.html">Find A Suite!</a></li>
+      
+   
+    <ul class="nav navbar-nav navbar-right">
+      <li><a href="drawEntry.html">Get Your Room Draw Rank!</a></li>
+      <li><a href="homepage.html">Map View</a></li>
+      <li><a href="Suite Pictures">Suite Pictures</a></li>
+    </ul>
+  </div>
+</div>
+
+	<h1>200</h1> </br>
 	<img src="http://i.imgur.com/shBqHDh.jpg"></img>
 </br>
-	<a>202</a> </br>
+	<h1>202</h1> </br>
 	<img src="http://i.imgur.com/MOCMUmT.jpg"></img>
 </br>
-	<a>204</a> </br>
+	<h1>204</h1> </br>
 	<img src="http://i.imgur.com/jLbyBMs.jpg"></img>
 </br>
-	<a>206</a>
+	<h1>206</h1>
 	</br>
 	<img src="http://i.imgur.com/tZiY5UB.jpg"></img>
 </body>
