diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..5cb4cc67c 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -1,9 +1,10 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <title>My form exercise</title>
+    <link rel="stylesheet" href="style.css" />
     <meta name="description" content="" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
   </head>
@@ -13,15 +14,79 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
-        <!-- write your html here-->
-        <!-- 
-          try writing out the requirements first as comments
-        this will also help you fill in your PR message later-->
+        <!-- Fieldset added for form structure-->
+        <fieldset>
+          <legend>Personal Details</legend>
+          <!-- name field added -->
+          <div>
+            <label for="name">Name:</label>
+            <input 
+              type="text" 
+              id="name"
+              name="name"
+              placeholder="Ada Lovelace"
+              title="Please enter your name"
+              pattern=".*\S.*\S.*"
+              required
+              />
+          </div>
+
+          <!-- email field added -->
+          <div>
+            <label for="email">Email:</label>
+            <input 
+              type="email" 
+              id="email" 
+              name="email" 
+              placeholder="ada.lovelace@example.com" 
+              title="Please enter a valid email"   
+              pattern=".*\S.*@.*\S.*"
+              required
+            />
+          </div>
+        </fieldset>
+
+        
+        <fieldset>
+          <legend>T-shirt Information</legend>
+          <!-- T-shirt colour information added -->
+
+          <div>
+            <label for="colour">Colour:</label>
+
+            <select id="colour" name="colour" required>
+              <option value="" disabled selected>Select a colour</option>
+              <option value="black">Black</option>
+              <option value="blue">Blue</option>
+              <option value="white">White</option>
+            </select>
+          </div>
+
+          <!-- T-shirt size information added -->
+          <div>
+            <label for="size">Size:</label>
+
+            <select id="size" name="size" required>
+              <option value="" disabled selected>Choose your size</option>
+              <option value="xs">XS</option>
+              <option value="s">S</option>
+              <option value="m">M</option>
+              <option value="l">L</option>
+              <option value="xl">XL</option>
+              <option value="xxl">XXL</option>
+            </select>
+          </div>
+        </fieldset>
+        <!-- submit and reset added  -->
+        <div class="buttons">
+          <button class="submit-btn" type="submit">Submit</button>
+          <button class="reset-btn" type="reset">Clear form</button>
+        </div>
       </form>
     </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Edina Kurdi - HOMEWORK SOLUTION</p>
     </footer>
   </body>
 </html>
diff --git a/Form-Controls/style.css b/Form-Controls/style.css
new file mode 100644
index 000000000..344c9932f
--- /dev/null
+++ b/Form-Controls/style.css
@@ -0,0 +1,41 @@
+body {
+    font-family: Arial, Helvetica, sans-serif;
+    line-height: 1.5;
+    margin: 2rem;
+}
+
+form {
+    max-width: 400px;
+    margin: 0 auto;
+}
+
+
+div {
+    margin-bottom: 1rem;
+}
+
+
+label {
+    display: inline-block;
+    width: 120px;
+}
+
+button {
+    padding: 0.5rem 1rem;
+    border-radius: 5px;
+}
+
+.submit-btn {
+    background-color: #4CAF50;
+}
+
+.reset-btn{
+    background-color: #FFD8A8;
+    color: black;
+}
+
+.buttons{
+    text-align: center;
+    margin-top: 1.5rem;
+}
+
