adalab / modulo-1-evaluacion-final-eliaar Goto Github PK

Descripción de los apartados realizados:

CSS Layout:

1. El botón de hamburguesa (en la esquina superior izquierda) esta fijo en la parte superior de la pantalla y no desaparecer al hacer scroll. El icono de la hamburguesa es un enlace a la página de Adalab. Este menú de hamburguesa no despliega ningún submenú.
2. Primer módulo (Anonymous proxy): está maquetado con flexbox y ocupa el alto de la ventana del navegador.
3. Segundo módulo (Looking Through A Window): está maquetado con flexbox.
4. Tercer módulo (3 Reasons To Purchase): los 3 elementos del listado estan maquetados con CSS Grid en todos los tamaños de pantalla.
5. Cuarto módulo (footer): está maquetar usando flexbox. Todos los textos de los dos son enlaces a la página de Adalab.

Interacciones:

1. El botón de flecha del módulo hero está enlazado a la sección "3 Reasons To Purchase".
2. El botón de flecha del footer está enlazado enlazar al inicio de la página.
3. Todos los links del pie van a https://adalab.es.
4. En el hover de los botones ("Go" y "3 Reasons To Purchase") se ha incluido una transición que dejamos a vuestra elección (por ejemplo: color, tamaño, etc.).
5. Se ha heccho una pequeña animación en el botón del footer y del hero (también en :hover para que no resulte molesto.

Criterios:

• Se ha cumpliado con todos los criterios. Así: General

1. Se usa una estructura adecuada de ficheros y carpetas para un proyecto web, y se enlaza bien los distintos ficheros * .
2. Uso de control de versiones con ramas para manejar un proyecto de código. HTML
3. Se tiene el código perfectamente indentado * .
4. Se crea código HTML con sintaxis correcta, bien estructurado * .
5. Se usa etiquetas HTML semánticas adecuadas para cada pieza de contenido * . CSS / Sass
6. Se tiene el código perfectamente indentado * .
7. Se crea código Sass con sintaxis correcta, bien estructurado * .
8. Se usa algunas características de Sass como variables, anidación y parciales (además, se ha añadido el uso de @mixin)
9. Se usa código CSS que utiliza de forma intensiva selectores de clase, sin usar selectores de etiqueta ni de id * .
10. Se usa selectores de clase en inglés * .
11. Se usa el modelo de caja de CSS de forma adecuada para especificar tamaño, relleno y márgenes * .
12. Se usa estilos de texto y fondo para distintos tipos de elementos.
13. Se usa flexbox de forma adecuada para organizar elemento en cajas flexibles * .
14. Se usa media queries para que los diseños se ajusten a distintos tamaños de dispositivo * .
15. Se usa posicionamiento para emplazar elementos fijos y absolutos en la pantalla.
16. Se usa CSS grid para emplazar elementos usando una rejilla.
17. Se usa transiciones CSS para dotar de dinamismo a un proyecto web.