El ejercicio de evaluación final consiste en maquetar una web responsive en base a un diseño dado utilizando html y SASS. La maquetación se ha llevado a cabo utilizando flex y grid. De forma adicional se han incluido elementos como las etiquetas de tipo landmark para mejorar la accesibilidad de la web.
Además, para esta maquetación hemos utilizado npm y gulp.
src
├── html
│ ├── partials - hemos dividido el código html en partials para favorecer la legibilidad
│ └── index.html
├── images
└── scss
└── components - Botones, sección hero y tipografía con sistema de composición de clases
└── core - Estilos de reset, variables y mixins
└── layout - Secciones de la web
└── styles.scsss - Desde aquí importamos el resto de archivos scss
El proyecto tiene una rama máster y una rama por cada una de las secciones de la web: hero, main y footer. También tiene una rama llamada revision utilizada para retocar detalles.
Para usar este proyecto en tu equipo local:
- Descarga el repositorio
- Instala node
- Haz npm install para instalar las dependencias
- Haz npm start
Para ver la aplicación en funcionamiento puedes visitar el siguiente enlace, que también se encuentra disponible en la descripción del proyecto.