diff --git a/api/index.html b/api/index.html
new file mode 100644
index 0000000..e84de2b
--- /dev/null
+++ b/api/index.html
@@ -0,0 +1,188 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="DotKernel API documentation">
+    <meta http-equiv="Refresh" content="0; url='https://docs.dotkernel.org/api-documentation/'" />
+    <title>DotKernel API documentation</title>
+    <link rel="canonical" href="https://docs.dotkernel.org/admin/">
+    <link rel="shortcut icon" href="https://docs.dotkernel.org/img/dk_docs_favicon_white.svg">
+    <link rel="stylesheet" href="https://docs.dotkernel.org/css/bootstrap.css" />
+    <link rel="stylesheet" href="https://docs.dotkernel.org/css/bootstrap-icons.min.css" />
+    <link rel="stylesheet" href="https://docs.dotkernel.org/css/docs.css" />
+    <script src="https://docs.dotkernel.org/js/bootstrap.js" defer></script>
+    <script src="https://docs.dotkernel.org/js/docs.js" defer></script>
+</head>
+
+<body>
+    <nav class="navbar navbar-expand-lg bg-body-tertiary bg-light dk-nav py-3" data-bs-theme="light">
+        <div class="container justify-content-between">
+            <div class="dk-nav-icon d-flex align-items-center">
+                <a class="navbar-brand" href="https://docs.dotkernel.org/">
+                    <img src="https://docs.dotkernel.org/img/dk_logomark_white.svg" alt="DotKernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
+                </a>
+
+                <div class="dk-nav-icon-items">
+                    <span style="font-size: 12px; line-height: 13px">DotKernel Documentation</span>
+
+                    <div class="dropdown" data-bs-theme="light">
+                        <span class="fw-bold dropdown-toggle dk-pkg-name" data-bs-toggle="dropdown" aria-expanded="false">API</span>
+                        <ul class="dropdown-menu">
+                            <li class="dropdown-item bg-light">
+                                <a href="https://docs.dotkernel.org/api/" class="nav-link d-flex gap-4 align-items-center">
+                                    <img src="https://docs.dotkernel.org/img/dk_logomark.svg" alt="DotKernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
+                                    <div>
+                                        <span class="fw-bold d-block">API</span>
+                                        <span>DotKernel API</span>
+                                    </div>
+                                </a>
+                            </li>
+
+                            <li class="dropdown-item">
+                                <a href="https://docs.dotkernel.org/admin/" class="nav-link d-flex gap-4 align-items-center">
+                                    <img src="https://docs.dotkernel.org/img/dk_logomark.svg" alt="DotKernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
+                                    <div>
+                                        <span class="fw-bold d-block">Admin</span>
+                                        <span>DotKernel Admin application</span>
+                                    </div>
+                                </a>
+                            </li>
+
+                            <li class="dropdown-item">
+                                <a href="https://docs.dotkernel.org/frontend/" class="nav-link d-flex gap-4 align-items-center">
+                                    <img src="https://docs.dotkernel.org/img/dk_logomark.svg" alt="DotKernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
+                                    <div>
+                                        <span class="fw-bold d-block">Frontend</span>
+                                        <span>DotKernel Frontend application</span>
+                                    </div>
+                                </a>
+                            </li>
+
+                            <li class="dropdown-item">
+                                <a href="https://docs.dotkernel.org/packages/" class="nav-link d-flex gap-4 align-items-center">
+                                    <img src="https://docs.dotkernel.org/img/dk_logomark.svg" alt="DotKernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
+                                    <div>
+                                        <span class="fw-bold d-block">Packages</span>
+                                        <span>DotKernel Packages</span>
+                                    </div>
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse" id="navbarText">
+                <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+                    <li class="nav-item">
+                        <a class="nav-link fw-bold text-white" href="https://github.com/dotkernel/admin/" target="_blank">
+                            <i class="bi bi-github"></i>
+                            GitHub
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+
+    <div class="container">
+        <div class="hero py-5 text-center">
+            <h1 class="fw-bold">DotKernel API documentation</h1>
+        </div>
+    </div>
+
+    <footer class="footer">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-9">
+                    <div class="footer_head">
+                        <p>DotKernel</p>
+                    </div>
+
+                    <div class="row">
+                        <div class="col-md-6 dk_widget">
+                            <p>DotKernel API</p>
+
+                            <a href="https://docs.dotkernel.org/api/">
+                                <i class="bi bi-arrow-return-right"></i>
+                                DotKernel web starter project suitable for building RESTful APIs
+                            </a>
+                        </div>
+
+                        <div class="col-md-6 dk_widget">
+                            <p>DotKernel Admin</p>
+
+                            <a href="https://docs.dotkernel.org/admin/">
+                                <i class="bi bi-arrow-return-right"></i>
+                                DotKernel web starter project suitable for admin applications
+                            </a>
+                        </div>
+
+                        <div class="col-md-6 dk_widget">
+                            <p>DotKernel Frontend</p>
+
+                            <a href="https://docs.dotkernel.org/frontend/">
+                                <i class="bi bi-arrow-return-right"></i>
+                                DotKernel web starter project suitable for frontend applications
+                            </a>
+                        </div>
+
+                        <div class="col-md-6 dk_widget">
+                            <p>DotKernel Packages</p>
+
+                            <a href="https://docs.dotkernel.org/packages/">
+                                <i class="bi bi-arrow-return-right"></i>
+                                DotKernel packages offering a wide range of tools
+                            </a>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-md-3">
+                    <div class="footer_head">
+                        <p>Support</p>
+                    </div>
+
+                    <ul class="support__list">
+                        <li class="support__list-item">
+                            <a href="https://github.com/dotkernel" class="support__link" title="GitHub" target="_blank">
+                                <i class="bi bi-github"></i> GitHub
+                            </a>
+                        </li>
+                        <li class="support__list-item">
+                            <a href="https://dotkernel.slack.com" class="support__link" title="Chat" target="_blank">
+                                <i class="bi bi-slack"></i> Slack
+                            </a>
+                        </li>
+                        <li class="support__list-item">
+                            <a href="https://twitter.com/dotkernel" class="support__link" title="X (Twitter)" target="_blank">
+                                <i class="bi bi-twitter-x"></i> Twitter
+                            </a>
+                        </li>
+
+                        <li class="support__list-item">
+                            <a href="https://www.dotkernel.com/blog/" class="support__link" title="Blog" target="_blank">
+                                <i class="bi bi-file-post"></i> Blog
+                            </a>
+                        </li>
+                        <li class="support__list-item">
+                            <a href="https://www.dotkernel.com/feed/" class="support__link" title="Blog feed" target="_blank">
+                                <i class="bi bi-rss-fill"></i> Feed
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+
+            <div class="footer_copy">
+                &#169; 2024 DotKernel
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
