diff --git a/index.html b/index.html
new file mode 100644
index 0000000..1b2b2d7
--- /dev/null
+++ b/index.html
@@ -0,0 +1,52 @@
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="input.js" defer></script>
+    <title>lyGEN</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <main>
+        <header>
+            <h1 class="movingGradient">lyGEN</h1>
+            <div id="headerOptions">
+                <p class="movingGradient">
+                    <a id="new">New</a> - 
+                    <a id="export">Export</a> - 
+                    <a id="import">Import</a> - 
+                    <a id="copy">Copy result</a> -
+                    <a id="optinsbtn" onclick="togglePopup('#options')">Options</a> - 
+                    <a id="optinsbtn" onclick="togglePopup('#preview')">Preview</a>
+                </p>
+                <p id="project"></p>
+            </div>
+        </header>
+        <div id="inputBox"></div>
+    </main>
+    <aside class="closed" id="options">
+        <h2>Options</h2>
+        <div id="settingsOptions">
+            <div id="newVariation">
+                <h3>New variation</h3>
+                <p>Name</p>
+                <input type="text" id="newVname">
+                <p>Content</p>
+                <textarea style="resize: vertical; height: 20em;" type="text"  name="" id="newVtext"></textarea>
+                <p>Color</p>
+                <input type="color" name="" id="newVcolor">
+                <p>Text color</p>
+                <input type="color" name="" id="newVtcolor">
+                <button id="newVadd">Add</button>
+            </div>
+
+            <div id="variations"></div>
+        </div>
+    </aside>
+
+    <aside class="closed" id="Preview">
+        <h2>Preview</h2>
+        <div id="previewTextBox"></div>
+    </aside>
+</body>
+</html>
