diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 81f7b568b0113a18b038390684b647bdc89adb27..da23bc409321ce3f8e6857c57bd2a0bd57db51c8 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -16,6 +16,11 @@
 
     <main aria-role="main">
       <header>
+        <nav>
+          <div class="container">
+            <a href="/" title="To Homepage"><img src="/logo.png" alt="StuStaNet" class="logo" /></a>
+          </div>
+        </nav>
         <h1>{{.Title}}</h1>
         {{ with .Params.subtitle }}
         <span class="subtitle">{{.}}</span>
diff --git a/static/logo.png b/static/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..6a3104b788b27f021e5494bcc5f5f2dc3cdc926b
Binary files /dev/null and b/static/logo.png differ
diff --git a/static/styles.css b/static/styles.css
index aaddc8ce07919f4865e1750d1e1ffe4cb16a38a8..60e8448d79cb6821177a97a9f3e80e539164fe06 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -20,6 +20,23 @@ body {
     color: #4B4B4B;
 }
 
+nav {
+    background: #fff;
+    width: 100%;
+    height: 54px;
+    position: fixed;
+    top: 0;
+    left: 0;
+    box-shadow: 0 0 8px 0 rgba(0,0,0,0.12);
+    z-index: 1;
+}
+
+nav a img.logo {
+    height: 34px;
+    width: auto;
+    margin: 10px 10px 10px -5px;
+}
+
 .lang-dropdown {
     color: #EDEDED;
     cursor: default;