diff --git a/projects.html b/projects.html
new file mode 100644
index 0000000..59d47f5
--- /dev/null
+++ b/projects.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>projects | aidxn</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="css/main.css">
+    <link rel="stylesheet" href="css/cloud.css">
+</head>
+<body>
+<div id="loading"></div>
+<div id="page" style="display: none;">
+    <header class="sidebar">
+        <a href="/"><img src="img/logo.gif" alt="Animated logo text displaying AIDXN ONLINE" class="logo"></a>
+        <p class="cap">Welcome to my world wide web site!</p>
+        <img src="img/links.gif" alt="Animated text displaying LINKS" width="30%" class="mm-label">
+        <ul>
+            <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="/">home</a></li>
+            <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="about.html">about</a></li>
+            <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="contact.html">contact</a></li>
+            <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="verify.html">verify a message</a></li>
+            <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><a href="status.html">status</a></li>
+            <li class="menu-opt"><img src="img/bullet.gif" alt="*" class="bullet"><b>design</b></li>
+        </ul>
+        <img src="img/information.gif" alt="Animated text displaying INFORMATION" width="68%" class="mm-label">
+        <p id="date"></p>
+        <img id="album-art" style="height: 64px; width: 64px;" src="img/loading.gif" alt="Album cover">
+        <div class="music-section">
+            <b id="albLabel">Now Playing:</b><br>
+            <b id="song">Loading...</b>
+            <p id="album">Loading...</p>
+            <p id="artist">Loading...</p>
+        </div>
+        <span class="extra-text"><b>Note: </b>This page is best viewed on a computer.</span>
+    </header>
+    <aside class="main-content">
+        <h1>Projects</h1>
+        <p>You can check out my GitHub account right <a href="https://github.com/ihatenodejs">here</a>.</p>
+        <p>I am currently working on the following projects:</p>
+        <ul>
+            <li>
+                Overseer<br>
+                Currently private<br>
+                Manage your server from an easy-to-use and responsive interface
+            </li>
+        </ul>
+    </aside>
+</div>
+<script src="js/main.js"></script>
+<script src="js/music.js"></script>
+<script src="js/ping.js"></script>
+</body>
+</html>
\ No newline at end of file
