From cd4ea31fd1ace8becf35ea8cc50bc9afd264b317 Mon Sep 17 00:00:00 2001
From: Rahana Suleiman <rahanasuleiman8@gmail.com>
Date: Sat, 12 Sep 2026 13:07:52 +0100
Subject: [PATCH 01/11] Added customer's name

---
 Form-Controls/index.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..dca36fea1 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -17,8 +17,14 @@ <h1>Product Pick</h1>
         <!-- 
           try writing out the requirements first as comments
         this will also help you fill in your PR message later-->
+
+        <!-- TODO1: Collect customer name -->
+         <div>
+          <label for="name">Full Name:</label>
+          <input type="text" name="name" id="name" placeholder="Enter Your Name" required pattern=".*\S.*\S.*">
+         </div>
       </form>
-    </main>
+    </main> 
     <footer>
       <!-- change to your name-->
       <p>By HOMEWORK SOLUTION</p>

From 2c39ea21749a22eb31c0902e4b5c5835edc4f842 Mon Sep 17 00:00:00 2001
From: Rahana Suleiman <rahanasuleiman8@gmail.com>
Date: Sat, 12 Sep 2026 13:13:51 +0100
Subject: [PATCH 02/11] Added customer's email

---
 Form-Controls/index.html | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index dca36fea1..690af07d4 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -23,6 +23,11 @@ <h1>Product Pick</h1>
           <label for="name">Full Name:</label>
           <input type="text" name="name" id="name" placeholder="Enter Your Name" required pattern=".*\S.*\S.*">
          </div>
+
+         <div>
+          <label for="email">Enter Your Email:</label>
+          <input type="email" id="email" name="email" placeholder="Email" required>
+         </div>
       </form>
     </main> 
     <footer>

From 3b8a0939c9696e5578cb326116acd3303488116b Mon Sep 17 00:00:00 2001
From: Rahana Suleiman <rahanasuleiman8@gmail.com>
Date: Sat, 12 Sep 2026 13:59:23 +0100
Subject: [PATCH 03/11] Added colors for customers to choose from

---
 Form-Controls/index.html | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 690af07d4..e16418830 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -28,6 +28,17 @@ <h1>Product Pick</h1>
           <label for="email">Enter Your Email:</label>
           <input type="email" id="email" name="email" placeholder="Email" required>
          </div>
+
+         <div>
+          <label for="color">Color</label>
+          <select name="color" id="color">
+            <option value="navy">Navy</option>
+            <option value="sage green">Sage Green</option>
+            <option value="Charcoal">Charcoal</option>
+          </select>
+         </div>
+
+         
       </form>
     </main> 
     <footer>

From a09b4fc3ced320c99db6baee5108003ad629d7a6 Mon Sep 17 00:00:00 2001
From: Rahana Suleiman <rahanasuleiman8@gmail.com>
Date: Sat, 12 Sep 2026 14:23:03 +0100
Subject: [PATCH 04/11] Added sizes so customers can choose from

---
 Form-Controls/index.html | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index e16418830..60717c3bc 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -38,7 +38,17 @@ <h1>Product Pick</h1>
           </select>
          </div>
 
-         
+         <div>
+          <label for="size">Choose a Size</label>
+          <select name="size" id="size" required>
+            <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>
       </form>
     </main> 
     <footer>

From bc52e75a88179e4b60765b19b7cb4a1ec99823c4 Mon Sep 17 00:00:00 2001
From: Rahana Suleiman <rahanasuleiman8@gmail.com>
Date: Sat, 12 Sep 2026 14:24:55 +0100
Subject: [PATCH 05/11] Added my name

---
 Form-Controls/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 60717c3bc..e3d19e3e6 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -53,7 +53,7 @@ <h1>Product Pick</h1>
     </main> 
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By RAHANA SULEIMAN</p>
     </footer>
   </body>
 </html>

From 6ccbc57f6603eb8af7774d19371a8555fdd37d03 Mon Sep 17 00:00:00 2001
From: Rahana Suleiman <rahanasuleiman8@gmail.com>
Date: Sat, 12 Sep 2026 14:29:18 +0100
Subject: [PATCH 06/11] Added required to my color select element

---
 Form-Controls/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index e3d19e3e6..18e42c809 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -31,7 +31,7 @@ <h1>Product Pick</h1>
 
          <div>
           <label for="color">Color</label>
-          <select name="color" id="color">
+          <select name="color" id="color" required>
             <option value="navy">Navy</option>
             <option value="sage green">Sage Green</option>
             <option value="Charcoal">Charcoal</option>

From f518db6eb92efdec4bb104fbc6970722ccd4f836 Mon Sep 17 00:00:00 2001
From: Rahana Suleiman <rahanasuleiman8@gmail.com>
Date: Sat, 12 Sep 2026 15:21:35 +0100
Subject: [PATCH 07/11] Added the submit button

---
 Form-Controls/index.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 18e42c809..60400ba64 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -32,9 +32,10 @@ <h1>Product Pick</h1>
          <div>
           <label for="color">Color</label>
           <select name="color" id="color" required>
+            <option value="">Please choose a color</option>
             <option value="navy">Navy</option>
             <option value="sage green">Sage Green</option>
-            <option value="Charcoal">Charcoal</option>
+            <option value="charcoal">Charcoal</option>
           </select>
          </div>
 
@@ -49,6 +50,8 @@ <h1>Product Pick</h1>
             <option value="XXL">XXL</option>
           </select>
          </div>
+
+         <button type="submit">Submit</button>
       </form>
     </main> 
     <footer>

From 61edb68f2f6eae9dd911434ecc3ddd32d92e0cf5 Mon Sep 17 00:00:00 2001
From: Rahana Suleiman <rahanasuleiman8@gmail.com>
Date: Sat, 12 Sep 2026 15:25:33 +0100
Subject: [PATCH 08/11] Added an option for size selection

---
 Form-Controls/index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 60400ba64..50bbeebb1 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -42,6 +42,7 @@ <h1>Product Pick</h1>
          <div>
           <label for="size">Choose a Size</label>
           <select name="size" id="size" required>
+            <option value="">Select a size</option>
             <option value="XS">XS</option>
             <option value="S">S</option>
             <option value="M">M</option>

From 3ee1bfc36645d287d6be2948cf32bfad29801f74 Mon Sep 17 00:00:00 2001
From: Rahana Suleiman <rahanasuleiman8@gmail.com>
Date: Sat, 12 Sep 2026 15:38:42 +0100
Subject: [PATCH 09/11] Added comments to my HTML

---
 Form-Controls/index.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 50bbeebb1..f9cd0b4a0 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -18,17 +18,19 @@ <h1>Product Pick</h1>
           try writing out the requirements first as comments
         this will also help you fill in your PR message later-->
 
-        <!-- TODO1: Collect customer name -->
+        <!-- TODO1: Customer name -->
          <div>
           <label for="name">Full Name:</label>
           <input type="text" name="name" id="name" placeholder="Enter Your Name" required pattern=".*\S.*\S.*">
          </div>
 
+         <!-- TODO2: Customer email -->
          <div>
           <label for="email">Enter Your Email:</label>
           <input type="email" id="email" name="email" placeholder="Email" required>
          </div>
 
+         <!-- TODO3: Colors to choose from -->
          <div>
           <label for="color">Color</label>
           <select name="color" id="color" required>
@@ -39,6 +41,7 @@ <h1>Product Pick</h1>
           </select>
          </div>
 
+         <!-- TODO4: Sizes to choose from -->
          <div>
           <label for="size">Choose a Size</label>
           <select name="size" id="size" required>

From e71f2fba212f62f15479f13214c81e9224bce9f6 Mon Sep 17 00:00:00 2001
From: Rahana Suleiman <rahanasuleiman8@gmail.com>
Date: Sat, 12 Sep 2026 15:51:59 +0100
Subject: [PATCH 10/11] Added some indentation

---
 Form-Controls/index.html | 45 ++++++++++++++++++++++++++--------------
 1 file changed, 29 insertions(+), 16 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index f9cd0b4a0..08b03d7bc 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
@@ -19,19 +19,32 @@ <h1>Product Pick</h1>
         this will also help you fill in your PR message later-->
 
         <!-- TODO1: Customer name -->
-         <div>
+        <div>
           <label for="name">Full Name:</label>
-          <input type="text" name="name" id="name" placeholder="Enter Your Name" required pattern=".*\S.*\S.*">
-         </div>
+          <input
+            type="text"
+            name="name"
+            id="name"
+            placeholder="Enter Your Name"
+            required
+            pattern=".*\S.*\S.*"
+          />
+        </div>
 
-         <!-- TODO2: Customer email -->
-         <div>
+        <!-- TODO2: Customer email -->
+        <div>
           <label for="email">Enter Your Email:</label>
-          <input type="email" id="email" name="email" placeholder="Email" required>
-         </div>
+          <input
+            type="email"
+            id="email"
+            name="email"
+            placeholder="Email"
+            required
+          />
+        </div>
 
-         <!-- TODO3: Colors to choose from -->
-         <div>
+        <!-- TODO3: Colors to choose from -->
+        <div>
           <label for="color">Color</label>
           <select name="color" id="color" required>
             <option value="">Please choose a color</option>
@@ -39,10 +52,10 @@ <h1>Product Pick</h1>
             <option value="sage green">Sage Green</option>
             <option value="charcoal">Charcoal</option>
           </select>
-         </div>
+        </div>
 
-         <!-- TODO4: Sizes to choose from -->
-         <div>
+        <!-- TODO4: Sizes to choose from -->
+        <div>
           <label for="size">Choose a Size</label>
           <select name="size" id="size" required>
             <option value="">Select a size</option>
@@ -53,11 +66,11 @@ <h1>Product Pick</h1>
             <option value="XL">XL</option>
             <option value="XXL">XXL</option>
           </select>
-         </div>
+        </div>
 
-         <button type="submit">Submit</button>
+        <button type="submit">Submit</button>
       </form>
-    </main> 
+    </main>
     <footer>
       <!-- change to your name-->
       <p>By RAHANA SULEIMAN</p>

From 03a96d4d6b7991569dca41bdbd4f50c4b068e88b Mon Sep 17 00:00:00 2001
From: Rahana Suleiman <rahanasuleiman8@gmail.com>
Date: Sat, 12 Sep 2026 16:04:28 +0100
Subject: [PATCH 11/11] Added line breaks for some spacing

---
 Form-Controls/index.html | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 08b03d7bc..2172587ea 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -29,6 +29,7 @@ <h1>Product Pick</h1>
             required
             pattern=".*\S.*\S.*"
           />
+          <br><br>
         </div>
 
         <!-- TODO2: Customer email -->
@@ -41,6 +42,7 @@ <h1>Product Pick</h1>
             placeholder="Email"
             required
           />
+          <br><br>
         </div>
 
         <!-- TODO3: Colors to choose from -->
@@ -52,6 +54,7 @@ <h1>Product Pick</h1>
             <option value="sage green">Sage Green</option>
             <option value="charcoal">Charcoal</option>
           </select>
+          <br><br>
         </div>
 
         <!-- TODO4: Sizes to choose from -->
@@ -66,6 +69,7 @@ <h1>Product Pick</h1>
             <option value="XL">XL</option>
             <option value="XXL">XXL</option>
           </select>
+          <br><br>
         </div>
 
         <button type="submit">Submit</button>