La prueba consiste en maquetar una Página de "Colección Productos(Parrilla de productos)"
La Página debe tener:
Compuesto por un icono de menú(izquierda), un logo(centro) e icono de carrito (derecha)
No es necesario que tengan ningún tipo de funcionalidad, es decir, no hace falta que sean links ni nada similar.
Compuesto por una sección que contenga el título de la página (izquierda) y un filtro de color (derecha)
También tendrá los correspodientes productos, dichos productos deben llevar una imagen, pretítulo, título, código de referencia y precio. Buscamos que la disposición de los productos sea irregular, es decir, distintos tamaños y espacios en blanco.
Aquí si queremos que exista la funcionalidad de filtrado, es decir, que cuando selecciones un filtro de color se muestren únicamente los productos que tengan ese color, puedes elegir y asignar los colores a tu gusto :)
La idea es que al tener un filtro activo los productos se posicionen uno al lado del otro, sin huecos en blanco y teniendo todos el mismo ancho.
El objetivo de la prueba es poder ver tus capacidades de maquetación.
La maquetación de la página queremos que se realice en HTML, CSS y JS, haciendo uso de las librerías que consideres oportunas.
Se deberá imitar el diseño aportado en la carpeta "Diseños"
Encontrarás todo los assets necesarios para relizar la prueba en la carpeta "Assets"