diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 65a866cdb..bee01b9f6 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,15 +13,54 @@ <h1>Product Pick</h1>
     </header>
     <main>
       <form>
-        <!-- write your html here-->
+        <label for="name">Name:</label>
+        <input type="text" id="name" name="name" required
+         minlength="2" pattern="^[A-Za-z ]{2,}$"
+         title="Name must be at least 2 letters and contain only letters"
+         />
+        <br /><br />
+        <label for="email">Email:</label>
+        <input type="email" id="email" name="email" placeholder="name@example.com" required />
+        <br /><br />
+        <button type="submit">Submit</button>
+        <br />
+        <br />
+        <fieldset>
+          <legend>Please select a color:</legend>
+          <input type="radio" id="black" name="color" value="black" />
+          <label for="black">black</label>
+          <br />
+          <br />
+          <input type="radio" id="blue" name="color" value="blue" />
+          <label for="blue">blue</label>
+          <br />
+          <br />
+          <input type="radio" id="red" name="color" value="red" />
+          <label for="red">red</label>
+          <br />
+          <br />
+        </fieldset>
+        <label for="size">Please select a size:</label>
+        <select id="size" name="size" required>
+          <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>
+        <br /><br />
         <!-- 
-          try writing out the requirements first as comments
-        this will also help you fill in your PR message later-->
+          What is the customer's name? I must collect this data, and validate it. 
+          But what is a valid name? I must decide something.
+         What is the customer's email? I must make sure the email is valid. Email addresses have a consistent pattern.
+         What colour should this t-shirt be? I must give 3 options. How will I make sure they don't pick other colours?
+         What size does the customer want? I must give the following 6 options: XS, S, M, L, XL, XXL-->
       </form>
     </main>
     <footer>
       <!-- change to your name-->
-      <h2>By HOMEWORK SOLUTION</h2>
+      <h2>By Oussama Mouggal sponsored by Codeyourfuture </h2>
     </footer>
   </body>
 </html>
diff --git a/Wireframe/index.html b/Wireframe/index.html
index 0e014e535..c6c59b8e2 100644
--- a/Wireframe/index.html
+++ b/Wireframe/index.html
@@ -30,4 +30,4 @@ <h2>Title</h2>
       </p>
     </footer>
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/Wireframe/style.css b/Wireframe/style.css
index be835b6c7..1585c4ab4 100644
--- a/Wireframe/style.css
+++ b/Wireframe/style.css
@@ -86,4 +86,4 @@ article {
   > img {
     grid-column: span 3;
   }
-}
+}
\ No newline at end of file
diff --git a/index.html b/index.html
deleted file mode 100644
index 80aa49666..000000000
--- a/index.html
+++ /dev/null
@@ -1,46 +0,0 @@
-<!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>
-  </head>
-  <body>
-    <header><h1>🧐 CYF Coursework Disposable Branch Previews</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>
-    </main>
-    <footer><a href="HOW_TO_REVIEW.md">HOW TO REVIEW MD</a></footer>
-  </body>
-</html>
