diff --git a/4-typing-game/solution/index.html b/4-typing-game/solution/index.html
index a4742715..0396a83f 100644
--- a/4-typing-game/solution/index.html
+++ b/4-typing-game/solution/index.html
@@ -1,23 +1,41 @@
-<!DOCTYPE html>
+
+<!doctype html>
 <html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<title>Typing</title>
-		<link rel="stylesheet" href="./index.css" />
-	</head>
-
-	<body>
-		<h1>Practice your typing</h1>
-		<div>Click start to have a quote displayed. Type the quote as fast as you can!</div>
-
-		<p id="quote"></p>
-		<p id="message"></p>
-		<div>
-			<input type="text" aria-label="current word" id="typed-value" />
-		</div>
-		<div>
-			<button id="start" type="button">Start</button>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="">
+    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
+    <meta name="generator" content="Hugo 0.104.2">
+
+    <title>Signin Template · Bootstrap v5.2</title>
+
+		<link rel="canonical" href="https://getbootstrap.com/docs/5.2/examples/sign-in/">
+		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
+	  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
+    <link href="index.css" rel="stylesheet">
+
+  </head>
+  <body class="text-center">
+
+    <main class="form-signin w-100 m-auto main-box">
+    <form>
+		<h3 class="animate-charcter"> Practice your typing</h3>
+
+	   <p class="para">	Click start to have a quote displayed. <br> Type the quote as fast as you can! </p>
+	   <p id="quote"></p>
+     <p id="message"></p>
+     <div class="quote">
+
+     <div class="form-floating">
+      <input type="text" class="form-control" id="floatingInput" placeholder="type the quote">
+      <label for="floatingInput">type the quote</label>
+    </div>
+    <br>
+    <button class="w-100 btn btn-lg btn-primary start-btn" type="submit">S T A R T</button>
+
 		</div>
-		<script src="./index.js"></script>
-	</body>
+    </form>
+    </main>
+  </body>
 </html>
