diff --git a/README.md b/README.md
index e69de29..01d05e7 100644
--- a/README.md
+++ b/README.md
@@ -0,0 +1,3 @@
+# 404
+
+simple
diff --git a/app/404.css b/app/404.css
new file mode 100644
index 0000000..64a2a64
--- /dev/null
+++ b/app/404.css
@@ -0,0 +1,42 @@
+body {
+ background-color: #f1f1f1;
+ margin: 0;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+.container { margin: 50px auto 40px auto; width: 600px; text-align: center; }
+
+a { color: #313131; text-decoration: none;}
+a:hover { color: #ef454a;}
+
+h1 { width: 800px; position:relative; left: -100px; letter-spacing: -1px; line-height: 60px; font-size: 60px; font-weight: 100; margin: 0px 0 50px 0; text-shadow: 0 1px 0 #fff; }
+p { color: rgba(0, 0, 0, 0.5); margin: 20px 0; line-height: 1.6; }
+
+ul { list-style: none; margin: 25px 0; padding: 0; }
+li { display: table-cell; font-weight: bold; width: 1%; }
+
+.logo { display: inline-block; margin-top: 35px; }
+.logo-img-2x { display: none; }
+@media
+only screen and (-webkit-min-device-pixel-ratio: 2),
+only screen and ( min--moz-device-pixel-ratio: 2),
+only screen and ( -o-min-device-pixel-ratio: 2/1),
+only screen and ( min-device-pixel-ratio: 2),
+only screen and ( min-resolution: 192dpi),
+only screen and ( min-resolution: 2dppx) {
+ .logo-img-1x { display: none; }
+ .logo-img-2x { display: inline-block; }
+}
+
+#suggestions {
+ margin: 35px;
+ color: #ccc;
+}
+
+span.icon-phoenix-world{
+ font-size: 50px;
+}
+
+span.icon-ai {
+ font-size: 50px;
+}
diff --git a/app/index.html b/app/index.html
new file mode 100644
index 0000000..ac86718
--- /dev/null
+++ b/app/index.html
@@ -0,0 +1,20 @@
+
+
+
+
+ 404
+
+
+
+
+
+
+
diff --git a/compose.yml b/compose.yml
new file mode 100644
index 0000000..06c29d1
--- /dev/null
+++ b/compose.yml
@@ -0,0 +1,7 @@
+services:
+ site:
+ image: starefossen/github-pages:latest
+ volumes:
+ - ./app:/usr/src/app
+ ports:
+ - 4000:4000