diff --git a/templates/base/header.tmpl b/templates/base/header.tmpl
index 4c49db6..209ecd6 100644
--- a/templates/base/header.tmpl
+++ b/templates/base/header.tmpl
@@ -8,4 +8,6 @@
     <link rel="stylesheet" href="{{.BaseUrl}}public/css/main.css">
   </head>
   <body>
+  
+{{template "base/nav" .}}
 {{end}}
\ No newline at end of file
diff --git a/templates/base/nav.tmpl b/templates/base/nav.tmpl
new file mode 100644
index 0000000..d21b024
--- /dev/null
+++ b/templates/base/nav.tmpl
@@ -0,0 +1,74 @@
+
+{{define "base/nav"}}
+<nav class="navbar" role="navigation" aria-label="main navigation">
+  <div class="navbar-brand">
+    <a class="navbar-item" href="{{.BaseUrl}}">
+      <p><strong>{{.AppName}}</strong></p>
+    </a>
+
+    <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
+      <span aria-hidden="true"></span>
+      <span aria-hidden="true"></span>
+      <span aria-hidden="true"></span>
+    </a>
+  </div>
+
+  <div id="navbarBasicExample" class="navbar-menu">
+    <div class="navbar-start">
+      {{if .Actions}}
+      <a class="navbar-item">
+        Actions
+      </a>
+      {{end}}
+      {{if .Integrations}}
+      <a class="navbar-item">
+        Integrations
+      </a>
+      {{end}}
+    </div>
+
+    {{/*
+    <div class="navbar-end">
+      <div class="navbar-item">
+        <div class="buttons">
+          <a class="button is-primary">
+            <strong>Sign up</strong>
+          </a>
+          <a class="button is-light">
+            Log in
+          </a>
+        </div>
+      </div>
+    </div>
+    */}}
+  </div>
+</nav>
+
+<script>
+document.addEventListener('DOMContentLoaded', () => {
+
+  // Get all "navbar-burger" elements
+  const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
+
+  // Check if there are any navbar burgers
+  if ($navbarBurgers.length > 0) {
+
+    // Add a click event on each of them
+    $navbarBurgers.forEach( el => {
+      el.addEventListener('click', () => {
+
+        // Get the target from the "data-target" attribute
+        const target = el.dataset.target;
+        const $target = document.getElementById(target);
+
+        // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
+        el.classList.toggle('is-active');
+        $target.classList.toggle('is-active');
+
+      });
+    });
+  }
+
+});
+</script>
+{{end}}
\ No newline at end of file
diff --git a/templates/home.tmpl b/templates/home.tmpl
index ed4b159..06a8dea 100644
--- a/templates/home.tmpl
+++ b/templates/home.tmpl
@@ -5,14 +5,6 @@
 var Active = "{{.File.Name}}";
 </script>
 
-<section class="hero is-small is-primary">
-  <div class="hero-body" id="title">
-    <p class="title">
-      {{.AppName}}
-    </p>
-  </div>
-</section>
-
 <div class="columns">
   <div class="column is-one-quarter">
     <div class="box">
