diff --git a/templates/sheet.html b/templates/sheet.html
index 8d9c8ab..26a7cc1 100644
--- a/templates/sheet.html
+++ b/templates/sheet.html
@@ -11,14 +11,52 @@
  
 <body>
 
-<div class="columns is-centered is-gapless">
-    {%for character in sheets%}
-    <div class="column is-narrow" >
-        <p class="bd-notification">
-            <pre>{{character | join("\n")}}</pre>
-        </p>
+<nav class="navbar" role="navigation" aria-label="main navigation">
+  <div class="navbar-brand">
+    <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>
+      <span aria-hidden="true"></span>
+    </a>
+  </div>
+
+  <div id="navbarBasicExample" class="navbar-menu">
+    <div class="navbar-start">
+      <a class="navbar-item">
+        Characters
+      </a>
+
+      <a class="navbar-item">
+        VTT
+      </a>
+      
+    </div>
+  </div>
+
+  </div>
+</nav>
+
+<div class="card">
+    <div class="container">
+    <div class="content">
+        <div class="card-content">
+            <div class="content">
+                <h2>Welcome to the Dungeon</h2>
+                <p>Below are your randomly generated characters!</p>
+    
+                <div class="columns">
+                    {%for character in sheets%}
+                    <div class="column is-narrow" >
+                    <h3> Character!</h3>
+                    <pre>{{character | join("\n")}}</pre>
+                    </div>
+                    {%endfor%}
+                </div>
+            </div>
+        </div>
+    </div>
     </div>
-    {%endfor%}
 </div>
 
 </body>
