diff --git a/iron-comments/index.html b/iron-comments/index.html
index 415101d..ef37c88 100644
--- a/iron-comments/index.html
+++ b/iron-comments/index.html
@@ -1,19 +1,39 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    
+
     <title> Iron Comments </title>
-    
+
     <link rel="stylesheet" type="text/css" href="./styles/style.css">
 </head>
-<body>
 
+<body>
+    <!--Form Structure-->
     <form id="form-container">
-        Name: Email: Comment: Receive email updates? Submit
+        <!--Name-->
+        <label>Name:<br>
+            <input type="text" name="Name" placeholder="Write your Name" class="space"><br>
+        </label>
+        <!--Email-->
+        <label>Email:<br>
+            <input type="email" name="email" placeholder="Write your email" class="space"><br>
+        </label>
+        <!--Comment-->
+        <label>Comment:<br>
+            <textarea name="comment" rows="5" cols="20"
+                placeholder="Write your comments here"></textarea><br>
+        </label>
+        <!--Checkbox-->
+        <label><i>Receive email updates?<i>
+                    <input type="checkbox" name="accept-email-updates" /><br>
+        </label>
+        <!--Button-->
+        <button type="button">Submit</button>
     </form>
-
 </body>
+
 </html>
\ No newline at end of file
diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css
index 1a9004d..b22d3e1 100644
--- a/iron-comments/styles/style.css
+++ b/iron-comments/styles/style.css
@@ -1,11 +1,44 @@
+/*General body Style*/
 body {
     padding: 0;
     margin: 0;
     padding-top: 100px;
-    width: 100vw;    
-
+    width: 100vw;  
+    background-color: rgb(25, 33, 41);  
 }
 
+/*General Form Style*/
 #form-container {
     margin: auto;
+    width: 250px;
+    border: solid rgb(67, 163, 230);
+    padding: 30px 30px 25px 25px;
+}
+/*Label Text Style*/
+#form-container label{
+    color: rgb(255,255,255);
+    font-size: large;
+    font-weight: bold;
+}
+/*Margin border & size Input Style*/
+.space{
+    border-inline-color: rgb(67, 163, 230);
+    width: 85%;
+    height: 20px;
+    margin: 5px 0;
+}
+/*Margin, border & size Textarea Style*/
+#form-container textarea{
+    border-inline-color: rgb(67, 163, 230);
+    width: 85%;
+    height: 200px;
+    margin: 5px 0;
 }
+/*Button Style*/
+#form-container button{
+    background-color:rgb(67, 163, 230);
+    color:rgb(255,255,255);
+    padding: 5px 10px;
+    border-radius: 10px;
+    margin-top: 5px;
+}
\ No newline at end of file
