Este es el primer sitio del año 2024 del reto #100sitioswebchallenge, un sitio estilo One Page usando HTML y CSS, y el uso de Flexbox para hacer separación de módulos en el sitio.
Puedes visualizar el sitio en: Coffee Shop
DESAFÍOS
Quise empezar el año haciendo sitios más realistas para negocios reales. Este sitio está enfocado a la creación de un sitio para una cafetería, tratando de mantener un diseño limpio y atractivo. Para este sitio utilicé HTML y CSS, enfocada en Flexbox para hacer la separación de módulos como se ve en el espacio de la tienda o en la parte de testimonios.
PROCESO
Paleta de colores y estilos
Paleta de colores: #000000 #FDF5EF #FAF7F5 #FFC038
Tipografía:
Mockup (Bosquejo)
Primero se empieza con el diseño del bosquejo, en este caso con el uso de Figma.
HTML y CSS
El proceso del sitio, es primero maquetarlo con HTML como se muestra, y posteriormente estilizarlo con CSS para su vista final
Sitio web responsivo
Esta es la vista del sitio en aparatos móviles
Publicación del sitio
Consulta el código del sitio en Github
Puedes visualizar el sitio en: Coffee Shop
Información Técnica
- Visual Studio Code
- HTML5 (Semántico)
- CSS (Flex)
- Sitio responsivo
- Github
- Netlify
RECURSOS
Unsplash
Deja tus comentarios y sugerencias.
