¡Hola Karen!
Gracias por compartir con nosotros tu proyecto. Para agregar la clase "input-padron" a los input de nombre y apellido, e-mail y teléfono en la página "contacto.html", solo debes agregar "class='input-padron'" en cada input correspondiente.
Para agregar el textarea para que el usuario pueda digitar un mensaje, debes agregar el siguiente código después del input del teléfono:
Mensaje
Para agregar los input del tipo radio para la preferencia de contacto, debes agregar el siguiente código:
¿Cómo le gustaría que lo contactemos?
<label for="radio-email"><input type="radio" name="contacto" value="email" id="radio-email">Email</label>
<label for="radio-telefono"><input type="radio" name="contacto" value="telefono" id="radio-telefono">Teléfono</label>
<label for="radio-whatsapp"><input type="radio" name="contacto" value="whatsapp" id="radio-whatsapp">WhatsApp</label>
Para agregar el selector y sus opciones para el horario de atención, debes agregar el siguiente código:
¿En cuál horario prefiere ser atendido?
MañanaTardeNoche
Para agregar el checkbox para que el usuario pueda recibir novedades por e-mail, debes agregar el siguiente código:
Le gustaría recibir novedades de la Barbería Alura?
Para agregar el estilo del label y del párrafo del formulario, debes agregar el siguiente código en el archivo "style.css":
form label, form p {
display:block;
font-size: 20px;
margin: 0 0 10px;
}
Para estilizar la clase "input-padron", debes modificar el siguiente código en el archivo "style.css":
.input-padron {
display: block;
margin: 0 0 20px;
padding: 10px 25px;
width: 50%;
}
Para estilizar el checkbox, debes agregar el siguiente código en el archivo "style.css":
.checkbox {
margin: 20px 0;
}
Espero que estas soluciones te ayuden a completar tu proyecto. ¡Buenos estudios!
Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)
