From 38be438ba8f8980aee4de5b70b70fc2704bd2dfb Mon Sep 17 00:00:00 2001
From: mehioitani <muhieddineitani04@gmail.com>
Date: Fri, 25 Aug 2023 09:25:40 +0300
Subject: [PATCH 1/8] edited some content in html structure

---
 week-3/23-comments/index.html | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/week-3/23-comments/index.html b/week-3/23-comments/index.html
index 110a5027..e516b099 100644
--- a/week-3/23-comments/index.html
+++ b/week-3/23-comments/index.html
@@ -32,6 +32,11 @@ <h1>Our t-shirts are amazing!</h1>
           <p>Add your comments and let us know what you think!</p>
 
           <!-- Your comment form goes here -->
+          <form action="get">
+            <label for="comment"><strong>Add your message</strong></label>
+            <textarea name="comment" id="comment" cols="40" rows="15"></textarea>
+            <button type="submit">Send comment</button>
+          </form>
         </div>
       </main>
     </div>

From f394a3a51f7669e0c81426c70e17e9979cc901f1 Mon Sep 17 00:00:00 2001
From: mehioitani <muhieddineitani04@gmail.com>
Date: Fri, 25 Aug 2023 09:49:28 +0300
Subject: [PATCH 2/8] Completed 24-dietary exercise

---
 week-3/24-dietary/index.html | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/week-3/24-dietary/index.html b/week-3/24-dietary/index.html
index 5593174b..d0d7a230 100644
--- a/week-3/24-dietary/index.html
+++ b/week-3/24-dietary/index.html
@@ -20,6 +20,18 @@ <h1>Codi Summit</h1>
 
         <form>
           <!-- Your multiple choice goes here -->
+          <fieldset>
+            <legend>Please select all of your dietary requirements:</legend>
+            <label for="halal"><input type="checkbox" name="Halal" id="Halal" />Halal</label>
+            <label for="kosher"><input type="checkbox" name="kosher" id="kosher" />Kosher</label>
+            <label for="vegeterian"
+              ><input type="checkbox" name="vegeterian" id="vegeterian" />Vegeterian</label
+            >
+            <label for="vegan"><input type="checkbox" name="vegan" id="vegan" />Vegan</label>
+            <label for="gluten free"
+              ><input type="checkbox" name="gluten free" id="gluten free" />Gluten free</label
+            >
+          </fieldset>
           <button type="submit">Submit</button>
         </form>
       </main>

From 8d73b62b566fc32bf5068590ddb1c5cb45b12382 Mon Sep 17 00:00:00 2001
From: mehioitani <muhieddineitani04@gmail.com>
Date: Fri, 25 Aug 2023 09:58:05 +0300
Subject: [PATCH 3/8] Removed label FOR and input ID + align labels by column

---
 week-3/24-dietary/index.html | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/week-3/24-dietary/index.html b/week-3/24-dietary/index.html
index d0d7a230..4ba424fc 100644
--- a/week-3/24-dietary/index.html
+++ b/week-3/24-dietary/index.html
@@ -22,15 +22,11 @@ <h1>Codi Summit</h1>
           <!-- Your multiple choice goes here -->
           <fieldset>
             <legend>Please select all of your dietary requirements:</legend>
-            <label for="halal"><input type="checkbox" name="Halal" id="Halal" />Halal</label>
-            <label for="kosher"><input type="checkbox" name="kosher" id="kosher" />Kosher</label>
-            <label for="vegeterian"
-              ><input type="checkbox" name="vegeterian" id="vegeterian" />Vegeterian</label
-            >
-            <label for="vegan"><input type="checkbox" name="vegan" id="vegan" />Vegan</label>
-            <label for="gluten free"
-              ><input type="checkbox" name="gluten free" id="gluten free" />Gluten free</label
-            >
+            <label><input type="checkbox" name="Halal" />Halal</label><br />
+            <label><input type="checkbox" name="Kosher" />Kosher</label><br />
+            <label><input type="checkbox" name="Vegeterian" />Vegeterian</label><br />
+            <label><input type="checkbox" name="vegan" />Vegan</label><br />
+            <label><input type="checkbox" name="Gluten free" />Gluten free</label>
           </fieldset>
           <button type="submit">Submit</button>
         </form>

From d6359888427eb44bec517bca8bb53a3529a4912b Mon Sep 17 00:00:00 2001
From: mehioitani <muhieddineitani04@gmail.com>
Date: Fri, 25 Aug 2023 10:37:18 +0300
Subject: [PATCH 4/8] Completed 25-shirt-size

---
 week-3/25-shirt-size/index.html | 9 ++++++++-
 week-3/25-shirt-size/styles.css | 7 +++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/week-3/25-shirt-size/index.html b/week-3/25-shirt-size/index.html
index 9e4d606f..220d737f 100644
--- a/week-3/25-shirt-size/index.html
+++ b/week-3/25-shirt-size/index.html
@@ -29,7 +29,14 @@ <h1 class="shopping-basket__title">Your Shopping Basket</h1>
                 </div>
               </td>
               <td>
-                Medium
+                <form>
+                  <label class="screenreader" for="size">Choose a size</label>
+                  <select id="size">
+                    <option value="Small">Small</option>
+                    <option value="Medium" selected>Medium</option>
+                    <option value="Large">Large</option>
+                  </select>
+                </form>
               </td>
               <td>
                 1
diff --git a/week-3/25-shirt-size/styles.css b/week-3/25-shirt-size/styles.css
index f2831578..0fb5e411 100644
--- a/week-3/25-shirt-size/styles.css
+++ b/week-3/25-shirt-size/styles.css
@@ -1 +1,8 @@
 /* Add your CSS below */
+
+.screenreader {
+  clip: rect(1px, 1px, 1px, 1px);
+  position: absolute !important;
+  left: -2000px;
+  display: none;
+}

From 712926fa9562ecf3fd34989ebc1515aaf4a122b5 Mon Sep 17 00:00:00 2001
From: mehioitani <muhieddineitani04@gmail.com>
Date: Fri, 25 Aug 2023 10:46:56 +0300
Subject: [PATCH 5/8] Completed 26-checkout-groups

---
 week-3/26-checkout-groups/index.html | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/week-3/26-checkout-groups/index.html b/week-3/26-checkout-groups/index.html
index 66513ddd..2ff22023 100644
--- a/week-3/26-checkout-groups/index.html
+++ b/week-3/26-checkout-groups/index.html
@@ -38,7 +38,27 @@ <h1 class="shopping-basket__title">Your Shopping Basket</h1>
           <h2 class="checkout__title">Checkout</h2>
           <form method="GET" id="checkout-form" class="checkout__form">
             <!-- Add the form fields here -->
+            <fieldset name="first-form">
+              <legend>Billing Address</legend>
+              <label>Address Line 1 <input type="text"/></label>
 
+              <label>Address Line 2 <input type="text"/></label>
+
+              <label>Postcode <input type="text"/></label>
+
+              <label>City <input type="text"/></label>
+            </fieldset>
+
+            <fieldset name="second-form">
+              <legend>Billing Address</legend>
+              <label>Address Line 1 <input type="text"/></label>
+
+              <label>Address Line 2 <input type="text"/></label>
+
+              <label>Postcode <input type="text"/></label>
+
+              <label>City <input type="text"/></label>
+            </fieldset>
             <button type="submit">Complete Purchase</button>
           </form>
         </div>

From 4c04dea52694d2ae6c08498e8c08e8885fb36052 Mon Sep 17 00:00:00 2001
From: mehioitani <muhieddineitani04@gmail.com>
Date: Fri, 25 Aug 2023 10:58:26 +0300
Subject: [PATCH 6/8] added name attributes to inputs

---
 week-3/26-checkout-groups/index.html | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/week-3/26-checkout-groups/index.html b/week-3/26-checkout-groups/index.html
index 2ff22023..785dd005 100644
--- a/week-3/26-checkout-groups/index.html
+++ b/week-3/26-checkout-groups/index.html
@@ -40,24 +40,24 @@ <h2 class="checkout__title">Checkout</h2>
             <!-- Add the form fields here -->
             <fieldset name="first-form">
               <legend>Billing Address</legend>
-              <label>Address Line 1 <input type="text"/></label>
+              <label>Address Line 1 <input type="text" name="billing-address-1"/></label>
 
-              <label>Address Line 2 <input type="text"/></label>
+              <label>Address Line 2 <input type="text" name="billing-address-2"/></label>
 
-              <label>Postcode <input type="text"/></label>
+              <label>Postcode <input type="text" name="billing-postcode"/></label>
 
-              <label>City <input type="text"/></label>
+              <label>City <input type="text" name="billing-postcode"/></label>
             </fieldset>
 
             <fieldset name="second-form">
-              <legend>Billing Address</legend>
-              <label>Address Line 1 <input type="text"/></label>
+              <legend>Delivery Address</legend>
+              <label>Address Line 1 <input type="text" name="Delivery-address-1"/></label>
 
-              <label>Address Line 2 <input type="text"/></label>
+              <label>Address Line 2 <input type="text" name="delivery-address-2"/></label>
 
-              <label>Postcode <input type="text"/></label>
+              <label>Postcode <input type="text" name="delivery-address-postcode"/></label>
 
-              <label>City <input type="text"/></label>
+              <label>City <input type="text" name="delivery-address-city"/></label>
             </fieldset>
             <button type="submit">Complete Purchase</button>
           </form>

From 03a6fc2b09ff6815f955492e422be3f34e2c41ce Mon Sep 17 00:00:00 2001
From: mehioitani <muhieddineitani04@gmail.com>
Date: Fri, 25 Aug 2023 11:30:44 +0300
Subject: [PATCH 7/8] Completed 27-attributes exercise

---
 week-3/27-attributes/index.html | 26 ++++++++++++++++++++------
 week-3/27-attributes/readme.md  |  3 +++
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/week-3/27-attributes/index.html b/week-3/27-attributes/index.html
index e54fd838..8d0d34d9 100644
--- a/week-3/27-attributes/index.html
+++ b/week-3/27-attributes/index.html
@@ -42,7 +42,7 @@ <h2 class="checkout__title">Checkout</h2>
               <legend>Billing Address</legend>
               <p>
                 <label for="billing-address-1">Address Line 1</label>
-                <input type="text" name="billing-address-1" id="billing-address-1" />
+                <input type="text" name="billing-address-1" id="billing-address-1" required />
               </p>
               <p>
                 <label for="billing-address-2">Address Line 2</label>
@@ -50,18 +50,18 @@ <h2 class="checkout__title">Checkout</h2>
               </p>
               <p>
                 <label for="billing-postcode">Postcode</label>
-                <input type="text" name="billing-postcode" id="billing-postcode" />
+                <input type="text" name="billing-postcode" id="billing-postcode" required />
               </p>
               <p>
                 <label for="billing-city">City</label>
-                <input type="text" name="billing-city" id="billing-city" />
+                <input type="text" name="billing-city" id="billing-city" required />
               </p>
             </fieldset>
             <fieldset>
               <legend>Delivery Address</legend>
               <p>
                 <label for="delivery-address-1">Address Line 1</label>
-                <input type="text" name="delivery-address-1" id="delivery-address-1" />
+                <input type="text" name="delivery-address-1" id="delivery-address-1" required />
               </p>
               <p>
                 <label for="delivery-address-2">Address Line 2</label>
@@ -73,15 +73,27 @@ <h2 class="checkout__title">Checkout</h2>
                   type="text"
                   name="delivery-address-postcode"
                   id="delivery-address-postcode"
+                  required
                 />
               </p>
               <p>
                 <label for="delivery-address-city">City</label>
-                <input type="text" name="delivery-address-city" id="delivery-address-city" />
+                <input
+                  type="text"
+                  name="delivery-address-city"
+                  id="delivery-address-city"
+                  required
+                />
               </p>
               <p>
                 <label for="delivery-country">Country</label>
-                <input type="text" name="delivery-country" id="delivery-country" />
+                <input
+                  type="text"
+                  name="delivery-country"
+                  id="delivery-country"
+                  value="United Kingdoms"
+                  readonly
+                />
               </p>
               <fieldset>
                 <legend>Delivery Options</legend>
@@ -91,6 +103,8 @@ <h2 class="checkout__title">Checkout</h2>
                     name="delivery-option"
                     id="delivery-option"
                     value="standard"
+                    disabled
+                    checked
                   />
                   Royal Mail
                 </label>
diff --git a/week-3/27-attributes/readme.md b/week-3/27-attributes/readme.md
index ce1f9549..805fe5e9 100644
--- a/week-3/27-attributes/readme.md
+++ b/week-3/27-attributes/readme.md
@@ -20,3 +20,6 @@ You should not be able to type anything in the Country field. And the delivery o
 **Extra Credit**
 
 What's the difference between `readonly` and `disabled`? See if you can understand this [question and answer](https://stackoverflow.com/questions/7730695/whats-the-difference-between-disabled-disabled-and-readonly-readonly-for-ht).
+
+readonly: the user will be unable to edit it but can copy it and the field will be active
+disabled: the user will be unable to do any action also the field will be inactive

From 29b9e45beca47433600074dff60151fc52790665 Mon Sep 17 00:00:00 2001
From: mehioitani <muhieddineitani04@gmail.com>
Date: Fri, 25 Aug 2023 11:40:13 +0300
Subject: [PATCH 8/8] changed links color to fuschia

---
 week-3/28-git-conflict/styles.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/week-3/28-git-conflict/styles.css b/week-3/28-git-conflict/styles.css
index af46a4f7..ec446843 100644
--- a/week-3/28-git-conflict/styles.css
+++ b/week-3/28-git-conflict/styles.css
@@ -1,6 +1,6 @@
 /* Add your own CSS code below */
 .link {
-  color: orangered;
+  color: fuchsia;
   font-weight: 700;
   text-decoration: none;
 }