diff --git a/content/404.erb b/content/404.erb
new file mode 100644
index 0000000..6d3a384
--- /dev/null
+++ b/content/404.erb
@@ -0,0 +1,9 @@
+---
+title: 404 - Page not found
+---
+
+<img src="assets/images/404.png" alt="" class="img-center"/>
+
+<p class="has-text-centered">
+  - Page not found -
+</p>
diff --git a/content/assets/images/404.png b/content/assets/images/404.png
new file mode 100644
index 0000000..8f37f93
Binary files /dev/null and b/content/assets/images/404.png differ
diff --git a/content/assets/stylesheets/includes/404.scss b/content/assets/stylesheets/includes/404.scss
new file mode 100644
index 0000000..4f870ea
--- /dev/null
+++ b/content/assets/stylesheets/includes/404.scss
@@ -0,0 +1,4 @@
+.img-center {
+  display:block;
+  margin:auto;
+}
diff --git a/content/assets/stylesheets/main.scss b/content/assets/stylesheets/main.scss
index 1913dbb..26b6d32 100644
--- a/content/assets/stylesheets/main.scss
+++ b/content/assets/stylesheets/main.scss
@@ -18,3 +18,4 @@ $family-sans-serif: 'Open Sans', sans-serif;
 @import "includes/cammie";
 @import "includes/events";
 @import "includes/general";
+@import "includes/404";
diff --git a/lib/helpers/assets.rb b/lib/helpers/assets.rb
index 25931cb..26f3210 100644
--- a/lib/helpers/assets.rb
+++ b/lib/helpers/assets.rb
@@ -1,6 +1,7 @@
 module AssetHelper
   def asset(type, identifier)
     {
+      img: "<img src='/assets/images/#{identifier}'/>",
       js: "<script src='/assets/scripts/#{identifier}.js'></script>",
       css: "<link rel='stylesheet' type='text/css' href='/assets/stylesheets/#{identifier}.css'>"
     }[type]