From 7952c40f129668106c8654e7e72a8c026ef96327 Mon Sep 17 00:00:00 2001
From: Joseph Ayitey <joseph.yaw.ayitey@gmail.com>
Date: Sat, 15 Nov 2025 22:56:19 +0100
Subject: [PATCH 1/3] Form have been built on semantic html

---
 Form-Controls/index.html | 81 +++++++++++++++++++++++++++++++++++++---
 1 file changed, 75 insertions(+), 6 deletions(-)
diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65a866cdb..aef73cf32 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,15 +13,84 @@ <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>
+        <form action="#" method="post">
+  <div>
+    <label for="fullName">Full name</label>
+    <input
+      type="text" placeholder="Joseph Ayitey"
+      id="fullName"
+      name="fullName"
+      minlength="2"
+      required
+    />  
+  </div>
+
+  <div>
+    <label for="email">Email address</label>
+    <input
+      type="email" placeholder="example@gmail.com"
+      id="email"
+      name="email"
+      required
+    />
+  </div>
+
+  <div>
+   <label for="Addres">Address</label>
+    <input
+      type="Address" placeholder="Home Address"
+      id="Address"
+      name="Address"
+      required
+    />
+  </div>
+
+  <fieldset>
+    <legend>Choose a colour</legend>
+
+    <div>
+      <input type="radio" id="colourRed" name="colour" value="red" required />
+      <label for="colourRed">Red</label>
+    </div>
+
+    <div>
+      <input type="radio" id="colourGreen" name="colour" value="green" />
+      <label for="colourGreen">Green</label>
+    </div>
+
+    <div>
+      <input type="radio" id="colourBlue" name="colour" value="blue" />
+      <label for="colourBlue">Blue</label>
+    </div>
+
+    <div>
+      <input type="radio" id="colourYellow" name="colour" value="Yellow" />
+      <label for="colourYellow">Yellow</label>
+    </div>
+
+     <div>
+      <input type="radio" id="colourBlack" name="colour" value="Black" />
+      <label for="colourBlack">Black</label>
+    </div>
+  </fieldset>
+
+  <div>
+    <label for="size">Choose a size</label>
+    <select id="size" name="size" required>
+      <option value="#">Select 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>
+  <button type="submit">Submit</button>
     </main>
     <footer>
       <!-- change to your name-->
-      <h2>By HOMEWORK SOLUTION</h2>
+      <h2>By J-Linx Front-End Developer(Joseph Ayitey)</h2>
     </footer>
   </body>
 </html>

From b5e42e13a040c33b99f8716e386b417babc1111c Mon Sep 17 00:00:00 2001
From: Joseph Ayitey <joseph.yaw.ayitey@gmail.com>
Date: Mon, 17 Nov 2025 18:56:27 +0100
Subject: [PATCH 2/3]  I have modified the header from Product Pick to J-Linx
 Enterprise

---
 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 aef73cf32..99fed6476 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -9,7 +9,7 @@
   </head>
   <body>
     <header>
-      <h1>Product Pick</h1>
+      <h1>J-Linx Enterprise</h1>
     </header>
     <main>
       <form>

From 6dbe4d3c0f1b45f26631ee657724b79291354716 Mon Sep 17 00:00:00 2001
From: Joseph Ayitey <joseph.yaw.ayitey@gmail.com>
Date: Mon, 17 Nov 2025 19:02:11 +0100
Subject: [PATCH 3/3] New paragraph statement have been added and footer
 modified

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

diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 99fed6476..5ced85a98 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,6 +13,7 @@ <h1>J-Linx Enterprise</h1>
     </header>
     <main>
       <form>
+        <p>Please fill in the form below:</p>
         <form action="#" method="post">
   <div>
     <label for="fullName">Full name</label>
@@ -90,7 +91,7 @@ <h1>J-Linx Enterprise</h1>
     </main>
     <footer>
       <!-- change to your name-->
-      <h2>By J-Linx Front-End Developer(Joseph Ayitey)</h2>
+      <h2>By J-Linx Front-End Developer(Joseph)</h2>
     </footer>
   </body>
 </html>
