diff --git a/docs/Index.html b/docs/Index.html
index bf21ac8..269de2f 100644
--- a/docs/Index.html
+++ b/docs/Index.html
@@ -446,15 +446,24 @@
         <a href="db.html" class="btn" aria-label="View database documentation">
           Database Documentation
         </a>
-        <span class="btn disabled" aria-disabled="true" title="Coming soon">
+        <a href="api.html" class="btn" aria-label="View API documentation">
           API Documentation
-        </span>
-        <span class="btn disabled" aria-disabled="true" title="Coming soon">
+        </a>
+        <a href="ui.html" class="btn" aria-label="View UI documentation">
           UI Documentation
-        </span>
-        <span class="btn disabled" aria-disabled="true" title="Coming soon">
+        </a>
+        <a href="um.html" class="btn" aria-label="View User Manual documentation">
+          User Manual Documentation
+        </a>
+        <!-- <span class="btn disabled" class="btn" aria-labeled="View API Documentation" title="Coming soon">
+          API Documentation
+        </span> -->
+        <!-- <span class="btn disabled" aria-disabled="true" title="Coming soon">
+          UI Documentation
+        </span> -->
+        <!-- <span class="btn disabled" aria-disabled="true" title="Coming soon">
           User Manual
-        </span>
+        </span> -->
       </div>
     </section>
 
diff --git a/docs/api.html b/docs/api.html
new file mode 100644
index 0000000..c5c1f14
--- /dev/null
+++ b/docs/api.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Coming Soon — WIN</title>
+
+  <style>
+    body{
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
+      margin:0;
+      background:#f5f7fa;
+      color:#111827;
+      line-height:1.6;
+    }
+
+    header{
+      background:#111827;
+      color:#fff;
+      padding:3rem 1.5rem;
+      text-align:center;
+    }
+
+    header h1{
+      margin:0;
+      font-size:clamp(2rem, 4vw, 2.5rem);
+    }
+
+    main{
+      max-width:800px;
+      margin:3rem auto;
+      padding:0 1.5rem;
+    }
+
+    .card{
+      background:#fff;
+      padding:2rem;
+      border-radius:14px;
+      box-shadow:0 4px 10px rgba(0,0,0,0.06);
+      text-align:center;
+    }
+
+    .muted{
+      color:#374151;
+      margin-top:0.75rem;
+    }
+
+    .btn{
+      display:inline-block;
+      margin-top:1.5rem;
+      padding:0.8rem 1.1rem;
+      background:#1d4ed8;
+      color:#fff;
+      text-decoration:none;
+      border-radius:10px;
+      font-weight:800;
+    }
+
+    .btn:hover{
+      background:#1e40af;
+    }
+
+    footer{
+      text-align:center;
+      padding:2rem 1rem;
+      font-size:0.9rem;
+      color:#374151;
+    }
+  </style>
+</head>
+
+<body>
+
+  <header>
+    <h1>Coming Soon</h1>
+  </header>
+
+  <main>
+    <div class="card">
+      <h2>API Coming Soon</h2>
+      <p class="muted">
+        We are currently building out the API documentation.
+        Please check back soon for updates.
+      </p>
+
+      <a href="index.html" class="btn">Back to Home</a>
+    </div>
+  </main>
+
+  <footer>
+    © 2026 WIN Student Goal Tracker
+  </footer>
+
+</body>
+</html>
diff --git a/docs/ui.html b/docs/ui.html
new file mode 100644
index 0000000..0318d74
--- /dev/null
+++ b/docs/ui.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Coming Soon — WIN</title>
+
+  <style>
+    body{
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
+      margin:0;
+      background:#f5f7fa;
+      color:#111827;
+      line-height:1.6;
+    }
+
+    header{
+      background:#111827;
+      color:#fff;
+      padding:3rem 1.5rem;
+      text-align:center;
+    }
+
+    header h1{
+      margin:0;
+      font-size:clamp(2rem, 4vw, 2.5rem);
+    }
+
+    main{
+      max-width:800px;
+      margin:3rem auto;
+      padding:0 1.5rem;
+    }
+
+    .card{
+      background:#fff;
+      padding:2rem;
+      border-radius:14px;
+      box-shadow:0 4px 10px rgba(0,0,0,0.06);
+      text-align:center;
+    }
+
+    .muted{
+      color:#374151;
+      margin-top:0.75rem;
+    }
+
+    .btn{
+      display:inline-block;
+      margin-top:1.5rem;
+      padding:0.8rem 1.1rem;
+      background:#1d4ed8;
+      color:#fff;
+      text-decoration:none;
+      border-radius:10px;
+      font-weight:800;
+    }
+
+    .btn:hover{
+      background:#1e40af;
+    }
+
+    footer{
+      text-align:center;
+      padding:2rem 1rem;
+      font-size:0.9rem;
+      color:#374151;
+    }
+  </style>
+</head>
+
+<body>
+
+  <header>
+    <h1>Coming Soon</h1>
+  </header>
+
+  <main>
+    <div class="card">
+      <h2>User Interface Coming Soon</h2>
+      <p class="muted">
+        We are currently building out the User Interface documentation.
+        Please check back soon for updates.
+      </p>
+
+      <a href="index.html" class="btn">Back to Home</a>
+    </div>
+  </main>
+
+  <footer>
+    © 2026 WIN Student Goal Tracker
+  </footer>
+
+</body>
+</html>
diff --git a/docs/um.html b/docs/um.html
new file mode 100644
index 0000000..f3cff6c
--- /dev/null
+++ b/docs/um.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Coming Soon — WIN</title>
+
+  <style>
+    body{
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
+      margin:0;
+      background:#f5f7fa;
+      color:#111827;
+      line-height:1.6;
+    }
+
+    header{
+      background:#111827;
+      color:#fff;
+      padding:3rem 1.5rem;
+      text-align:center;
+    }
+
+    header h1{
+      margin:0;
+      font-size:clamp(2rem, 4vw, 2.5rem);
+    }
+
+    main{
+      max-width:800px;
+      margin:3rem auto;
+      padding:0 1.5rem;
+    }
+
+    .card{
+      background:#fff;
+      padding:2rem;
+      border-radius:14px;
+      box-shadow:0 4px 10px rgba(0,0,0,0.06);
+      text-align:center;
+    }
+
+    .muted{
+      color:#374151;
+      margin-top:0.75rem;
+    }
+
+    .btn{
+      display:inline-block;
+      margin-top:1.5rem;
+      padding:0.8rem 1.1rem;
+      background:#1d4ed8;
+      color:#fff;
+      text-decoration:none;
+      border-radius:10px;
+      font-weight:800;
+    }
+
+    .btn:hover{
+      background:#1e40af;
+    }
+
+    footer{
+      text-align:center;
+      padding:2rem 1rem;
+      font-size:0.9rem;
+      color:#374151;
+    }
+  </style>
+</head>
+
+<body>
+
+  <header>
+    <h1>Coming Soon</h1>
+  </header>
+
+  <main>
+    <div class="card">
+      <h2>User Manual Coming Soon</h2>
+      <p class="muted">
+        We are currently building out the User Manual documentation.
+        Please check back soon for updates.
+      </p>
+
+      <a href="index.html" class="btn">Back to Home</a>
+    </div>
+  </main>
+
+  <footer>
+    © 2026 WIN Student Goal Tracker
+  </footer>
+
+</body>
+</html>
