diff --git a/Form-Controls/task-Tshirts b/Form-Controls/task-Tshirts
new file mode 100644
index 000000000..62a85ab33
--- /dev/null
+++ b/Form-Controls/task-Tshirts
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>T‑Shirt Order Form</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      background: #f7f7f7;
+      padding: 40px;
+      line-height: 1.6;
+    }
+
+    form {
+      background: #fff;
+      padding: 20px;
+      max-width: 500px;
+      margin: auto;
+      border-radius: 8px;
+      border: 1px solid #ddd;
+    }
+
+    label {
+      display: block;
+      margin-top: 15px;
+      font-weight: bold;
+    }
+
+    input, select {
+      width: 100%;
+      padding: 10px;
+      margin-top: 5px;
+      border-radius: 4px;
+      border: 1px solid #ccc;
+      font-size: 1rem;
+    }
+
+    button {
+      margin-top: 20px;
+      padding: 12px;
+      width: 100%;
+      background: #333;
+      color: #fff;
+      border: none;
+      border-radius: 4px;
+      font-size: 1rem;
+      cursor: pointer;
+    }
+
+    button:hover {
+      background: #555;
+    }
+  </style>
+</head>
+
+<body>
+  <form>
+    <h1>Order Your T‑Shirt</h1>
+
+    <!-- Customer Name -->
+    <label for="customer-name">Customer Name</label>
+    <input 
+      type="text" 
+      id="customer-name" 
+      name="customer-name" 
+      required 
+      pattern=".*\S.*\S.*"
+      aria-describedby="nameHelp"
+    >
+    <small id="nameHelp">Name must contain at least two non‑space characters.</small> 
+
+    <!-- Email -->
+    <label for="email">Email Address</label>
+    <input 
+      type="email" 
+      id="email" 
+      name="email" 
+      required
+    >
+
+    <!-- Colour -->
+    <label for="colour">T‑Shirt Colour</label>
+    <select id="colour" name="colour" required>
+      <option value="">-- Select a colour --</option>
+      <option value="red">Red</option>
+      <option value="blue">Blue</option>
+      <option value="black">Black</option>
+    </select>
+
+    <!-- Size -->
+    <label for="size">T‑Shirt Size</label>
+    <select id="size" name="size" required>
+      <option value="">-- Select a 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>
+
+    <button type="submit">Submit Order</button>
+  </form>
+</body>
+</html>
\ No newline at end of file
