diff --git a/lib/planner_web/templates/error/404.html.eex b/lib/planner_web/templates/error/404.html.eex
new file mode 100644
index 0000000..c698674
--- /dev/null
+++ b/lib/planner_web/templates/error/404.html.eex
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <title>planner</title>
+    <link rel="stylesheet" href="<%= Routes.static_path(@conn, "/css/app.css") %>"/>
+    <%= csrf_meta_tag() %>
+    <script defer type="text/javascript" src="<%= Routes.static_path(@conn, "/js/app.js") %>"></script>
+  </head>
+  <body>
+    <nav class="navbar is-dark mb-5" role="navigation">
+      <div class="navbar-brand">
+        <%= link "planner", to: Routes.tasks_path(@conn, :index), class: "navbar-item has-text-weight-bold hast-text-info-light" %>
+
+        <a role="button" class="navbar-burger burger" data-target="nvbr">
+          <span></span>
+          <span></span>
+          <span></span>
+        </a>
+      </div>
+
+      <div id="nvbr" class="navbar-menu">
+        <div class="navbar-start"></div>
+
+        <div class="navbar-end">
+          <%= link "log out", to: Routes.user_session_path(@conn, :delete), method: :delete, class: "navbar-item" %>
+        </div>
+      </div>
+    </nav>
+
+    <main role="main" class="container">
+      <div>
+        404
+      </div>
+    </main>
+  </body>
+</html>
