diff --git a/.gitignore b/.gitignore
index d0021b1e..45854b0a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,6 @@
docs/*
+!docs/index.html
+!docs/static
# Xmake cache
.xmake/
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 00000000..ed3dd328
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+ Documentation
+
+
+
+
+
+
+
+
+
Documentation
+
Click either sections on the bottom to go to their respective documentation.
+
+
+
+
+
+
\ No newline at end of file
diff --git a/docs/static/ISO_C++_Logo.svg.png b/docs/static/ISO_C++_Logo.svg.png
new file mode 100644
index 00000000..45402c1d
Binary files /dev/null and b/docs/static/ISO_C++_Logo.svg.png differ
diff --git a/docs/static/JavaScript-logo.png b/docs/static/JavaScript-logo.png
new file mode 100644
index 00000000..050ff147
Binary files /dev/null and b/docs/static/JavaScript-logo.png differ
diff --git a/docs/static/NotoSans-Regular.ttf b/docs/static/NotoSans-Regular.ttf
new file mode 100644
index 00000000..7552fbe8
Binary files /dev/null and b/docs/static/NotoSans-Regular.ttf differ
diff --git a/docs/static/circle.css b/docs/static/circle.css
new file mode 100644
index 00000000..93267341
--- /dev/null
+++ b/docs/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/docs/static/lang.css b/docs/static/lang.css
new file mode 100644
index 00000000..4ddaf582
--- /dev/null
+++ b/docs/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/docs/static/main.css b/docs/static/main.css
new file mode 100644
index 00000000..823edbac
--- /dev/null
+++ b/docs/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