Ejercicio de maquetación 📐 HTML y CSS 💫

El ejercicio consiste en desarrollar una página web de acuerdo a un diseño dado. Hay que resolver varios puntos utilizando:

• Sass
• Flexbox
• CSS
• Grid
• Media queries.

Maquetación:

Se realizará la maquetación sobre un diseño dado.

• El botón de hamburguesa (en la esquina superior izquierda) debe estar fijo en la parte superior de la pantalla y no debe desaparecer al hacer scroll. El icono de la hamburguesa debe ser un enlace a la página de Adalab. Este menú de hamburguesa no desplega ningún submenú.
• Primer módulo (Anonymous proxy): debe estar maquetado con flexbox y debe ocupar el alto de la ventana del navegador.
• Segundo módulo (Looking Through A Window): se puede maquetar usando las propiedades de CSS que se deseen.
• Tercer módulo (3 Reasons To Purchase): los 3 elementos del listado deben estar maquetados con CSS Grid en todos los tamaños de pantalla.
• Cuarto módulo (footer): se debe maquetar usando flexbox. Todos los textos de la columna "ARTICLES" y todos los textos de la columna "TWITTER" deben ser enlaces a la página de Adalab.

Interacción:

En total, hay varias interacciones que resolver:

• El botón de flecha del módulo hero debe enlazar a la sección "3 Reasons To Purchase".
• El botón de flecha del footer debe enlazar al inicio de la página.
• Todos los links del pie deben ir a https://adalab.es.

Herramientas utilizadas ⚒️:

• SASS
• Flexbox & Grid
• Media queries
• Ramas
• GitHub Pages