diff --git a/css/global.css b/css/global.css
new file mode 100644
index 0000000..6f92dcf
--- /dev/null
+++ b/css/global.css
@@ -0,0 +1,33 @@
+ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background-color: #333;
+}
+
+li {
+  float: left;
+}
+
+li a {
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+}
+
+li a:hover {
+  background-color: #111;
+}
+
+a {
+    text-decoration: none;
+}
+a:link, a:visited {
+    color: green;
+}
+a:hover {
+    color: red;
+}
diff --git a/css/posts.css b/css/posts.css
index cddab2a..6ce4860 100644
--- a/css/posts.css
+++ b/css/posts.css
@@ -56,16 +56,6 @@ button {
   font-family: 'system-ui';
 }
 
-a {
-    text-decoration: none;
-}
-a:link, a:visited {
-    color: green;
-}
-a:hover {
-    color: red;
-}
-
 .post,.self {
   width: 50%;
   margin-left: 25%;
diff --git a/views/changePW.html b/views/changePW.html
index 6c67110..2a7b2f0 100644
--- a/views/changePW.html
+++ b/views/changePW.html
@@ -6,10 +6,16 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Change Password</title>
     <link rel="stylesheet" href="/css/changePW.css">
+    <link rel="stylesheet" href="/css/global.css">
     <script type="text/javascript" src="/js/httppost.js"></script>
 </head>
 <body>
   <div>
+    <ul class="navbar">
+      <li><a href="/">Home</a></li>
+      <li><a href="/user">Profile</a></li>
+      <li><a href="/posts">Posts</a></li>
+    </ul>
     <h1 id="username">Current User: USER</h1>
     <label for="currentPW">Current Password:</label>
     <input id="currentPW" placeholder="Current Password" autofocus type="password">
diff --git a/views/index.html b/views/index.html
index a754cfb..1932a95 100644
--- a/views/index.html
+++ b/views/index.html
@@ -1,5 +1,6 @@
 <head>
   <link rel="stylesheet" href="/css/logon.css">
+  <link rel="stylesheet" href="/css/global.css">
   <script src="/js/index.js" charset="utf-8"></script>
 </head>
 
@@ -10,6 +11,11 @@
     <main>
       <form id="login_form" class="form_class" action="login" method="post">
           <div class="info_div">
+            <ul class="navbar">
+              <li><a href="/">Home</a></li>
+              <li><a href="/user">Profile</a></li>
+              <li><a href="/posts">Posts</a></li>
+            </ul>
 
             IPost is a revolutionary chatting website <br>
             featuring an innovative design <br>
diff --git a/views/otheruser.html b/views/otheruser.html
index 2a4a62d..db0f7cc 100644
--- a/views/otheruser.html
+++ b/views/otheruser.html
@@ -6,8 +6,14 @@
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <title>USERS Page</title>
       <link rel="stylesheet" href="/css/style.css">
+      <link rel="stylesheet" href="/css/global.css">
   </head>
   <body>
+    <ul class="navbar">
+      <li><a href="/">Home</a></li>
+      <li><a href="/user">Profile</a></li>
+      <li><a href="/posts">Posts</a></li>
+    </ul>
     <h3 id="userName">USER</h3>
     <h4 id="userBio">Bio: </h4>
     <button id="mentionClick" onclick="mention()">Mention this User in Posts!</button>
diff --git a/views/posts.html b/views/posts.html
index 1682891..865b7df 100644
--- a/views/posts.html
+++ b/views/posts.html
@@ -4,11 +4,17 @@
     <meta charset="utf-8">
     <title>Posts</title>
     <link rel="stylesheet" href="/css/posts.css">
+    <link rel="stylesheet" href="/css/global.css">
     <script type="text/javascript" src="/js/httppost.js"></script>
     <script type="text/javascript" src="/js/htmlescape.js"></script>
 
   </head>
   <body>
+    <ul class="navbar">
+      <li><a href="/">Home</a></li>
+      <li><a href="/user">Profile</a></li>
+      <li><a href="/posts">Posts</a></li>
+    </ul>
     <div class="self">
       Username: <span class="Username" id="username-self"></span> <br>
       <textarea name="name" id="post-text" rows="8" cols="80"></textarea>
diff --git a/views/user.html b/views/user.html
index bc55943..573e30e 100644
--- a/views/user.html
+++ b/views/user.html
@@ -6,17 +6,21 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Logged In</title>
     <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="/css/global.css">
     <script src="/js/httppost.js" charset="utf-8"></script>
 </head>
 <body onload="setuser()">
+  <ul class="navbar">
+    <li><a href="/">Home</a></li>
+    <li><a href="/user">Profile</a></li>
+    <li><a href="/posts">Posts</a></li>
+  </ul>
     <h1>Welcome Back!</h1>
     <h2 id="user">User: USER</h2>
     <br>
     <span class="bio">Bio: <input type="text" id="bio" disabled placeholder="wow such empty"></span>
     <button id="changeBio" onclick="bioChanger()">Change Bio</button>
     <br>
-    <button onclick="location.assign('/login')">To Login Page</button><button onclick="location.assign('/register')">To Register Page</button>
-    <br>
     <button onclick="location.assign('/changePW')">Want to change your password?</button>
     <br>
     <button onclick="location.assign('/posts')">Want to chat with some cool fellas?</button>
@@ -31,7 +35,7 @@
         if(user["error"])bio=user["error"];
         if(!bio)bio="wow such empty"
         document.getElementById("user").innerText = `User: ${username}`;
-        document.getElementById("bio").placeholder = bio;
+        document.getElementById("bio").placeholder = atob(bio);
 
       }
 
