diff --git a/lib/Dojo.pm b/lib/Dojo.pm
index cefbe55..fc361dd 100755
--- a/lib/Dojo.pm
+++ b/lib/Dojo.pm
@@ -74,7 +74,12 @@ use Dojo::Model::Users;
 
 # =============================================================================
   
-
+  $r->any('/*whatever' => {whatever => ''} => sub {
+    my $c        = shift;
+    my $whatever = $c->param('whatever');
+    $c->stash(layout=>'clean');
+    $c->render(template=>'home/not_found');
+});
 }
 
 1;
diff --git a/public/global/error/404.css b/public/global/error/404.css
new file mode 100644
index 0000000..9ce4343
--- /dev/null
+++ b/public/global/error/404.css
@@ -0,0 +1,16 @@
+body {margin:25px;
+  background-color:#94C8DB;
+}
+
+div.polaroid {
+  width: 80%;
+  background-color: white;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+  margin: 10vh auto auto auto;
+}
+img{width: 100%}
+
+div.container {
+  text-align: center;
+  padding: 10px 20px;
+}
diff --git a/public/global/error/hono.jpg b/public/global/error/hono.jpg
new file mode 100644
index 0000000..41ba6fe
Binary files /dev/null and b/public/global/error/hono.jpg differ
diff --git a/templates/home/not_found.html.ep b/templates/home/not_found.html.ep
new file mode 100755
index 0000000..688296f
--- /dev/null
+++ b/templates/home/not_found.html.ep
@@ -0,0 +1,7 @@
+% stash css => ["/global/error/404.css"];
+<div class="polaroid">
+  <img src="/global/error/hono.jpg">
+  <div class="container">
+  <p>Error 404</p>
+  </div>
+</div>