diff --git a/static/canvas.css b/static/canvas.css
index 82b4c9c..6d686d2 100644
--- a/static/canvas.css
+++ b/static/canvas.css
@@ -15,12 +15,45 @@ html, body {
 }
 
 .navbarCont {
-    background-color: grey;
+    position: relative;
+    background-color: #2c3e50;
     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;
@@ -68,3 +101,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 031a8be..e78ea58 100644
--- a/static/canvas.html
+++ b/static/canvas.html
@@ -13,7 +13,11 @@
   <body>
     <div class="wrapper">
       <div class="navbarCont">
-        <h1>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
