Fylo Dark Theme Landing Page
Nuestro desafío será codificar una página de seguimiento de proyectos, usando HTML, CSS y JavaScript, y lograr que se parezca lo más posible al diseño original.
Recursos
Aquí encontrarás los recursos necesarios para completar el desafío.
## Diseño
- Móvil: 375px
- Escritorio: 1200px
## Colores
### Primary
- Dark Blue (intro and email sign up background): hsl(217, 28%, 15%)
- Dark Blue (main background): hsl(218, 28%, 13%)
- Dark Blue (footer background): hsl(216, 53%, 9%)
- Dark Blue (testimonials background): hsl(219, 30%, 18%)
### Accent
- Cyan (inside call-to-action gradient): hsl(176, 68%, 64%)
- Blue (inside call-to-action gradient): hsl(198, 60%, 50%)
- Light Red (error): hsl(0, 100%, 63%)
### Neutral
- White: hsl(0, 0%, 100%)
## Tipografía
### Body
- Font size: 14px
### Headings, Call-to-actions, Header Navigation
- Weights: 400, 700
- Family: [Raleway](https://fonts.google.com/specimen/Raleway)
### Body
- Weights: 400, 700
- Family: [Open Sans](https://fonts.google.com/specimen/Open+Sans)
## Icons
- [Font Awesome](https://fontawesome.com/)
- [IcoMoon](https://icomoon.io/)
- [Ionicons](https://ionicons.com/)
Ideas
Eres libre de utilizar las tecnologías que quieras. Lo importante es practicar y completar un proyecto todos los días:
Comunidad
Únete a cientos de miembros que están mejorando sus habilidades de codificación y hablando sobre el desafío 100 days of projects.
Referencias
- Diseño tomado de: Frontend Mentor
🏷️"La mejor manera de aprender a programar es practicando todos los días."