From 84147a6ffc3a83d63d980360d6a623cebb72621e Mon Sep 17 00:00:00 2001
From: Ebrahim_Moqbel <ebra72himuni@gmail.com>
Date: Mon, 2 Feb 2026 17:08:02 +0000
Subject: [PATCH 1/5] form control

---
 Form-Controls/index.html | 43 ++++++++++++++++++++++++++++++++++------
 1 file changed, 37 insertions(+), 6 deletions(-)

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65a866cdb..869046390 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -12,16 +12,47 @@
       <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-->
+       <form>
+        <section>
+          <!-- customer name must be valid as a text and at least 2 char-->
+            <div>
+              <label for="name"> Name*: </label>
+              <input type="text" id="name" name="name" required minlength="2">
+            </div>
+             <!-- customer email must be valid in an email pattern-->
+            <div>
+              <label for="email">Email*:</label>
+              <input type="email" id="email" name="email" required>
+            </div>
+             <!-- provide three options for the T-shirts color,
+          make sure that they don't pick other colors-->
+            <fieldset>
+              <legend required>T-shirt Color</legend>
+              <div>
+                <label for="black">Black</label>
+                <input type="radio" id="black" name="T-shirtColor" value="black">
+              </div>
+              <div>
+                <label for="red">Red </label>
+                <input type="radio" id="red" name="T-shirtColor" value="red">
+              </div>
+              <div>
+                <label for="green">Green </label>
+                <input type="radio" id="green" name="T-shirtColor" value="green">
+              </div>
+            </fieldset>
+             <!-- provide 6 options XS, S, M, L, XL, XXL
+            for the customer to chose the color -->
+            
+            <div>
+              <button type="submit">Place your order</button>
+            </div>
+        </section>
       </form>
     </main>
     <footer>
       <!-- change to your name-->
-      <h2>By HOMEWORK SOLUTION</h2>
+      <h2>By Ebraim Moqbel</h2>
     </footer>
   </body>
 </html>

From 280c8fdc0797720cadd52e07b015c65533d053d2 Mon Sep 17 00:00:00 2001
From: Ebrahim_Moqbel <ebra72himuni@gmail.com>
Date: Mon, 2 Feb 2026 17:09:04 +0000
Subject: [PATCH 2/5] size div

---
 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 869046390..6a31322f8 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -43,7 +43,17 @@ <h1>Product Pick</h1>
             </fieldset>
              <!-- provide 6 options XS, S, M, L, XL, XXL
             for the customer to chose the color -->
-            
+            <div>
+                <label for="T-shirtSize"></label>
+                <select name="T-shirtSize" id="T-shirtSize" required>
+                  <option value="XS">XS</option>
+                  <option label="S" value="S">S</option>
+                  <option label="M" value="M">M</option>
+                  <option label="L" value="L">L</option>
+                  <option label="XL" value="XL">XL</option>
+                  <option label="XXL" value="XXL">XXL</option>
+              </select>
+            </div>
             <div>
               <button type="submit">Place your order</button>
             </div>

From 270dbee31f465ec646af181f9e6f1a8ee6ac3de7 Mon Sep 17 00:00:00 2001
From: Ebrahim_Moqbel <ebra72himuni@gmail.com>
Date: Mon, 2 Feb 2026 17:21:03 +0000
Subject: [PATCH 3/5] unwanted article deleted

---
 Wireframe/articles.md | 8 --------
 1 file changed, 8 deletions(-)
 delete mode 100644 Wireframe/articles.md

diff --git a/Wireframe/articles.md b/Wireframe/articles.md
deleted file mode 100644
index 7d387e883..000000000
--- a/Wireframe/articles.md
+++ /dev/null
@@ -1,8 +0,0 @@
-nWhat is Git?
-
-Git is a version control system used for tracking changes in computer files. It is generally used for source code management in software development.
-
-Git is used to tracking changes in the source code
-The distributed version control tool is used for source code management
-It allows multiple developers to work together
-It supports non-linear development through its thousands of parallel branches
\ No newline at end of file

From 697f95f7295fa104a0ad4f6dac98765d2c147fc2 Mon Sep 17 00:00:00 2001
From: Ebrahim_Moqbel <ebra72himuni@gmail.com>
Date: Sat, 7 Feb 2026 11:37:02 +0000
Subject: [PATCH 4/5] labelling the T-shirt size and chaninging the color
 section to be recquired

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 6a31322f8..6c32dcc03 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -14,37 +14,37 @@ <h1>Product Pick</h1>
     <main>
        <form>
         <section>
-          <!-- customer name must be valid as a text and at least 2 char-->
+
             <div>
               <label for="name"> Name*: </label>
               <input type="text" id="name" name="name" required minlength="2">
             </div>
-             <!-- customer email must be valid in an email pattern-->
+
             <div>
               <label for="email">Email*:</label>
               <input type="email" id="email" name="email" required>
             </div>
-             <!-- provide three options for the T-shirts color,
-          make sure that they don't pick other colors-->
+
+
             <fieldset>
-              <legend required>T-shirt Color</legend>
+              <legend >t-shirt Color</legend>
               <div>
-                <label for="black">Black</label>
-                <input type="radio" id="black" name="T-shirtColor" value="black">
+                <label for="black" required>Black</label>
+                <input type="radio" id="black" name="t-shirt-color" value="black">
               </div>
               <div>
                 <label for="red">Red </label>
-                <input type="radio" id="red" name="T-shirtColor" value="red">
+                <input type="radio" id="red" name="t-shirt-color" value="red">
               </div>
               <div>
                 <label for="green">Green </label>
-                <input type="radio" id="green" name="T-shirtColor" value="green">
+                <input type="radio" id="green" name="t-shirt-color" value="green">
               </div>
             </fieldset>
-             <!-- provide 6 options XS, S, M, L, XL, XXL
-            for the customer to chose the color -->
+
+
             <div>
-                <label for="T-shirtSize"></label>
+                <label for="T-shirt-size" >T-Shirt Size</label>
                 <select name="T-shirtSize" id="T-shirtSize" required>
                   <option value="XS">XS</option>
                   <option label="S" value="S">S</option>
@@ -61,8 +61,8 @@ <h1>Product Pick</h1>
       </form>
     </main>
     <footer>
-      <!-- change to your name-->
-      <h2>By Ebraim Moqbel</h2>
+
+      <p>By Ebraim Moqbel</p>
     </footer>
   </body>
 </html>

From a008f20bb483a086d2faba4290a10fb58f445ff0 Mon Sep 17 00:00:00 2001
From: Ebrahim_Moqbel <ebra72himuni@gmail.com>
Date: Sun, 8 Feb 2026 21:57:22 +0000
Subject: [PATCH 5/5] I placed the radio buttom name after the radio  button
 input fot the T shirt color and changed th name to match the ID attribute.

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 6c32dcc03..c83b7d962 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -27,25 +27,35 @@ <h1>Product Pick</h1>
 
 
             <fieldset>
-              <legend >t-shirt Color</legend>
+              <legend >T-shirt Color</legend>
               <div>
-                <label for="black" required>Black</label>
-                <input type="radio" id="black" name="t-shirt-color" value="black">
+              <label for="black">
+                <input type="radio" id="black" name="t-shirt-color" value="black" required>
+                Black
+
+              </label>
+                
               </div>
               <div>
-                <label for="red">Red </label>
-                <input type="radio" id="red" name="t-shirt-color" value="red">
+                <label for="red">
+                  <input type="radio" id="red" name="t-shirt-color" value="red">
+                  Red 
+                </label>
+                
               </div>
               <div>
-                <label for="green">Green </label>
-                <input type="radio" id="green" name="t-shirt-color" value="green">
+                <label for="green">
+                  <input type="radio" id="green" name="t-shirt-color" value="green">
+                  Green 
+                </label>
+                
               </div>
             </fieldset>
 
 
             <div>
-                <label for="T-shirt-size" >T-Shirt Size</label>
-                <select name="T-shirtSize" id="T-shirtSize" required>
+                <label for="t-shirt-size"> T-Shirt Size</label>
+                <select name="T-shirtSize" id="t-shirt-size" required>
                   <option value="XS">XS</option>
                   <option label="S" value="S">S</option>
                   <option label="M" value="M">M</option>