Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

Formulario

Buenas tardes a tod@s, continúo con el ánimo puesto!!!

CSS

header{
    background-color: greenyellow;
    padding: 20px 0;
}

.cajónHeader{
    width: 940px;
    position: relative;
    margin: 0 auto;
}

nav{
    position: absolute;
    top: 55px;
    right: 0;
}

#Logo{
    width: 200px;
    height: 100px;
    padding: 10px;
}

nav li{
    display: inline;
    margin: 0 0 0 15px;
}

nav a{
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
}

nav a:hover{
    color: #c78c19;
    text-decoration: underline;
}

.servicios{
    width: 940px;
    margin: 0 auto;
    padding: 30px;
}

.servicios li{
    display: inline-block;
    text-align: center;
    width: 20%;
    vertical-align: top;
    margin: 0 1.5% 1.5%;
    padding: 30px 20px;
    box-sizing: border-box;
    border-color: #000000;
    border-width: 2px;
    border-style: solid;
    border-radius: 10px;
}

.servicios li:hover{
    border-color: #c78c19;
}

.servicios li:active{
    border-color: #088c19;
}

.imgservice{
    width: 130px;
    height: 90px;
}

.servicios h2{
    font-size: 28px;
    color: greenyellow;
    font-style: italic;
    font-weight: bold;
}

.servicios h2:hover{
    font-size: 30px;
    text-decoration: underline;
    color: cyan;
}

.clase-servicio{
    font-size: 13px;
    font-weight: bold;
}

.calse-costo{
    font-size: 15px;
    color: greenyellow;
    font-style: oblique;
    font-weight: bold;
    margin-top: 10px;
}

footer{
    text-align: center;
    background-color: greenyellow;
    padding: 20px;
}

.footer{
    width: 200px;
    height: 100px;
}

.copyright{
    font-size: 13px;
    font-weight: bold;
    margin: 20px;
}

.copyright:hover{
    font-size: 16px;
    text-decoration: underline;
    color: #c78c19;
}

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%;
}

Resultado Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad Saludos cordiales y apretrón de mano desde Medellín - Colombia.

2 respuestas

Hola Estiwar, espero que estés bien! ¡Muchas gracias por su contribución! ¡Para cualquier duda, estoy disponible! ¡Vamos juntos! ¡No desanimes!

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

Buenas tardes Rafaela Rocha mil gracias por tu tiempo invertido en revisar mi trabajo...

Saludos cordiales y apretón de mano desde Medellín - Colombia.