Este es un sitio responsivo y con animaciones, maquetado con HTML y estilizado con CSS Flex y Grid. Basado en el ejercicio por Traversy Media “Build a Responsive Website”. Este es el proyecto 31 parte del reto personal #100sitioswebchallenge
Puedes visualizar el sitio en: Loruki
DESAFÍOS
Este sitio fue basado completamente en el proyecto por Traversy Media, quise empezar a hacer el sitio en mi propia versión y me costó trabajo encontrar algunos estilos para que coincidiera con el original. Me gustó aprender de las animaciones sencillas de CSS para hacer efectos en el homepage, cosa que seguiré haciendo con futuros proyectos.
PROCESO
Paleta de colores y estilos
Paleta de colores: 047AED 09213E 333333 F4F4F4
Tipografía: Lato de Google Fonts
HTML y CSS
Este es el proceso del sitio, primero la maquetación y posteriormente el trabajo de los estilos con Flex y Grid.
Sitio web responsivo
Por último este es el sitio de manera responsiva.
Publicación del sitio
Consulta el código del sitio en Github
Puedes visualizar el sitio en: Loruki
Información técnica
- Visual Studio Code
- HTML5 (Semántico)
- CSS (Flex, Grid)
- SASS
- Sitio responsivo
- Github
- Netlify
Deja tus comentarios y sugerencias.
