diff --git a/iron-comments/index.html b/iron-comments/index.html
index 415101d..d18d11e 100644
--- a/iron-comments/index.html
+++ b/iron-comments/index.html
@@ -1,19 +1,29 @@
 <!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>
 
-    <form id="form-container">
-        Name: Email: Comment: Receive email updates? Submit
+    <form action="/some-url" method="post" id="form-container">
+        <label for="name"><strong>Name:</strong></label>
+        <input type="text" id="name" name="name">
+        <label for="email"><strong>Email:</strong></label>
+        <input type="email" id="email">
+        <label for="comment"><strong>Comment:</strong></label>
+        <textarea id="comment" name="comment" rows="10"></textarea>
+        <div><i><strong>Receive email updates?</strong></i><input type="checkbox" name="checkbox"/></div>
+        <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..002ae7a 100644
--- a/iron-comments/styles/style.css
+++ b/iron-comments/styles/style.css
@@ -2,10 +2,27 @@ body {
     padding: 0;
     margin: 0;
     padding-top: 100px;
-    width: 100vw;    
-
+    width: 100vw;
+    color: rgb(255, 255, 255);
+    background-color: rgb(25, 33, 41);
 }
 
 #form-container {
-    margin: auto;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    padding: 50px 50px 20px 20px;
+}
+
+form {
+    border: 3px solid rgb(67, 163, 230);
+    margin: 500px;
+    width: 250px;
 }
+
+button {
+    border-radius: 10px;
+    background-color: rgb(67, 163, 230);
+    color:rgb(255, 255, 255);
+    width: 60px;
+}
\ No newline at end of file
