diff --git a/Form-Controls/README.md b/Form-Controls/README.md
index 86f623d89..ab162b711 100644
--- a/Form-Controls/README.md
+++ b/Form-Controls/README.md
@@ -34,8 +34,8 @@ Do not write a form action for this project.
 
 Let's write out our testable criteria. Check each one off as you complete it.
 
-- [ ] I have only used HTML and CSS.
-- [ ] I have not used any JavaScript.
+- [] I have only used HTML and CSS.
+- [] I have not used any JavaScript.
 
 ### HTML
 
diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 74b591ffc..d01ceb731 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -1,18 +1,76 @@
-<!DOCTYPE html>
+<!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="" />
+    <title>T-shirt Order Form</title>
+    <meta
+      name="description"
+      content="T-shirt order form for customers to place orders"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="style.css" />
   </head>
   <body>
-    <header>
-      <h1>Product Pick</h1>
-    </header>
     <main>
-      <form>
+      <form method="get" class="container">
+        <!-- Requirements:
+      - What is the customer's name? I must collect this data and ensure it contains at least two non-space characters.
+      - What is the customer's email? I must make sure the email is valid. Email addresses follow a consistent pattern.
+      - What colour should this T-shirt be? I must provide 3 options and to ensure they do not choose other colours.
+      - What size does the customer want? I must provide the following 6 options: XS, S, M, L, XL, XXL and to ensure they do not choose other sizes.
+      -->
+        <header>
+          <h1>T-shirt Order Form</h1>
+        </header>
+
+        <hr />
+        <label for="name">Full Name</label>
+        <input
+          id="name"
+          name="name"
+          type="text"
+          minlength="2"
+          placeholder="First Name Surname"
+          pattern="[\p{L} ]{2,}"
+          required
+        />
+
+        <hr />
+        <label for="email">Email</label>
+        <input
+          id="email"
+          name="email"
+          type="email"
+          pattern="[A-Za-z0-9._%+\-]+@[A-Za-z0-9.\-]+\.[A-Za-z]{2,}$"
+          placeholder="Your email"
+          required
+        />
+
+        <hr />
+        <label for="colour">T-shirt Colour:</label>
+        <select name="colour" id="colour" required>
+          <option value="">Choose a Colour</option>
+          <option value="Red">Red</option>
+          <option value="Blue">Blue</option>
+          <option value="Yellow">Yellow</option>
+        </select>
+
+        <hr />
+        <label for="Size">T-shirt Size:</label>
+        <select name="size" id="Size" required>
+          <option value="">Choose 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>
+
+        <hr />
+        <button type="submit">Submit</button>
+
         <!-- write your html here-->
         <!-- 
           try writing out the requirements first as comments
@@ -21,7 +79,7 @@ <h1>Product Pick</h1>
     </main>
     <footer>
       <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Lesya Lyaisyan</p>
     </footer>
   </body>
 </html>
diff --git a/Form-Controls/style.css b/Form-Controls/style.css
new file mode 100644
index 000000000..ed533c0af
--- /dev/null
+++ b/Form-Controls/style.css
@@ -0,0 +1,45 @@
+.container { 
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    border-style:solid;
+    border-width: 5px;
+    border-color:black;
+    padding: 5px;
+    margin: auto;
+    margin-top: 50px;
+    max-width: 400px;
+    border-radius: 20px;
+    font-size: 25px;
+}
+h1 {
+    text-align: center;
+    margin-bottom: 1px;
+}
+.label {
+    display: block;
+    font-weight: bold;
+    font-size: 10px;
+    padding-bottom: 25px;
+}
+input, select {
+    display: block;
+    font-size: 15px;
+    padding: 0.5em;
+    width: 100%;
+    max-width: 300px;
+}
+button {
+    display: block;
+    font-size: 15px;
+    padding: 0.5em;
+    width: 50%;
+    max-width: 300px;
+    margin: 20px;
+    background-color: rgb(105, 105, 226);
+    border-radius: 10px;
+}
+footer{
+    text-align: center; 
+}
