- Realiza un fork del repositorio.
- Clona tu repositorio a tu máquina local.
- Modifica los ficheros index.html y style.css que se facilitan en este mismo directorio.
- Guarda los ficheros modificados:
git add .git commit -m 'examen'
- Sube los cambios al repositorio:
git push
- Crea una github page de tu repositorio:
- Settings/github-page
- Genera un pull request con tu nombre en la cabecera del mensaje y la url de la github page en la descripción.
La prueba consiste en clonar la siguiente landing-page:
GIF:
Para ello ten en cuenta las siguientes instrucciones:
- Utiliza todos los semánticos posibles que conozcas.
- Genera un HTML comprensible sin estilos.
- Crea los estilos de la página en el archivo style.css.
- La hoja de estilos debe estar estructurada en los siguientes apartados (utiliza comentarios para indicarlo):
Detalles
- La imagen de fondo tiene la siguiente url: https://images.unsplash.com/photo-1505535162959-9bbcb4ab22d6?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1600&h=900&fit=crop&s=2feeaf89ad55829f92c4bbc6ca8e83ce
- Los elementos de la barra de navegación tienen un efecto hover que varía la opacidad de los elementos.
- El botón tiene un efecto hover que varía el color del elemento con una transición de 400ms.
- El texto de los encabezados tiene un sombreado de:
2px 2px rgba(0, 0, 0, 0.3) - La fuente general del documento es Raleway, sans-serif.
- La fuente de los títulos es "Amatic SC", sans-serif.
- Colores:
- enlaces: #fff
- botón: #e07e7b, #ce5856
No dudes en preguntar todo lo que necesites para tener claro el ejercicio que debes realizar
- Entregar correctamente el ejercicio se valorará con 2 pts.
- El posicionamiento correcto de todos los elementos se valorará con 3 pts.
- El resto de la puntuación se obtendrá por la aproximación al resultado final.