diff --git a/iron-comments/index.html b/iron-comments/index.html
index 415101d..5c15901 100644
--- a/iron-comments/index.html
+++ b/iron-comments/index.html
@@ -10,10 +10,16 @@
     <link rel="stylesheet" type="text/css" href="./styles/style.css">
 </head>
 <body>
-
-    <form id="form-container">
-        Name: Email: Comment: Receive email updates? Submit
-    </form>
-
+    <div class="form">    
+        <form id="form-container" action="some/url" method="post">
+            <label for="name">Name:</label><input type="text" id="name">
+            <label for="email">Email:</label><input type="email" id="email">
+            <label for="comment">Comment:</label><textarea id="comment" name="comment" rows="8" cols="5"></textarea>
+            <div id="checkbox">
+                <label for="updates-consent">Receive email updates?</label><input type="checkbox" id="updates-consent" value="updates-consent"/>
+            </div>
+            <button type="submit">Submit</button>
+        </form>
+    </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css
index 1a9004d..d57e144 100644
--- a/iron-comments/styles/style.css
+++ b/iron-comments/styles/style.css
@@ -2,10 +2,30 @@ body {
     padding: 0;
     margin: 0;
     padding-top: 100px;
-    width: 100vw;    
-
+    width: 100vw;
+    background-color: rgb(25, 33, 41);
+    color: rgb(255,255,255);  
 }
 
+
 #form-container {
     margin: auto;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-evenly;
+    width: 188px;
+    height: 320px;
+    border: 2px solid rgb(67,163,230);
+    padding: 20px 43px 20px 17px
+}
+#form-container button{
+    width: 60px;
+    background-color: rgb(67,163,230);
+    color: white;
+    border-radius: 25px;
+    padding: 5px 0px;
 }
+#checkbox{
+    display: flex;
+    justify-content: space-between;
+}
\ No newline at end of file
