PROY64: Events List

Events List

Bienvenido

Requerimientos

• Ver el diseño óptimo según el tamaño de pantalla del dispositivo.

• Ver un estado hover al pasar el mouse sobre la lista de eventos.

• Ver un estado hover al pasar el mouse sobre el botón `+ add to calendar`.

• Bonus: hacer que el botón `+ add to calendar` permita redirigir a un calendario.

Diseño

Envía tu solución

Hola Frontend Club👋,

Acabo de completar el reto # como parte del desafío #100daysofprojects.

Mi solución:
Página web - https://profile-card.netlify.app/
Repositorio - https://github.com/01-day-profile-card.git

Recursos

🎨Paleta de colores
- body background - #ECEFF8
- event list - #FFFFFF
- card today - #ECEFF8
- card oct1 - #F8ECF8
- card oct2 - ##F8ECEC
- card dec - #EEF8EC
- button add to calendar - #000000
- title - #1B2442
- text - #000000

⚙️Configuraciones
- border radius event list - 20px
- border radius small card event list - 10px
- border radius button - 15px

✍️Tipografia
- Fuente: [Merriweather](https://fonts.google.com/specimen/Merriweather)
- title project - 900 -36px
- title event list - 900 -26px
- hour event - 700 - 36px

- Fuente: [Mulish](https://fonts.google.com/specimen/Mulish)
- date event - 700 - 18px

- Fuente: [IBM Plex Sans](https://fonts.google.com/specimen/IBM+Plex+Sans)
- paragraph - 400 - 18px
- button text - 400 - 16px

Plantilla

• Puedes utilizar la plantilla base del proyecto para empezar a codificar.

• Contenido de texto del diseño.

Events

Today
17:00
Bergen International Film Festival
Films from all over the world gather all film enthusiasts for unique moments at the Bergen International Film Festival.
Add to calendar

22 - 31 Oct
10:00
Wool week
ULLVEKA 2021 will be held for the eighth time in the period 22 - 31 October 2021, and will take place in the entire Bergen region.
Add to calendar

22 - 31 Oct
19:00
Light park at Bergenhus Fortress
LUMAGICA - a magical experience for young and old at Bergenhus Fortress, 12 November to 19 December 2021.
Add to calendar

13 - 31 Dec
10:00
Gingerbread City 2021
The world's largest Gingerbread Town can be found in the Xhibition shopping center, right in the center of Bergen
Add to calendar

Mejora tus habilidades frontend codificando proyectos reales con un tutor personal⚡