diff --git a/templates/navbar.html b/templates/navbar.html
new file mode 100644
index 0000000..d0fd9be
--- /dev/null
+++ b/templates/navbar.html
@@ -0,0 +1,31 @@
+<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+    <a class="navbar-brand" href="#"></a>
+
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
+      aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse" id="navbar">
+
+      <!-- left side -->
+      <ul class="navbar-nav mr-auto">
+
+        <li class="nav-item">
+          <a class="nav-link" href="/">New User</a>
+        </li>
+
+        <li class="nav-item">
+          <a class="nav-link" href="/list-users">Existing Users</a>
+        </li>
+
+      </ul>
+      
+    </div>
+</nav>
+
+<nav id="navbar-ph" class="navbar navbar-dark bg-dark fake">
+  <li class="navbar-nav">
+    <a class="nav-link" href="#">placeholder</a>
+  </li>
+</nav>