diff --git a/index.html b/index.html
index 4d1c0fe..9787e8e 100644
--- a/index.html
+++ b/index.html
@@ -15,6 +15,119 @@
 </head>
 
 <body>
+
+
+	<script src="https://form.jotform.com/static/feedback2.js"></script>
+	<script>
+	  var componentID = new JotformFeedback({
+		
+	type: false,
+	width: 700,
+	height: 500,
+	fontColor: "#FFFFFF",
+	background: "#F59202",
+	isCardForm: false,
+	formId: "241546804327457"
+	,
+		buttonText: "Feedback",
+		buttonSide: "left",
+		buttonAlign: "center",
+		base: "https://form.jotform.com/",
+	  }).componentID;
+	</script>
+	<script src='https://cdn.jotfor.ms/s/umd/latest/for-form-embed-handler.js'></script>
+	<script>window.jotformEmbedHandler("iframe[id='" + componentID + "_iframe']", "https://form.jotform.com/")</script>
+	<!-- Setting Page -->
+	<div class="settings">
+		<div class="form">
+			<h1 class="heading"
+				style="font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;">
+				▁ ▂ ▄ ▅ ▆ ▇ █ MAXIMISE BOXES!! █ ▇ ▆ ▅ ▄ ▂ ▁
+			</h1>
+
+			<h3 class="instructions-heading">Instructions</h3>
+
+			<p class="instructions">
+				1. Select the number of rows, columns and players. <br>
+				2. The player who has maximum number of boxes on board is the winner. <br>
+				3. Players will switch after every turn. But the player who has filled the last box, will get one extra
+				chance
+				consecutively. <br>
+			</p>
+
+		</div>
+
+		<!-- Form page -->
+		<div class="form">
+			<div>
+				<h2>What size of Board do you want? :</h2>
+			</div>
+			
+			<div class="form-item">
+				<label for="rows">Rows : <span class="details">(between 5 and 30)</span></label>
+				<input type="number" id="rows" min="5" max="30" value="6" />
+			</div>
+			
+			<div class="form-item">
+				<label for="columns">Columns : <span class="details">(between 5 and 30)</span></label>
+				<input type="number" id="columns" min="5" max="30" value="6" />
+			</div>
+			
+			<div class="form-item">
+				<label for="players-count">Players : <span class="details">(between 2 and 6)</span></label>
+				<input type="number" id="players-count" min="2" max="6" value="2" />
+			</div>
+			
+			<button class="start-btn">START</button>
+
+		</div>
+		
+		<p class="author">
+			Created with ❤️ by <a target="_blank" href="#">Chrome Gaming</a>
+		</p>
+
+	</div>
+ <!-- Exit button --> 
+ <!-- (BUG : resolved by harshcodesit) -->
+ <form action="#" method="post">
+ <button class="exit-btn" onclick="exitGame()">Exit</button>
+</form>
+	<!-- Players -->
+	<div class="players" style="margin-top: 50px;"></div>
+
+	<div class="player-turn">
+		<div class="bg" style="margin-top: 60px;">
+			<span class="name">PlayerX</span>'s turn
+		</div>
+	</div>
+
+	<!-- Game Page -->
+<div class="board" style="margin-top: 154px;"></div>
+
+<div class="rankings">
+    <table>
+        <thead>
+            <tr>
+                <th>Rank</th>
+                <th>Player</th>
+                <th>Boxes Filled</th>
+            </tr>
+        </thead>
+        <tbody id="ranking-body">
+            <!-- Rankings will be dynamically updated here -->
+        </tbody>
+    </table>
+</div>
+
+
+<!-- Background Videos -->
+<video autoplay loop muted plays-inline class="back" id="background-video">
+    <source src="./background/back4.mp4" type="video/mp4">
+</video>
+
+<button class="mute-btn"><i class="fa fa-volume-up fa-2x"></i></button>
+  
+=======
   <div class="settings">
     <video autoplay muted class="video" loop id="myVideo">
       <source src="./assets/default.mp4" type="video/mp4">
@@ -93,6 +206,7 @@ <h3 class="instructions-heading">Instructions</h3>
       </div>
     </div>
   </div>
+
 </body>
 
 </html>
