diff --git a/error.hbs b/error.hbs
index 19afa6e4..a1773fe2 100644
--- a/error.hbs
+++ b/error.hbs
@@ -1,34 +1,118 @@
+<!DOCTYPE html>
+<html lang="{{@site.locale}}">
+<head>
 
-{{!< default}}
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="{{asset "built/screen.css"}}" />
 
-<section class="gh-page gh-error">
-    <div class="gh-container">
+    <title>{{meta_title}}</title>
 
-        <section class="gh-error-content">
+    {{ghost_head}}
+    {{!-- Outputs important meta data and settings, should always be in <head> --}}
 
-            <h1 class="gh-error-code">{{statusCode}}</h1>
-            <p class="gh-error-description">{{message}}</p>
-            <p class="gh-error-link"><a href="{{@site.url}}">Go to the front page →</a></p>
+</head>
 
-            {{#if errorDetails}}
-            <section class="gh-error-stack">
-                <h4>Theme errors:</h4>
-                <ul class="gh-error-stack-list">
-                    {{#foreach errorDetails}}
-                    <li>
-                        <h5 class="gh-error-stack-function">{{{rule}}}</h5>
+<body class="{{body_class}}">
+<div class="gh-viewport">
 
-                        {{#foreach failures}}
-                        <span class="gh-error-stack-file"><strong>Ref:</strong> {{ref}}</span><br>
-                        <span class="gh-error-stack-file"><strong>Message:</strong> {{message}}</span>
+<header id="gh-head" class="gh-head">
+    <nav class="gh-head-inner gh-container">
+
+        <div class="gh-head-brand">
+            <a class="gh-head-logo" href="{{@site.url}}">
+                {{#if @site.logo}}
+                    <img src="{{@site.logo}}" alt="{{@site.title}}" />
+                {{else}}
+                    {{@site.title}}
+                {{/if}}
+            </a>
+            <a class="gh-burger" role="button">
+                <div class="gh-burger-box">
+                    <div class="gh-burger-inner"></div>
+                </div>
+            </a>
+        </div>
+        <div class="gh-head-menu">
+            {{navigation}}
+        </div>
+        <div class="gh-head-actions">
+            <div class="gh-head-actions-list">
+                {{#if @site.facebook}}
+                <a href="{{facebook_url @site.facebook}}" title="Facebook" target="_blank" rel="noopener">{{> "icons/facebook"}}</a>
+                {{/if}}
+                {{#if @site.twitter}}
+                <a href="{{twitter_url @site.twitter}}" title="Twitter" target="_blank" rel="noopener">{{> "icons/twitter"}}</a>
+                {{/if}}
+                <a href="https://feedly.com/i/subscription/feed/{{@site.url}}/rss/" title="RSS" target="_blank" rel="noopener">{{> "icons/rss"}}</a>
+            </div>
+        </div>
+    </nav>
+</header>
+
+<main class="gh-main">
+
+    <section class="gh-page gh-error">
+        <div class="gh-container">
+
+            <section class="gh-error-content">
+
+                <h1 class="gh-error-code">{{statusCode}}</h1>
+                <p class="gh-error-description">{{message}}</p>
+                <p class="gh-error-link"><a href="{{@site.url}}">Go to the front page →</a></p>
+
+                {{#if errorDetails}}
+                <section class="gh-error-stack">
+                    <h4>Theme errors:</h4>
+                    <ul class="gh-error-stack-list">
+                        {{#foreach errorDetails}}
+                        <li>
+                            <h5 class="gh-error-stack-function">{{{rule}}}</h5>
+
+                            {{#foreach failures}}
+                            <span class="gh-error-stack-file"><strong>Ref:</strong> {{ref}}</span><br>
+                            <span class="gh-error-stack-file"><strong>Message:</strong> {{message}}</span>
+                            {{/foreach}}
+                        </li>
                         {{/foreach}}
-                    </li>
-                    {{/foreach}}
-                </ul>
+                    </ul>
+                </section>
+                {{/if}}
+
             </section>
-            {{/if}}
 
-        </section>
+        </div>
+    </section>
 
+</main>
+
+<footer class="gh-foot">
+    <div class="gh-container">
+        <div class="gh-foot-menu">
+            {{navigation}}
+        </div>
+        <div class="gh-foot-meta">
+            Published with <a href="https://ghost.org" target="_blank" rel="noopener">Ghost</a>
+        </div>
     </div>
-</section>
\ No newline at end of file
+</footer>
+
+</div>
+
+<script src="{{asset "built/jquery-3.4.1.min.js"}}"></script>
+
+<script>
+$(document).ready(function () {
+    // Mobile Menu Trigger
+    $('.gh-burger').click(function () {
+        $('body').toggleClass('gh-head-open');
+    });
+});
+</script>
+
+{{ghost_foot}}
+{{!-- Outputs important scripts - should always be included before closing body tag --}}
+
+</body>
+</html>
\ No newline at end of file
