diff --git a/index.html b/index.html
new file mode 100644
index 00000000..ed3dd328
--- /dev/null
+++ b/index.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Documentation</title>
+    <link rel="stylesheet" href="static/main.css">
+    <link rel="stylesheet" href="static/circle.css">
+    <link rel="stylesheet" href="static/lang.css">
+</head>
+
+<body>
+    <div id="container">
+        <div id="top-section">
+            <h1>Documentation</h1>
+            <p>Click either sections on the bottom to go to their respective documentation.</p>
+        </div>
+        <div id="bottom-section">
+            <div id="cpp" class="sub-section">
+                <a href="doxygen">
+                    <div class="box">
+                        <h2>Backend</h2>
+                        <div class="circle">
+                            <img src="./static/ISO_C++_Logo.svg.png" alt="C++ Logo">
+                        </div>
+                </a>
+            </div>
+        </div>
+        <div id="js" class="sub-section">
+            <a href="jsdoc">
+                <div class="box">
+                    <h2>Frontend</h2>
+                    <div class="circle">
+                        <img src="./static/JavaScript-logo.png" alt="Javascript Logo">
+                    </div>
+                </div>
+            </a>
+        </div>
+    </div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/jsdoc/global.html b/jsdoc/global.html
index d0d0bc80..8742553b 100644
--- a/jsdoc/global.html
+++ b/jsdoc/global.html
@@ -208,7 +208,7 @@ <h2><a href="index.html">Home</a></h2><h3>Global</h3><ul><li><a href="global.htm
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.7</a> on Sat Oct 07 2023 16:44:15 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.7</a> on Sat Oct 07 2023 17:56:35 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/jsdoc/index.html b/jsdoc/index.html
index 147a5cae..b5d79660 100644
--- a/jsdoc/index.html
+++ b/jsdoc/index.html
@@ -56,7 +56,7 @@ <h2><a href="index.html">Home</a></h2><h3>Global</h3><ul><li><a href="global.htm
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.7</a> on Sat Oct 07 2023 16:44:15 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.7</a> on Sat Oct 07 2023 17:56:35 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/jsdoc/index.js.html b/jsdoc/index.js.html
index 095217ec..5bf209fe 100644
--- a/jsdoc/index.js.html
+++ b/jsdoc/index.js.html
@@ -48,7 +48,7 @@ <h2><a href="index.html">Home</a></h2><h3>Global</h3><ul><li><a href="global.htm
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.7</a> on Sat Oct 07 2023 16:44:15 GMT+0000 (Coordinated Universal Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.7</a> on Sat Oct 07 2023 17:56:35 GMT+0000 (Coordinated Universal Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/static/ISO_C++_Logo.svg.png b/static/ISO_C++_Logo.svg.png
new file mode 100644
index 00000000..45402c1d
Binary files /dev/null and b/static/ISO_C++_Logo.svg.png differ
diff --git a/static/JavaScript-logo.png b/static/JavaScript-logo.png
new file mode 100644
index 00000000..050ff147
Binary files /dev/null and b/static/JavaScript-logo.png differ
diff --git a/static/NotoSans-Regular.ttf b/static/NotoSans-Regular.ttf
new file mode 100644
index 00000000..7552fbe8
Binary files /dev/null and b/static/NotoSans-Regular.ttf differ
diff --git a/static/circle.css b/static/circle.css
new file mode 100644
index 00000000..93267341
--- /dev/null
+++ b/static/circle.css
@@ -0,0 +1,18 @@
+.circle {
+    /*Center the circle*/
+    margin: auto;
+    
+    width: 160px;
+    height: 160px;
+    border-radius: 50%;
+
+    /* Center the items */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.circle img {
+    max-width: 50%;
+    max-height: 50%;
+}
\ No newline at end of file
diff --git a/static/lang.css b/static/lang.css
new file mode 100644
index 00000000..4ddaf582
--- /dev/null
+++ b/static/lang.css
@@ -0,0 +1,16 @@
+#cpp {
+    background-color: #1A4D89;
+    color: white;
+}
+
+#cpp .circle {
+    background-color: #376399;
+}
+
+#js {
+    background-color: #F8EEB9;
+}
+
+#js .circle {
+    background-color: #E5DBAC;
+}
\ No newline at end of file
diff --git a/static/main.css b/static/main.css
new file mode 100644
index 00000000..823edbac
--- /dev/null
+++ b/static/main.css
@@ -0,0 +1,51 @@
+@font-face {
+    font-family: "NotoSans-Regular";
+    src: url("NotoSans-Regular.ttf") format("truetype");
+}
+
+body {
+    font-family: "NotoSans-Regular";
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+}
+
+h1 {
+    font-size: 5.5em;
+}
+
+h2 {
+    font-size: 4.875em;
+}
+
+a {
+    color: inherit;
+    text-decoration: inherit;
+}
+
+#container {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+}
+
+#top-section {
+    flex: 1;
+    text-align: center;
+}
+
+#bottom-section {
+    display: flex;
+    flex: 1;
+}
+
+.sub-section {
+    flex: 1;
+    text-align: center;
+}
+
+.sub-section:hover {
+    flex: 1;
+    filter: brightness(80%);
+    text-align: center;
+}
\ No newline at end of file
