diff --git a/layouts/404.html b/layouts/404.html
new file mode 100644
index 0000000..91056b7
--- /dev/null
+++ b/layouts/404.html
@@ -0,0 +1,22 @@
+{{ define "main"}}
+
+<div class="text-404">
+  <h1 class="error-emoji"></h1>
+  <h2>
+      404 ... You've reached an imaginary page!
+  </h2>
+  <h3>
+      Please <a href="https://old.reddit.com/r/learnmath/comments/s4rt0/why_does_multiplying_by_i_correspond_to_90_degree/">rotate your computer 90 degrees</a> and try again.
+  </h3>
+</div>
+<script>
+  const errorEmojiContainer = document.getElementsByClassName('error-emoji')[0];
+  const emojiArray = [
+    '\\(o_o)/', '(o^^)o', '(˚Δ˚)b', '(^-^*)', '(≥o≤)', '(^_^)b', '(·_·)',
+    '(=\'X\'=)', '(>_<)', '(;-;)', '\\(^Д^)/',
+  ];
+  const errorEmoji = emojiArray[Math.floor(Math.random() * emojiArray.length)];
+  errorEmojiContainer.appendChild(document.createTextNode(errorEmoji));
+</script>
+
+{{ end }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
new file mode 100644
index 0000000..6b89601
--- /dev/null
+++ b/layouts/partials/footer.html
@@ -0,0 +1,3 @@
+<footer class="footer">
+    <span>{{ .Site.Params.Footer }}</span>
+</footer>