diff --git a/Practicas/Practicas HTML/Formularios/Practica 1/practica1.html b/Practicas/Practicas HTML/Formularios/Practica 1/practica1.html new file mode 100644 index 0000000..f220496 --- /dev/null +++ b/Practicas/Practicas HTML/Formularios/Practica 1/practica1.html @@ -0,0 +1,39 @@ + + + + + + + Formularios 1 + + + +
+
+ Datos Personales +
+
+
+
+ + Masculino + Femenino + Otros + Prefiero no contestar +
+
+ + +
+
+ + + \ No newline at end of file diff --git a/Practicas/Practicas HTML/Formularios/Practica 2/practica2.html b/Practicas/Practicas HTML/Formularios/Practica 2/practica2.html new file mode 100644 index 0000000..0e5dfcf --- /dev/null +++ b/Practicas/Practicas HTML/Formularios/Practica 2/practica2.html @@ -0,0 +1,73 @@ + + + + + + + Formularios 2 + + + +

Formulario de registro

+
+ +

+ +

+ +

+ +

+ +

+ + Hombre + Mujer +

+ +

+ +

+ +

+ + +

+ +

+ +

+ +

+ +

+ +

+ +

+ + +
+ + + \ No newline at end of file diff --git a/Practicas/Practicas HTML/Formularios/Practica 3/css/style.css b/Practicas/Practicas HTML/Formularios/Practica 3/css/style.css new file mode 100644 index 0000000..7d44bfb --- /dev/null +++ b/Practicas/Practicas HTML/Formularios/Practica 3/css/style.css @@ -0,0 +1,80 @@ +@charset "UTF-8"; +* { + margin: 0; + padding: 0; + list-style: none; + text-decoration: none; + border: none; + outline: none; +} +body{ + padding: 2em; +} +h2{ + color: #718751; + margin-bottom: 1em; +} + +form{ + margin: auto; + border: 3px; + border-style: solid; + border-color: #718751; + border-radius: 0.5em; + padding:1em; + max-width: 350px; + min-width: 250px; + background-color: #E2001A; + color: white; + box-sizing: border-box; +} + +fieldset { + border: 3px; + padding: 0.5em; + border-style: solid; + border-color: #718751; + border-radius: 0.5em; + margin-bottom: 1em; +} + +legend{ + margin-left: 0.5em; + font-size: 1em; + font-weight: bold; + color: #718751;; +} + +input[type=text], input[type=tel]{ + background-color:#718751; + color: white; +} + +label{ + width: 5em; +} +.input_flex{ + display: flex; + flex-direction:row; + gap: 0.5em; + padding: 0.1em; +} + + +.btn{ + padding: 0.2em; + background-color: #E2001A; + border: 2px solid #718751; + color: white; + font-weight: bold; + font-size: 1em; +} + +@media (max-width: 550px) { + .input_flex{ + display: flex; + flex-direction:column; + gap: 0.5em; + padding: 0.1em; + } +} \ No newline at end of file diff --git a/Practicas/Practicas HTML/Formularios/Practica 3/practica 3.html b/Practicas/Practicas HTML/Formularios/Practica 3/practica 3.html new file mode 100644 index 0000000..9f245a9 --- /dev/null +++ b/Practicas/Practicas HTML/Formularios/Practica 3/practica 3.html @@ -0,0 +1,61 @@ + + + + + + + + Practica 3 + + + +

Pedido de pizza

+ +
+
+ La pizza +

+

Ingresdientes

+ Queso Pimiento
+ Cebolla Atún
+ Toamte Jamon +

+
+ Pequeña
+ Mediana
+ Grande
+
+
+ Datos de entrega + +

+ + +

+

+ + + +

+

+ + +

+

+
+ +

+
+
+ Metodo de pago + +
+ +
+ + + \ No newline at end of file diff --git a/Practicas/Practicas HTML/Formularios/Practica 3/practica3_corregida.zip b/Practicas/Practicas HTML/Formularios/Practica 3/practica3_corregida.zip new file mode 100644 index 0000000..fc8181f Binary files /dev/null and b/Practicas/Practicas HTML/Formularios/Practica 3/practica3_corregida.zip differ diff --git a/Practicas/Practicas HTML/Formularios/practica1.html b/Practicas/Practicas HTML/Formularios/practica1.html deleted file mode 100644 index 01e2096..0000000 --- a/Practicas/Practicas HTML/Formularios/practica1.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - Formularios 1 - - - -
-
- Datos Personales -
-
-
-
- - - - -
-
- - -
-
- - - \ No newline at end of file