diff --git a/src/humulus/static/style.css b/src/humulus/static/style.css
new file mode 100644
index 0000000..9fd33b6
--- /dev/null
+++ b/src/humulus/static/style.css
@@ -0,0 +1,18 @@
+.bd-placeholder-img {
+  font-size: 1.125rem;
+  text-anchor: middle;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+@media (min-width: 768px) {
+  .bd-placeholder-img-lg {
+    font-size: 3.5rem;
+  }
+}
+
+body {
+  padding-top: 5rem;
+}
diff --git a/src/humulus/templates/_base.html b/src/humulus/templates/_base.html
index 035cfb9..608fea5 100644
--- a/src/humulus/templates/_base.html
+++ b/src/humulus/templates/_base.html
@@ -1,4 +1,4 @@
-{#
+{#-
   Copyright 2019 Mike Shoup
 
   Licensed under the Apache License, Version 2.0 (the "License");
@@ -12,7 +12,8 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
 limitations under the License.
-#}
+-#}
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8">
@@ -20,11 +21,30 @@ limitations under the License.
 
     <!-- Bootstrap CSS -->
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" />
 
     <title>{% block title %}{% endblock %} - Humulus</title>
   </head>
   <body>
+    <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
+      <a class="navbar-brand" href="{{ url_for('index') }}">Humulus</a>
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHumulusDefault" aria-controls="navbarHumulusDefault" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+
+      <div class="collapse navbar-collapse" id="navbarHumulusDefault">
+        <ul class="navbar-nav ml-auto">
+          <li class="nav-item active">
+            <a class="nav-link" href="#">Login</a>
+          </li>
+        </ul>
+      </div>
+    </nav>
+
+    <main role="main" class="container">
     {% block body %}{% endblock %}
+    </main><!-- /.container -->
+
 
     <!-- Bootstrap JS -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
diff --git a/src/humulus/templates/index.html b/src/humulus/templates/index.html
index fe3eac3..a28a626 100644
--- a/src/humulus/templates/index.html
+++ b/src/humulus/templates/index.html
@@ -1,4 +1,4 @@
-{#
+{#-
   Copyright 2019 Mike Shoup
 
   Licensed under the Apache License, Version 2.0 (the "License");
@@ -12,10 +12,10 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
 limitations under the License.
-#}
+-#}
 {% extends '_base.html' %}
 {% block title %}Home{% endblock %}
 
 {% block body %}
-<h1>Home</h1>
+<div><h1>Home</h1></div>
 {% endblock %}
