added video tutorials in english

Author: alesanchezr

exercises/01-welcome/README.md

@@ -1,3 +1,7 @@
+---
+intro: "https://www.youtube.com/watch?v=83HxtkBq7Yc"
+---
+
 
 # `01` Welcome to the world of HTML 😆 !!
 

exercises/02-hello-world/README.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=ytIzazz6q5Y"
+---
+
 # `02` Hello World
 
 ## 📝 Instructions:

exercises/03-Type-Radio/README.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=I-pvy3crrA4"
+---
+
 # `03` Type Radio 
 
 The `input type=radio` is used when the user is not allowed to pick more than one option.
@@ -6,7 +10,7 @@ To bind different radios into the same group of options you need to assign them
 
 ## 📝 Instructions:
 
-1. Create 2 input `type=radio` to pick the gender values: Male or Female.
+1. Create 2 input `type=radio` to pick the sex values: Male or Female.
 
 2. Create another 2 input `type=radio` to pick sexual orientation: Heterosexual or LGBTI.
 

exercises/03-Type-Radio/solution.hide.html

@@ -9,14 +9,14 @@
 		<form>
 			<!-- your code here -->
 			<label for="Male">Male</label>
-			<input type="radio" name="gender" value="Male" />
+			<input type="radio" name="sex" value="Male" />
 			<label for="Female">Female</label>
-			<input type="radio" name="gender" value="Female" />
+			<input type="radio" name="sex" value="Female" />
 
 			<label for="Heterosexual">Heterosexual</label>
-			<input type="radio" name="sex" value="Heterosexual" />
+			<input type="radio" name="orientation" value="Heterosexual" />
 			<label for="LGBTI">LGBTI</label>
-			<input type="radio" name="sex" value="LGBTI" />
+			<input type="radio" name="orientation" value="LGBTI" />
 		</form>
 	</body>
 </html>

exercises/04-fieldsets-labels-and-styles/README.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=G8RtzrhoFfU"
+---
+
 # `04` Fieldsets, labels and styles
 
 Styling a form is boring and tedious, but if you use certain tags, your life can be easier. 

exercises/05-HTML-five-forms/README.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=7yLgHC3my3Y"
+---
+
 # `05` HTML Form
 
 HTML5 brings some more cool tricks to forms, here is a few:

exercises/06-Replicate-simple-form/README.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=k4-CNHgO_1s"
+---
+
 # `06` Replicate Simple Form
 
 ## 📝 Instructions:

exercises/07-Style-without-id-class/README.md

@@ -1,3 +1,8 @@
+---
+tutorial: "https://www.youtube.com/watch?v=BBBPCxXDQsw"
+---
+
+
 # `07` Style without ID or Class
 
 Here you have a beautiful signup form, you can read the code to understand how it was made.

exercises/08-Spectacular-login-form/README.md

@@ -1,3 +1,7 @@
+---
+tutorial: "https://www.youtube.com/watch?v=x6gwC16Kch8"
+---
+
 # `08` Spectacular login form
 
 ## 📝 Instructions: