From e44425b8b4079d06b724ee7827e645950fe9a89d Mon Sep 17 00:00:00 2001
From: Shirin <sh.panahian@gmail.com>
Date: Thu, 10 Sep 2026 14:07:15 +0100
Subject: [PATCH 1/7] add input for name and email

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..a24241d09 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,6 +13,15 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
+        <div>
+          <label for="name">Name</label>
+          <input type="text" id="name" required pattern=".*\S.*\S.*"/>
+        </div>
+        <div>
+          <label for="email">Email</label>
+          <input type="email" id="email" required />
+        </div>
+      
         <!-- write your html here-->
         <!-- 
           try writing out the requirements first as comments

From 719578fc7d0ec1ecbca372bbcc7bdd7d0cd840bc Mon Sep 17 00:00:00 2001
From: Shirin <sh.panahian@gmail.com>
Date: Thu, 10 Sep 2026 14:14:42 +0100
Subject: [PATCH 2/7] add select option for colour

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index a24241d09..c31978435 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -21,11 +21,16 @@ <h1>Product Pick</h1>
           <label for="email">Email</label>
           <input type="email" id="email" required />
         </div>
-      
-        <!-- write your html here-->
-        <!-- 
-          try writing out the requirements first as comments
-        this will also help you fill in your PR message later-->
+        <div>
+          <label for="color">Choose T-shirt color</label>
+          <select id="color" name="color" required>
+            <option value="">Select a color</option>
+            <option value="red">Red</option>
+            <option value="green">Green</option>
+            <option value="blue">Blue</option>
+          </select>
+        </div>
+        <div></div>
       </form>
     </main>
     <footer>

From dd8d708d4030bc5970c6061a07e43ce568deadeb Mon Sep 17 00:00:00 2001
From: Shirin <sh.panahian@gmail.com>
Date: Thu, 10 Sep 2026 14:20:34 +0100
Subject: [PATCH 3/7] add select option for size

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index c31978435..5329a292d 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -30,7 +30,18 @@ <h1>Product Pick</h1>
             <option value="blue">Blue</option>
           </select>
         </div>
-        <div></div>
+        <div>
+          <label for="size">Size</label>
+          <select id="size" name="size" required>
+            <option value="">Choose a 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>
       </form>
     </main>
     <footer>

From bb6df864bb4836ed9a757fd7bb4805c5ea99e22b Mon Sep 17 00:00:00 2001
From: Shirin <sh.panahian@gmail.com>
Date: Thu, 10 Sep 2026 14:24:39 +0100
Subject: [PATCH 4/7] add 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 5329a292d..333770bd3 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -46,7 +46,7 @@ <h1>Product Pick</h1>
     </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Shirin Panahian</p>
     </footer>
   </body>
 </html>

From ee957cb5fc969702e7fd83e0822a3a15b71ac998 Mon Sep 17 00:00:00 2001
From: Shirin <sh.panahian@gmail.com>
Date: Thu, 10 Sep 2026 14:28:47 +0100
Subject: [PATCH 5/7] Add submit button

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 333770bd3..8aef9f68d 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -42,6 +42,9 @@ <h1>Product Pick</h1>
             <option value="XXL">XXL</option>
           </select>
         </div>
+        <div>
+          <button type="submit">Submit</button>
+        </div>
       </form>
     </main>
     <footer>

From 632ad1a924895edec2cccb223f543bc0804411f9 Mon Sep 17 00:00:00 2001
From: Shirin <sh.panahian@gmail.com>
Date: Thu, 10 Sep 2026 14:36:54 +0100
Subject: [PATCH 6/7] change input name

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 8aef9f68d..f3cb0af7e 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -15,11 +15,11 @@ <h1>Product Pick</h1>
       <form>
         <div>
           <label for="name">Name</label>
-          <input type="text" id="name" required pattern=".*\S.*\S.*"/>
+          <input type="text" id="name" name="name" required pattern=".*\S.*\S.*"/>
         </div>
         <div>
           <label for="email">Email</label>
-          <input type="email" id="email" required />
+          <input type="email" id="email" name="email" required />
         </div>
         <div>
           <label for="color">Choose T-shirt color</label>

From e2b259c90453d8d6623e222f24574c1e451bfae1 Mon Sep 17 00:00:00 2001
From: Shirin <sh.panahian@gmail.com>
Date: Thu, 10 Sep 2026 19:42:38 +0100
Subject: [PATCH 7/7] add css file

---
 Form-Controls/index.html |  1 +
 Form-Controls/style.css  | 13 +++++++++++++
 2 files changed, 14 insertions(+)
 create mode 100644 Form-Controls/style.css

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index f3cb0af7e..4e77c383e 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -6,6 +6,7 @@
     <title>My form exercise</title>
     <meta name="description" content="" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="style.css" />
   </head>
   <body>
     <header>
diff --git a/Form-Controls/style.css b/Form-Controls/style.css
new file mode 100644
index 000000000..36b7f1dca
--- /dev/null
+++ b/Form-Controls/style.css
@@ -0,0 +1,13 @@
+input,
+select,
+button{
+    min-height: 40px;
+    padding: 10px;
+    font-size: 16px;
+}
+button{
+    padding: 12px,24px;
+}
+form > div{
+    margin-bottom: 16px;
+}
\ No newline at end of file