diff --git a/index.html b/index.html
index 615508f..24540a4 100644
--- a/index.html
+++ b/index.html
@@ -1,32 +1,33 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <title>Title/Heading of Website</title>
-
-    <meta charset="utf-8" />
-    <meta name="description" content="A basic HTML skeleton" />
-    <meta name="keywords" content="HTML,code,tags" />
-    <meta name="author" content="Anas Singularity" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-
-    <link href="css/style.css" rel="stylesheet" />
-  </head>
-
-  <body>
-    <h1>Main Heading</h1>
-    <h3>sub heading</h3>
-    <p>Hello, World!</p>
-
-    <h3>Form</h3>
-    <hr />
-    <form>
-      <input type="text" placeholder="Name" />
-      <br />
-      <input type="password" placeholder="Password" />
-      <br />
-      <input type="reset" value="Reset" />
-      <input type="submit" />
-    </form>
+
+<head>
+  <title>Title/Heading of Website</title>
+
+  <meta charset="utf-8" />
+  <meta name="description" content="A basic HTML skeleton" />
+  <meta name="keywords" content="HTML,code,tags" />
+  <meta name="author" content="Anas Singularity" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+  <link href="css/style.css" rel="stylesheet" />
+</head>
+
+<body>
+  <h1>Main Heading</h1>
+  <h3>sub heading</h3>
+  <p>Hello, World!</p>
+
+  <h3>Form</h3>
+  <hr />
+  <form>
+    <input type="text" placeholder="Name" />
+    <br />
+    <input type="password" placeholder="Password" />
+    <br />
+    <input type="reset" value="Reset" />
+    <input type="submit" />
+  </form>
 
   <form action="#" method="GET">
     Name:<br>
@@ -37,7 +38,7 @@ <h3>Form</h3>
     <button type="submit" value="submit">SUBMIT</button>
     <button type="reset" value="reset">RESET</button>
   </form>
-    
+
   <!-- table -->
   <table style="width:100%">
     <tr>
@@ -63,13 +64,13 @@ <h3>Form</h3>
     <li>Tea</li>
     <li>Milk</li>
   </ul>
-    
+
   <!-- ordered list -->
   <ol>
     <li>Coffee</li>
     <li>Tea</li>
     <li>Milk</li>
-  </ol> 
+  </ol>
 
   <div id="checkboxes">
     <input type="checkbox" name="checkbox-element" value="First">First Checkbox<br>
@@ -98,7 +99,7 @@ <h3>Form</h3>
   <p style="color:red;">I am red</p>
   <p style="color:blue;">I am blue</p>
   <p style="font-size:50px;">I am big</p>
-    
+
   <!-- colors -->
   <h1 style="background-color:Tomato;">Tomato</h1>
   <h1 style="background-color:Orange;">Orange</h1>
@@ -108,17 +109,38 @@ <h1 style="background-color:Gray;">Gray</h1>
   <h1 style="background-color:SlateBlue;">SlateBlue</h1>
   <h1 style="background-color:Violet;">Violet</h1>
   <h1 style="background-color:LightGray;">LightGray</h1>
-    
+
   <!-- color paragraph -->
   <h3 style="color:Tomato;">Hello World</h3>
+
+  <p style="color:DodgerBlue;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
+    tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
+  <p style="color:MediumSeaGreen;">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
+    lobortis nisl ut aliquip ex ea commodo consequat.</p>
+
+  <div id="checkboxs">
+    <input type="checkbox" name="checkbox-element" value="First">First Checkbox<br>
+    <input type="checkbox" name="checkbox-element" value="Second" checked>Second Checkbox<br>
+    <input type="checkbox" name="checkbox-element" value="Third">Third Checkbox<br>
+  </div>
+
   <p style="color:DodgerBlue;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
   <p style="color:MediumSeaGreen;">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
 
+
+  <!-- radio-button -->
+  <form>
+    <input type="radio" name="gender" value="male" checked> Male<br>
+    <input type="radio" name="gender" value="female"> Female<br>
+    <input type="radio" name="gender" value="other"> Other
+  </form>
+ 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
   <script src="js/script.js"></script>
 </body>
 
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
-    <script src="js/script.js"></script>
-  </body>
-</html>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
+<script src="js/script.js"></script>
+</body>
+
+</html>
\ No newline at end of file
