diff --git a/404.html b/404.html
index 086a5c9..90530ce 100644
--- a/404.html
+++ b/404.html
@@ -1,25 +1,56 @@
 ---
 permalink: /404.html
-layout: default
+layout: none
+title: Page Not Found | Error 404
 ---
 
-<style type="text/css" media="screen">
-  .container {
-    margin: 10px auto;
-    max-width: 600px;
-    text-align: center;
-  }
-  h1 {
-    margin: 30px 0;
-    font-size: 4em;
-    line-height: 1;
-    letter-spacing: -1px;
-  }
-</style>
+<!DOCTYPE html>
+<html lang="en">
 
-<div class="container">
-  <h1>404</h1>
+{% include head.html %}
 
-  <p><strong>Page not found :(</strong></p>
-  <p>The requested page could not be found.</p>
-</div>
+<body>
+  <main>
+
+
+    {% include sidebar.html %}
+
+
+    <!--
+      - #main-content
+    -->
+
+    <div class="main-content">
+
+      <!--
+        - #NAVBAR
+      -->
+
+      <article class="active">
+
+        <header>
+            <h2 class="h2 article-title">{{ page.title }}</h2>
+        </header>
+
+        We can't find that... How about going to the homepage? <a href="/">Click here.</a>
+
+      </article>
+
+    </div>
+
+  </main>
+
+  <!--
+    - custom js link
+  -->
+  <script src="/assets/js/script.js"></script>
+
+  <!--
+    - ionicon link
+  -->
+  <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
+  <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
