diff --git a/1-the-basics/basics.html b/1-the-basics/basics.html
new file mode 100644
index 0000000..e69de29
diff --git a/4-forms-validations/form.html b/4-forms-validations/form.html
new file mode 100644
index 0000000..3a8ad48
--- /dev/null
+++ b/4-forms-validations/form.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Formulario de validación</title>
+</head>
+<body>
+
+    <form action="">
+        <label for="name">Nombre</label>
+        <input type="text" id="name" name="user_name" required>
+        <label for="name">Apellido</label>
+        <input type="text" id="apellido" name="user_name" required> <br>
+        <label for="mail">Correo Electrónico</label>
+        <input type="email" id="mail" name="user_mail" required>
+        <label for="date"> fecha</label>
+        <input type="date" id="start" name="trip-start"
+         value="2018-07-22"
+          min="2018-01-01" max="2022-12-31" required><br>
+        <input type="radio" name="Hombre" value="Hombre"> Hombre
+
+        <input type="select" name="Mujer" value="Mujer" required> Mujer <br>
+        <label for="">Estrato 2 </label>
+        <input type="radio" name="socioeconómico" required>
+
+        <p>Hobbis</p>
+        <label for="cbox1">Ciclismo</label>
+        <input type="checkbox" id="cbox1" value="checkbox" required><br>
+        <label for="cbox2">Patinaje</label>
+        <input type="checkbox" id="cbox2" value="checkbox" required><br>
+        <label for="cbox3">Gym</label>
+        <input type="checkbox" id="cbox3" value="checkbox" required><br>
+        <label for="cbox4">Baloncesto</label>
+        <input type="checkbox" id="cbox4" value="checkbox" required><br>
+        <label for="imagen"></label>
+        <input type="file" id="imagen" name="imagen" type="POST" enctype="multipart/formdata" required> 
+        <button>Enviar</button>
+    </form>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/5-Accessibility/accesible-form.html b/5-Accessibility/accesible-form.html
new file mode 100644
index 0000000..b228d89
--- /dev/null
+++ b/5-Accessibility/accesible-form.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>document</title>
+    
+</head>
+<body>
+    <form action="">
+        <fieldset>
+        <legend>Please enter your contact details</legend>
+        <label for="name">Your name (required):</label>
+        <input type="text" id="name" name="name" required><br>
+        <label for="mail">E-mail address (required):</label>
+        <input type="email" id="mail" name="user_mail" required><br>
+        <label for="namber">Phone number (+57): (optional):</label>
+        <input type="number" id="namber" name="user_mail" required>
+        </fieldset>
+        <fieldset>
+        <legend>Please select the courses that you are interested in (required):</legend>
+        <input type="checkbox" id="cbox1" value="checkbox" required>
+        <label for="cbox1">Web Developer</label><br>
+        <input type="checkbox" id="cbox2" value="checkbox" required>
+        <label for="cbox2">React Developer</label><br>
+        <input type="checkbox" id="cbox3" value="checkbox" required>
+        <label for="cbox3">Fullstack Developer</label><br>
+        <input type="checkbox" id="cbox4" value="checkbox" required>
+        <label for="cbox4">Other</label><br>
+      
+    </fieldset>
+        <legend>Please enter a massage (optional):</legend>
+        <label for="text"></label>
+        <textarea name="text" id="text" cols="100" rows="10"></textarea><br>
+        <button type="submit">Send massage</button>
+        <button aria-label="Close" type="reset">Reset form</button>
+    </form>
+
+</body>
\ No newline at end of file
