diff --git a/docs/assets/favicon.png b/docs/assets/favicon.png
new file mode 100644
index 0000000..d9f3666
Binary files /dev/null and b/docs/assets/favicon.png differ
diff --git a/docs/assets/logo.png b/docs/assets/logo.png
new file mode 100644
index 0000000..72b3dbe
Binary files /dev/null and b/docs/assets/logo.png differ
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000..a204dce
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<title>diji</title>
+<link rel="icon" type="image" href="./assets/favicon.png">
+<link rel="stylesheet" type="text/css" href="style.css">
+<script src="script.js"></script>
+</head>
+<body>
+    <div class="wrapper">
+    <div class="header">
+        <div class="headercontent">
+        <img src="./assets/logo.png" height="200px">
+        <h1 class="headername">diji</h1>
+        <h2 class="headersubtitle">Create a vanilla JS project in seconds</h2>
+        <br>
+        <br>
+        <a href="" class="getstarted button">Get started</a>
+        <a href="" class="download button">Download</a>
+        </div>
+    </div>
+<div>
+  <h1>diji</h1>
+<h3>Generated with diji 1.0</h3>
+<p>Website content</p>  
+</div>
+</div>
+
+</body>
\ No newline at end of file
diff --git a/docs/script.js b/docs/script.js
new file mode 100644
index 0000000..e69de29
diff --git a/docs/style.css b/docs/style.css
new file mode 100644
index 0000000..7e83ee3
--- /dev/null
+++ b/docs/style.css
@@ -0,0 +1,58 @@
+@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@500;700&family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
+
+
+body {
+font-family: 'Open Sans', sans-serif;
+}
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
+
+.header {
+    height: 100%;
+    padding: 20px;
+    padding-top: 75px;
+    padding-bottom: 75px;
+    margin: 0px;
+    align-items: center;
+    justify-content: center;
+display: flex;
+ flex: 0 0 100%;
+ 
+    background: linear-gradient(#7D7D7D, #4A4A4A);
+} .headername {
+    font-family: 'Comfortaa', sans-serif;
+    font-weight: 700;
+    font-size: 55pt;
+    padding: 0px;
+    margin: 0px;
+    color: white;
+} .headercontent {
+    text-align: center;
+} .headersubtitle {
+    font-family: 'Comfortaa', sans-serif;
+    font-weight: 500;
+    font-size: 20pt;
+color: white;
+padding: 0px;
+margin: 0px;
+margin-top: 20px;
+}
+.button {
+    margin: 10px;
+    padding: 10px;
+    padding-left: 20px;
+    padding-right: 20px;
+    background-color:rgba(255, 255, 255, 0.20);
+    border-radius: 100px;
+    color: white;
+    text-decoration: none;
+    font-size: 17pt;
+    font-weight: 500;
+} .getstarted {
+    background-color: white;
+    color: black;
+}
\ No newline at end of file
