diff --git a/src/routes/404/+page.svelte b/src/routes/404/+page.svelte
new file mode 100644
index 0000000..421e930
--- /dev/null
+++ b/src/routes/404/+page.svelte
@@ -0,0 +1,19 @@
+<script>
+    import NavBar from "../../components/NavBar.svelte";
+    import Footer from "../../components/Footer.svelte";
+    import ParallaxBg from "../../components/ParallaxBg.svelte";
+    import Padding from "../../components/padding.svelte";
+</script>
+
+<ParallaxBg>
+    <NavBar />
+    <title>404</title>
+    <div class="container">
+        <Padding />
+        <h1>405</h1>
+        <p>This is not the 404 page.</p>
+        <p>This is the 405 page.</p>
+        <p>how dare you visit this page -_-</p>
+    </div>
+    <Footer />
+</ParallaxBg>
diff --git a/src/routes/405/+page.svelte b/src/routes/405/+page.svelte
new file mode 100644
index 0000000..f8a40de
--- /dev/null
+++ b/src/routes/405/+page.svelte
@@ -0,0 +1,16 @@
+<script>
+    import NavBar from "../../components/NavBar.svelte";
+    import Footer from "../../components/Footer.svelte";
+    import ParallaxBg from "../../components/ParallaxBg.svelte";
+    import Padding from "../../components/padding.svelte";
+</script>
+
+<ParallaxBg>
+    <NavBar />
+    <title>404</title>
+    <div class="container">
+        <Padding />
+        <h1>gotcha.</h1>
+    </div>
+    <Footer />
+</ParallaxBg>