8
respuestas

Footer... pagina de servicios culminada!!!

Buenas tardes a tod@s, continúo con las pilas puestas y a toda marcha.

Así quedó mi página de servicios!!!

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

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

8 respuestas

Hola Estiwar,

Gracias por tu contribución! Estoy muy contento de ver que usted está siguiendo las clases pero haciendo el proyecto con un tema diferente.

Si necesita ayuda, estaremos aquí!

Un saludo!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios

Buenas noches señor Thiago Vazquez Enninger muchas gracias por su tiempo en revisar mi trabajo, agradezco el ánimo y la ayuda que me brinda.

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

excelente amigo!

Buenas tardes señor Herny Hernando Herrera Hernández mil gracias por tomarte tu tiempo y observar varios de mis post, altamente agradecido con los concejos y las recomendaciones.

Gracias totales!!!

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

hola Estiwar me gusto la idea de que tomaste a iniciativa de crear un proyecto diferente, al igual que tu opte por esa opción. un saludo

Buenos días señor Erik Fabian Tamayo Heredia la verdad es que me gusto ir con otra propuesta y siguiendo los paso a paso del instructor, es un poco más desafiante, pues debes tener presente todo lo del aula y lo que tienes en mente.

Espero que te valla super bien con tu proyecto, desde ya mucho ánimo, ¡ah! y no desfalles, pues, habrán ocaciones en que te veras frustrado al ver que algo no te de en varios intentos como lo hace el instructor "me paso en demaciadas ocasiones" pero el resultado va siendo emocionante en cada paso que vallas dando.

Mucho ánimo!!! y si en algo te puedo colaborar "claro está, también estoy en proceso de aprendizaje" no dudes en preguntar.

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

Excelente!!! Estiwar. Felicitaciones y continua aplicando tus conocimientos a tus proyectos!!! Saludos!!

Buenas tardes señorita Amarilys Elena Baptista Rojas mil gracias y a continuar aprendiendo.

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