diff --git a/index.html b/index.html
index d01f779..f4f2e52 100644
--- a/index.html
+++ b/index.html
@@ -3,9 +3,36 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>Guess the Color</title>
+    <style>
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        }
+        #options-container {
+            display: grid;
+            grid-template-columns: repeat(3, 0fr);            
+        }
+        #options-container > div{
+            height: 75px;
+            width: 75px;
+            margin: 5px;
+            border-radius: 10px;
+            cursor: pointer;
+        }
+        #options-container > div:hover {
+            scale: 1.2;
+            transition: 0.4s all;
+        }
+    </style>
 </head>
 <body>
-    
+    <div>
+        <h1 id="color-code"></h1>
+    </div>
+    <div>
+        <h4>Score: <span id="score"></span></h4>
+    </div>
+    <div id="options-container"></div>
+    <script src="script.js"></script>
 </body>
 </html>
\ No newline at end of file
