Lo que hicimos en el aula | HTML5 y CSS3 parte 3: Trabajando con formularios y tablas | Alura Latam

<body>
    <html>
        <div class="caja">
            <h1><img src="imagenes/logo.png"alt="Logo de la Barbería Alura"></h1>
        <nav>
            <ul>
            <li><a href="index.html">HOME</a></li>
            <li><a href="productos.html">PRODUCTOS</a></li>
            <li><a href="contacto.html">CONTACTO</a></li>
        </ul>
        </nav> 
        </div>
    <main>
        <form>
        <label>
        <label for="nombreapellido">Nombre y Apellido</label>
        <input type="nombreapellido" id="nombreapellido" class="input-padron" required>

        <label for="correo">Correo</label>
        <input type="correo" id="correo" class="input-padron" required placeholder="email@gmail.com">

        <label for="telefono">Telefono</label>
        <input type="telefono" id="telefono" class="input-padron" required placeholder="(xx) xxx xxxxx">

        <label>Mensaje</label>
        <textarea cols="70" rows="10" id="mensaje" required></textarea>

        <fieldset>
            <legend><p class="test" id="test">Como le gustaria que lo contactemos?</p></legend>
        <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">Telefono</label>

        <label for="radio-whatsapp"><input type="radio" name="contacto" value="whatsapp" id="radio-whatsapp" checked>Whatsapp</label>
       </fieldset>
       <fieldset>
        <p>En cual horario prefiere</p>
        <select>
            <option>Mañana</option>
            <option>Tarde</option>
            <option>Noche</option>
        </select>
        </fieldset>
        <legend><label class="checkbox"><input type="checkbox" checked>Le gustaria recibir información de Alura?</label></legend>
        <input type="submit" value="Enviar Formulario" class="button">
        </form>
    </main>
    <footer>
        <img src="imagenes/logo-blanco.png" alt="Logo de la Barbería Alura">
        <p class="copyright">&copy; Copyright Barbería Alura - 2023</p>
    </footer>
</html>