diff --git a/iron-comments/index.html b/iron-comments/index.html
index 415101d..b703662 100644
--- a/iron-comments/index.html
+++ b/iron-comments/index.html
@@ -4,16 +4,30 @@
     <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>
-
+    <div>
+        <form id="form-container" action="/some-url" method="post"> 
+            <div>
+                <label for="name">Name:</label>
+                <input type="text" name="name" id="name">
+            </div>
+            <div>
+                <label for="mail">Email:</label>
+                <input type="email" name="mail" id="mail">    
+            </div>
+            <div>
+                <label for="textBox">Comment:</label>
+                <textarea name="textBox" id="textBox" rows="10" cols="auto"></textarea>
+            </div>
+            <div>
+                <label for="ok">Receive email updates?</label>
+                <input type="checkbox" id="ok" value="okUser"/>   
+            </div>
+            <button type="submmit">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..0329bf9 100644
--- a/iron-comments/styles/style.css
+++ b/iron-comments/styles/style.css
@@ -1,11 +1,55 @@
-body {
+* { 
     padding: 0;
     margin: 0;
+}
+
+body {
     padding-top: 100px;
-    width: 100vw;    
+    width: 100vw;
+    background-color: rgb(25, 33, 41);
+}
 
+body > div {
+    border: 1px solid rgb(67, 163, 230);
+    width: 250px;
+    margin:auto;
+    box-sizing: border-box; 
 }
 
 #form-container {
-    margin: auto;
+    color: rgb(255,255,255);
+    padding: 25px;
+}
+
+button {
+    background-color: rgb(67, 163, 230);
+    color: rgb(255,255,255);
+    border-radius: 10px;
+    border:none;
+    padding: 4px;
+    margin-top: 10px;
+    
+}
+
+#form-container div textarea {
+    width: 100%;
+}
+
+form div {
+    margin-top: 10px;
+    width: 100%;
+}
+
+form div input {
+    width: 100%;
+    box-sizing: border-box;
+}
+
+form div:last-of-type input {
+    width: auto;
+    float: right;
 }
+
+form div:last-of-type label {
+    font-style: italic;
+}
\ No newline at end of file
