diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb
new file mode 100644
index 0000000..a9fdd12
--- /dev/null
+++ b/app/views/layouts/_header.html.erb
@@ -0,0 +1,30 @@
+<nav class="navbar" role="navigation" aria-label="main navigation">
+  <div class="container">
+    <div class="navbar-brand">
+       <a class="navbar-item is-size-4 has-text-black has-text-weight-bold is-font-logo" href="/">
+          TinyForms
+        </a>
+
+      <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"
+        data-target="navbar-menu">
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+      </a>
+    </div>
+
+    <div id="navbar-menu" class="navbar-menu">
+      <div class="navbar-end">
+        <div class="navbar-item">
+          <div class="buttons">
+            <% if !logged_in? -%>
+              <%= link_to "Login", login_url, { :class => "button is-primary"} %>
+            <% else -%>
+              <%= link_to "Logout", logout_url, { :class => "button is-light"} %>
+            <% end -%>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</nav>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index ff250d1..b001690 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -11,49 +11,12 @@
   <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
 </head>
 
-<body>
-  <!-- Wrapper -->
-  <div id="wrapper" class="has-text-centered-mobile">
+<body class="has-text-centered-mobile">
 
-    <!-- Hero -->
-    <section class="hero is-medium is-light">
-      <div class="hero-head">
-        <div class="container">
-          <nav class="navbar" role="navigation" aria-label="main navigation">
-            <div class="navbar-brand">
-               <a class="navbar-item is-size-4 has-text-black has-text-weight-bold is-font-logo" href="/">
-                  TinyForms
-                </a>
-
-              <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"
-                data-target="navbar">
-                <span aria-hidden="true"></span>
-                <span aria-hidden="true"></span>
-                <span aria-hidden="true"></span>
-              </a>
-            </div>
-
-            <div id="navbar" class="navbar-menu">
-              <div class="navbar-end">
-                <div class="navbar-item">
-                  <div class="buttons">
-                    <% if !logged_in? -%>
-                    <%= link_to "Login", login_url, { :class => "button is-primary"} %>
-                    <% else -%>
-                    <%= link_to "Logout", logout_url, { :class => "button is-light"} %>
-                    <% end -%>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </nav>
-        </div>
-    </section>
-
-    <main>
-      <%= yield %>
-    </main>
-  </div>
+  <%= render 'layouts/header' %>
+  <main>
+    <%= yield %>
+  </main>
 </body>
 
 </html>
