diff --git a/static/canvas.css b/static/canvas.css
index 06e3162..a2dd7a1 100644
--- a/static/canvas.css
+++ b/static/canvas.css
@@ -21,12 +21,45 @@ html, body {
 }
 
 .navbarCont {
+    position: relative;
     background-color: var(--utsa-blue);
     width: 100%;
     text-align: center;
     margin-bottom: 10px;
 }
 
+.navbarCont a {
+    float: left;
+    text-align: center;
+    padding: 12px;
+    text-decoration: none;
+    color: #e67e22;
+}
+
+.navbarCont a.icon {
+    padding: 0px;
+}
+
+.navbarCont a.title {
+    font-size: 26.5px;
+}
+
+.navbarCont a.rightB {
+    float: right;
+    display: inline-block;
+    padding: 20px;
+    margin: 0;
+    color: #ecf0f1;
+}
+
+.navbarCont a.rightB:hover {
+    background-color: #34495e
+}
+
+.navbarCont img {
+    float: left;
+}
+
 .canvasCont {
     display: flex;
     flex-direction: column;
@@ -74,3 +107,10 @@ canvas {
     margin: 20px;
     image-rendering: pixelated;
 }
+
+@media screen and (max-width: 600px) {
+    .navbarCont a {
+      /* possible hamburger menu for moblie users*/
+      position: absolute
+    }
+  }
diff --git a/static/canvas.html b/static/canvas.html
index 03aeb71..4d3135f 100644
--- a/static/canvas.html
+++ b/static/canvas.html
@@ -13,7 +13,11 @@
   <body>
     <div class="wrapper">
       <div class="navbarCont">
-        <h1 style="color: white;">ThePlaceHolders</h1>
+        <a class="icon" href="./index.html"><img src="navbarlogo.png"></img></a>
+        <a class="title" href="./index.html">ThePlaceHolders</a>
+        <a class="rightB" href="./contact.html">Contact</a>
+        <a class="rightB">Login</a>
+        <a class="rightB">Settings</a>
       </div>
       <!--note to self: below IS the canvas-->
       <!--<div class="canvasCont">-->
diff --git a/static/navbarlogo.png b/static/navbarlogo.png
new file mode 100644
index 0000000..e9a6c07
Binary files /dev/null and b/static/navbarlogo.png differ
