From db8cf3d0b93f78e8f65b241af1e3f031bde3ff9a Mon Sep 17 00:00:00 2001
From: PawelBroilo1985 <130308606+PawelBroilo1985@users.noreply.github.com>
Date: Sun, 8 Jun 2025 09:55:12 +0100
Subject: [PATCH 1/2] Index.html sent to GitHub

---
 Form-Controls/index.html | 90 +++++++++++++++++++++++++++++++++++-----
 index.html               | 55 ++++++++----------------
 2 files changed, 98 insertions(+), 47 deletions(-)
diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65a866cd..29a86a33 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -3,25 +3,95 @@
   <head>
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <title>My form exercise</title>
-    <meta name="description" content="" />
+    <title>Form Controls</title>
+    <meta
+      name="description"
+      content="A form to select user details and products"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <!-- <meta name="theme-color" content="#ffffff" /> -->
+    <!-- 'theme-color' meta tag is not supported by Firefox, Firefox for Android, Opera -->
   </head>
   <body>
     <header>
-      <h1>Product Pick</h1>
+      <h1>Users and Products</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 aria-labelledby="form-title" role="form">
+        <h2 id="form-title">User Details</h2>
+
+        <div>
+          <label for="name">Name:</label>
+          <input
+            type="text"
+            id="name"
+            name="name"
+            placeholder="Enter your name"
+            required
+            aria-required="true"
+            title="Enter your name"
+          />
+        </div>
+
+        <div>
+          <label for="email">Email:</label>
+          <input
+            type="email"
+            id="email"
+            name="email"
+            placeholder="Enter your email"
+            required
+            aria-required="true"
+            title="Enter your email address"
+          />
+        </div>
+
+        <fieldset>
+          <legend>Choose a color:</legend>
+          <div>
+            <input type="radio" id="red" name="color" value="red" required />
+            <label for="red">Red</label>
+          </div>
+          <div>
+            <input type="radio" id="blue" name="color" value="blue" />
+            <label for="blue">Blue</label>
+          </div>
+          <div>
+            <input type="radio" id="black" name="color" value="black" />
+            <label for="black">Black</label>
+          </div>
+        </fieldset>
+
+        <div>
+          <label for="size">Choose a Size:</label>
+          <select
+            name="size"
+            id="size"
+            required
+            aria-required="true"
+            title="Choose a Size"
+          >
+            <option value="" disabled selected>
+              --Please choose an option--
+            </option>
+            <option value="XS">Extra Small</option>
+            <option value="S">Small</option>
+            <option value="M">Medium</option>
+            <option value="L">Large</option>
+            <option value="XL">Extra Large</option>
+            <option value="XXL">Extra Extra Large</option>
+          </select>
+        </div>
+
+        <div>
+          <button type="submit">Submit</button>
+        </div>
       </form>
     </main>
+
     <footer>
-      <!-- change to your name-->
-      <h2>By HOMEWORK SOLUTION</h2>
+      <p>By Pawel Broilo</p>
     </footer>
   </body>
 </html>
diff --git a/index.html b/index.html
index 80aa4966..65a866cd 100644
--- a/index.html
+++ b/index.html
@@ -1,46 +1,27 @@
 <!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>
+        <!-- write your html here-->
+        <!-- 
+          try writing out the requirements first as comments
+        this will also help you fill in your PR message later-->
+      </form>
     </main>
-    <footer><a href="HOW_TO_REVIEW.md">HOW TO REVIEW MD</a></footer>
+    <footer>
+      <!-- change to your name-->
+      <h2>By HOMEWORK SOLUTION</h2>
+    </footer>
   </body>
 </html>

From 0c98b2d1880a33c508e30d644fe92b6bb19d2a3c Mon Sep 17 00:00:00 2001
From: PawelBroilo <88758214+PawelBroilo@users.noreply.github.com>
Date: Sun, 8 Jun 2025 09:59:24 +0100
Subject: [PATCH 2/2] Delete index.html

---
 index.html | 27 ---------------------------
 1 file changed, 27 deletions(-)
 delete mode 100644 index.html

diff --git a/index.html b/index.html
deleted file mode 100644
index 65a866cd..00000000
--- a/index.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <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>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>
-    </main>
-    <footer>
-      <!-- change to your name-->
-      <h2>By HOMEWORK SOLUTION</h2>
-    </footer>
-  </body>
-</html>
