Tabla de Contenidos
Introducción
Este es una página web estilo One Page, la cuál está maquetada con HTML y estilizada con CSS, este proyecta usa Flexbox para la estructura de su sitio. El sitio número 10 parte del reto personal #100sitioswebchallenge
Puedes visualizar el sitio en: Chairs
Desafíos
Este proyecto está basado en el diseño de Allah Rakha, me llamó mucho la atención la parte minimalista, pero sobre todo la estructura del contenido un poco en mi opinión no ortodoxo. Quise aplicarlo a mi proyecto donde se podía ver el producto individual seguido por texto. Sin duda el uso de flexbox en clases globales hace que los recursos sean más sencillos y fáciles de usar.
Proceso
Paleta de colore y estilos
Paleta de colores: #000000 #FFC038 #FFEBC0
Tipografía:
Mockup (Bosquejo)
Para el bosquejo, uso Figma.
![](https://i0.wp.com/www.irinadelgado.com/wp-content/uploads/2024/07/410-image-1.png?resize=400%2C1509&ssl=1)
HTML y CSS
Junto con el bosquejo, empiezo a crear la maquetación del sitio, para posteriormente continuar con los estilos en CSS.
![](https://i0.wp.com/www.irinadelgado.com/wp-content/uploads/2024/07/410-image-2.png?resize=500%2C245&ssl=1)
![](https://i0.wp.com/www.irinadelgado.com/wp-content/uploads/2024/07/410-image-3.png?resize=400%2C1509&ssl=1)
Sitio web responsivo
Esta es la vista del sitio en aparatos móviles
![](https://i0.wp.com/www.irinadelgado.com/wp-content/uploads/2024/07/410-image-4.png?resize=479%2C721&ssl=1)
Publicación del sitio
Consulta el código del sitio en Github
Puedes visualizar el sitio en: Chairs
Información Técnica
- Visual Studio Code
- HTML5 (Semántico)
- CSS (Flex)
- Sitio responsivo
- Github
- Netlify
Recursos
Deja tus comentarios y sugerencias.