Name: evaluacion-sprint-1-Tokytome
Owner: Adalab
Description: null
Created: 2017-11-11 19:40:03.0
Updated: 2018-02-18 23:46:47.0
Pushed: 2017-11-17 15:38:43.0
Homepage: https://adalab.github.io/evaluacion-sprint-1-Tokytome/
Size: 202
Language: HTML
GitHub Committers
User | Most Recent Commit | # Commits |
---|
Other Committers
User | Most Recent Commit | # Commits |
---|
Este ejercicio se trata de maquetar una versión simplificada de la sección Home de la página web de Adalab.
Ha de crearse un nuevo repositorio en GitHub. Una vez creado, se clonará en nuestro ordenador y en esa carpeta creada empezaremos a trabajar en el.
La web simplificada consta de estos elementos:
Una cabecera fija, que te acompaña al hacer scroll y que contiene:
El logo de Adalab con un enlace, a la sección Home situado a la izquierda.
Alineado a la derecha, un menú de opciones en línea, que al pasar el ratón sobre ellas cambian de color y se subrayan.
Al clickar la opción “contacto” del menú, enlaza a otra página con un formulario (explicado más abajo).
Bajo la cabecera habra una sección con una imagen que ocupa todo el ancho de la pantalla.
sobre la imagen, hay un texto que dice “Creando Diversidad Digital”.
El pie de página consta de un texto de copyright y un enlace a la política de cookies.
La página del formulario tiene la misma cabecera y pie de página que la sección Home, y además:
Un párrafo explicativo.
Un formulario con los campos: nombre, apellidos, correo electrónico, teléfono y mensaje.
Un botón para enviar el formulario.
Además la web tiene que ser responsive, es decir, funcionar correctamente para los siguientes tamaños de pantalla:
Por debajo de 900px.
El texto “Creando Diversidad Digital” se ve más pequeño.
El pie de página y la imagen central son más pequeñas (ya sea con mediaqueries o con otras herramientas).
Por debajo de 500px.
El menú de la cabecera se coloca bajo el logo.
El texto “Creando Diversidad Digital” se ve aún más pequeño.
El pie de página y la imagen central son aún más pequeñas (ya sea con mediaqueries o con otras herramientas).
Información del diseño para la maquetación:
El resultado se publicará usando GitHub Pages y el enlace ha de ponerse al lado de la descripción del repo.