CodeYourFuture
diff --git a/‎Form-Controls/index.html‎
Lines changed: 16 additions & 8 deletions b/‎Form-Controls/index.html‎
Lines changed: 16 additions & 8 deletions
diff --git a/‎Form-Controls/style.css‎
Lines changed: 3 additions & 0 deletions b/‎Form-Controls/style.css‎
Lines changed: 3 additions & 0 deletions
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
@@ -12,16 +12,24 @@
       <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 class="form">
+        <!-- - [ ] My form is semantic HTML.
+            - [ ] My form is semantic HTML.
+            - [ ] All inputs have associated labels.
+            - [ ] My Lighthouse Accessibility score is 100.
+            - [ ] I require a valid name. 
+            - [ ] I require a valid email.
+            - [ ] I require one colour from a defined set of 3 colours.
+            - [ ] I require one size from a defined set of 6 sizes. !-->
+
+        <div class="form-group">
+          <label for="name"> Name</label>
+          <input type="name" name="name" id="name" />
+        </div>
       </form>
     </main>
     <footer>
-      <!-- change to your name-->
-      <p>By HOMEWORK SOLUTION</p>
+      <p>By Ahmed Elmahmoudi</p>
     </footer>
   </body>
 </html>
@@ -0,0 +1,3 @@
+.form {
+    
+}