From d4311b46df88574eaa04f48e5198f9dc1082df0a Mon Sep 17 00:00:00 2001
From: anitahy73 <anita.hy73@gmail.com>
Date: Sat, 9 May 2026 22:29:14 +0100
Subject: [PATCH 1/3] Add form with input fields and options

---
 Form-Controls/index.html | 48 +++++++++++++++++++++++++++++++++-------
 1 file changed, 40 insertions(+), 8 deletions(-)
diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..13dbff077 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -12,16 +12,48 @@
       <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>
+
+            <label for="name">Name:</label>
+            <input type="text" id="name" name="name"><br>
+            <label for="email">Email:</label>
+            <input type="email" id="email" name="email"><br><br>
+
+            <fieldset>
+            <legend>colour:</legend>
+
+            <label>
+                <input type="radio" id="colour-red" name="colour" value="red">
+                Red
+            </label>
+            
+            <label >
+                <input type="radio" id="colour-blue" name="colour" value="blue">
+                Blue
+            </label>
+            
+            <label >
+                <input type="radio" id="colour-green" name="colour" value="green">
+                Green
+            </label>
+            
+            </fieldset>
+
+            <label for="size">choose your size</label>
+            
+
+            <select id="size">
+                <option value="s">small</option>
+                <option value="m">medium</option>
+                <option value="l">large</option>
+                <option value="xl">xlarge</option>
+                <option value="xl">xxlarge</option>
+
+            </select> 
+        </form>
     </main>
     <footer>
-      <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>Anita Amirhaeri</p>
     </footer>
   </body>
 </html>

From c141d2abf401d966139f28956b9c5f3a21846ade Mon Sep 17 00:00:00 2001
From: anitahy73 <anita.hy73@gmail.com>
Date: Fri, 15 May 2026 16:08:04 +0100
Subject: [PATCH 2/3] Review issues fixed

---
 index.html | 86 +++++++++++++++++++++++++++++++-----------------------
 1 file changed, 49 insertions(+), 37 deletions(-)

diff --git a/index.html b/index.html
index 80aa49666..7b3d64178 100644
--- a/index.html
+++ b/index.html
@@ -1,46 +1,58 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Coursework</title>
-    <style>
-      :root {
-        --paper: oklch(7 0 0);
-        --ink: color-mix(in oklab, var(--color) 5%, black);
-        --font: 100%/1.5 system-ui;
-        --space: clamp(6px, 6px + 2vw, 15px);
-        --line: 1px solid;
-      }
-      body {
-        background: var(--paper);
-        color: var(--ink);
-        font: var(--font);
-        max-width: 1280px;
-        margin: 0 auto;
-      }
-    </style>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>My form exercise</title>
+    <meta name="description" content="" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
   </head>
   <body>
-    <header><h1>🧐 CYF Coursework Disposable Branch Previews</h1></header>
+    <header>
+      <h1>Product Pick</h1>
+    </header>
     <main>
-      <ol>
-        <li>
-          <h2><a href="/Wireframe">Project 1: Wireframe</a></h2>
-          <p>
-            Mentors:
-            <a href="Wireframe/readme.md">open the assignment in a tab</a>
-          </p>
-        </li>
-        <li>
-          <h2><a href="/Form-Controls">Project 2: Form Controls</a></h2>
-          <p>
-            Mentors:
-            <a href="Form-Controls/readme.md">open the assignment in a tab</a>
-          </p>
-        </li>
-      </ol>
+          <form>
+
+            <label for="name">Name:</label>
+            <input type="text" id="name" name="name" minlength="2" required ><br>
+            <label for="email">Email:</label>
+            <input type="email" id="email" name="email"><br><br>
+
+            <fieldset>
+            <legend>colour:</legend>
+
+            <label>
+                <input type="radio" id="colour-red" name="colour" value="red" required>
+                Red
+            </label>
+            
+            <label >
+                <input type="radio" id="colour-blue" name="colour" value="blue">
+                Blue
+            </label>
+            
+            <label >
+                <input type="radio" id="colour-green" name="colour" value="green">
+                Green
+            </label>
+            
+            </fieldset>
+
+            <p for="size">Choose your size</p>
+    
+            <select id="size" name="size" required>
+                <option value="s">Small</option>
+                <option value="m">Medium</option>
+                <option value="l">Large</option>
+                <option value="xl">XLarge</option>
+                <option value="xl">XXLarge</option>
+
+            </select> 
+        </form>
     </main>
-    <footer><a href="HOW_TO_REVIEW.md">HOW TO REVIEW MD</a></footer>
+    <footer>
+      <p>Anita Amirhaeri</p>
+    </footer>
   </body>
 </html>

From 1c14e49bc7d4e5de5c42bbd197ec261866cb92cd Mon Sep 17 00:00:00 2001
From: anitahy73 <anita.hy73@gmail.com>
Date: Fri, 15 May 2026 21:39:12 +0100
Subject: [PATCH 3/3] Review issues fixed

---
 index.html | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index 7b3d64178..13dbff077 100644
--- a/index.html
+++ b/index.html
@@ -12,10 +12,10 @@
       <h1>Product Pick</h1>
     </header>
     <main>
-          <form>
+<form>
 
             <label for="name">Name:</label>
-            <input type="text" id="name" name="name" minlength="2" required ><br>
+            <input type="text" id="name" name="name"><br>
             <label for="email">Email:</label>
             <input type="email" id="email" name="email"><br><br>
 
@@ -23,7 +23,7 @@ <h1>Product Pick</h1>
             <legend>colour:</legend>
 
             <label>
-                <input type="radio" id="colour-red" name="colour" value="red" required>
+                <input type="radio" id="colour-red" name="colour" value="red">
                 Red
             </label>
             
@@ -39,14 +39,15 @@ <h1>Product Pick</h1>
             
             </fieldset>
 
-            <p for="size">Choose your size</p>
-    
-            <select id="size" name="size" required>
-                <option value="s">Small</option>
-                <option value="m">Medium</option>
-                <option value="l">Large</option>
-                <option value="xl">XLarge</option>
-                <option value="xl">XXLarge</option>
+            <label for="size">choose your size</label>
+            
+
+            <select id="size">
+                <option value="s">small</option>
+                <option value="m">medium</option>
+                <option value="l">large</option>
+                <option value="xl">xlarge</option>
+                <option value="xl">xxlarge</option>
 
             </select> 
         </form>
