diff --git a/views/status.ejs b/views/status.ejs
new file mode 100644
index 0000000..93dcac5
--- /dev/null
+++ b/views/status.ejs
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>aidxn.fun | contact</title>
+    <link href="/css/main.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+</head>
+<body class="bg-gradient-to-br from-slate-900 to-black text-white">
+<%- include('shards/header.ejs', { req: req }) %>
+
+<header class="flex flex-col items-center justify-center h-[40vh] p-6">
+    <h1 class="text-5xl font-bold mb-2 text-center">Status</h1>
+    <p class="text-lg text-gray-300 max-w-xl text-center mt-3">Interested in my server uptime? Take a peek!</p>
+</header>
+
+<div class="bg-gradient-to-br from-slate-800/80 to-slate-900/80 border border-slate-800 backdrop-blur-md shadow-xl rounded-2xl p-8 mx-4">
+    <h3 class="text-2xl font-bold mb-4 text-white">Website</h3>
+    <p class="text-slate-300 mb-4"><span class="text-green-500 font-bold" id="website">[ONLINE]</span> aidxn.fun/lsd.aidxn.fun (DigitalOcean)</p>
+    <h3 class="text-2xl font-bold mb-4 text-white">Backend</h3>
+    <p class="text-slate-300 mb-4"><span class="text-gray-500 font-bold" id="status1">[UNKNOWN]</span> kantor.aidxn.fun (Oracle Cloud - Germany - backend server)</p>
+    <p class="text-slate-300"><span class="text-gray-500 font-bold" id="api">[UNKNOWN]</span> api.aidxn.fun (Oracle Cloud - Germany - backend server)</p>
+</div>
+
+<script src="js/main.js"></script>
+<script src="js/status.js"></script>
+<%- include('shards/footer.ejs') %>
\ No newline at end of file
