diff --git a/index.html b/index.html
index bd93998..a34241c 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,37 @@
   
 </head>
 
+<body>
+
+<!-- Dropdown Structure -->
+<ul id="dropdown1" class="dropdown-content">
+  <li><a href="/archive"><i class="mdi mdi-information left"></i>Archive</a></li>
+</ul>
+<div class="navbar-fixed">
+  <nav role="navigation">
+    <div class="nav-wrapper container">
+
+      <a id="logo-container" href="/" class="brand-logo">
+
+        <span class="align-right"><img src="/images/decaf-logo-md.svg" height="60" alt="" style="float:left"></span>
+        <span style="float: left;">DD-DeCaF: Blog</span>
+      </a>
+      <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
+      <ul class="right hide-on-med-and-down">
+        <!-- Dropdown Trigger -->
+        <li><a class="dropdown-button" href="#!" data-activates="dropdown1">Navigation<i class="material-icons right">arrow_drop_down</i></a></li>
+      </ul>
+      <ul class="side-nav" id="mobile-demo">
+        <li><a href="/archive"><i class="mdi mdi-information left"></i>Archive</a></li>
+      </ul>
+
+    </div>
+  </nav>
+</div>
 
 <p>Hello world!</p>
 
 <iframe width="560" height="315" src="https://www.youtube.com/embed/5_h_rWcoTe8?si=8DlU6IaBpcKTfQ6W" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+
+</body>
