3
respuestas

formulario de contacto

header{
    background-color: rgb(174, 172, 248);
    padding: 20px 0;
}

.caja{
    width: 940px;
    position: relative;
    margin: 0 auto;
}
nav{
    position:absolute;
    top: 110px;
    right: 0px;
}
nav li{
    display: inline;
    margin: 0 10px 0 25px;
}
nav a{
    text-transform: uppercase;
    color:rgb(27, 4, 88);
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
}
nav a:hover{
    color: rgb(235, 112, 11);
    text-decoration: underline;

}   

.productos{
    width: 940px;
    margin: 0 auto;
    padding: 50px;
}
.productos li{
    display: inline-block;
    text-align:center;
    width: 30%;
    vertical-align: top ;
    margin: 0 1.5%;
    padding: 30px 20px;
    box-sizing: border-box;
    border: 5px rgb(80, 21, 107) solid;
    border-radius: 10px;

}   

.productos li:hover{
    border-color: rgb(15, 191, 204);
}
.productos li:active{
    border-color: rgb(6, 110, 14);
}

.productos h2{
    font-size: 30px;
    font-weight: bold;
}

.productos li:hover h2{
    font-size: 33px;
}


.producto-descripcion{
    font-size: 18px;
}

.producto-precio{
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}
footer{
    text-align: center;
    background: url(imagenes/bg.jpg);
    padding: 40px;
}
.Copyright{
    color:#FFFFFF;
    font-size: 10px;
    margin: 20px;
}

main{
    width: 940px;
    margin: 0 auto;
}
form{
    margin: 40px 0;
}

form label{
    display:block;
    font-size: 20px;
    margin: 0 0 10px;
}
form input{

    display: block;
    margin: 0 0 20px;
    padding:10px 25px;
    width: 50%;
}
3 respuestas
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF8">
        <title>CONTACTO BARBERIA-ALURA </title>
        <link rel="stylesheet" href="reset.css">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>  
        <header>
            <div class="caja">
                <h1><img src="imagenes/logo.png"></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>
        </header>
<main>
    <form>
        <label for="NOMBREAPELLIDO">NOMBRE Y APELLIDO</label>
        <input type="text" id="NOMBREAPELLIDO">
        <label for="CORREOELECTRONICO">CORREO ELECTRONICO</label>
        <input type="text" id="CORREOELECTRONICO">
        <label for="TELEFONODECONTACTO">TELEFONO DE CONTACTO</label>
        <input type="text" id="TELEFONODECONTACTO">
        <input type="submit" value="Enviar Formulario">
    </form>
</main>



        <footer>
        <img src="imagenes/logo-blanco.png">
        <p class="Copyright">&copy; Copyright BARBERIA-ALURA-2022-MAURICIO ROMERO-</p>
    </footer>

    </html>

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Hola José, espero que estés bien! Gracias por compartir tu código con nosotros. Si tiene alguna pregunta sobre el contenido del curso, estamos aquí para ayudarlo. ¡Sigue practicando! ¡Vamos juntos!

Si este post te ayudó, por favor, marca como solucionado ✓.