1 files changed, 73 insertions, 0 deletions
diff --git a/404.html b/404.html
new file mode 100644
index 0000000..c12507f
--- /dev/null
+++ b/404.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <!-- Metadata -->
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="ArKa unknown page">
+
+    <!-- Style -->
+    <link rel="stylesheet" href="assets/style/style.css">
+    <link rel="shortcut icon" href="assets/favicon/favicon.ico" type="image/x-icon">
+    
+    <title>ArKa</title>
+</head>
+
+<body>
+    <!-- Header -->
+    <header>
+        <!-- Main box top border -->
+        <div class="top"></div>
+
+        <!-- ASCII ART -->
+        <pre>
+   ▄████████    ▄████████    ▄█   ▄█▄    ▄████████ 
+  ███    ███   ███    ███   ███ ▄███▀   ███    ███ 
+  ███    ███   ███    ███   ███▐██▀     ███    ███ 
+  ███    ███  ▄███▄▄▄▄██▀  ▄█████▀      ███    ███ 
+▀███████████ ▀▀███▀▀▀▀▀   ▀▀█████▄    ▀███████████ 
+  ███    ███ ▀███████████   ███▐██▄     ███    ███ 
+  ███    ███   ███    ███   ███ ▀███▄   ███    ███ 
+  ███    █▀    ███    ███   ███   ▀█▀   ███    █▀  
+               ███    ███   ▀                      
+        </pre>
+        
+        <!-- Navbar -->
+        <nav>
+            <ul>
+                <li><a href="https://blog.arka.rocks">Blog</a></li>
+				<li><a href="https://git.arka.rocks">Git</a></li>
+				<li><a href="https://bin.arka.rocks">Encryped Bin</a></li>
+				<li><a href="https://status.arka.rocks/status/arka">Status</a></li>
+                <li><a href="#contact">Contact</a></li>
+            </ul>
+        </nav>
+    </header>
+
+    <!-- Main content -->
+    <main>
+        <div id="content">
+			<h1>╓───── Page not found ─────╖</h1>
+			<div id="error">
+				<p>This page doesn't exist, go back to the main page:</p>
+				<a href="https://arka.rocks">Main page</a>
+        	</div>
+        </div>
+    </main>
+    <hr>
+
+    <!-- Footer -->
+    <footer>
+		<p>Contact me for any questions, in general I answer quite fast.</p>
+
+		<!-- Contact -->
+		<div id="contact">
+            <ul>
+                <li><a href="https://matrix.to/#/@oxbian:matrix.org">Matrix</a></li>
+                <li><a rel="me" href="https://social.linux.pizza/@Oxbian">Mastodon</a></li>
+                <li><a href="mailto:oxbian.noch@simplelogin.com">Mail</a></li>
+            </ul>
+        </div>
+    </footer>
+</body>
+</html>