Tabla de contenidos
Introducción
Este sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de flexbox para la distribución del sitio. El sitio número 8 parte del reto personal #100sitioswebchallenge
Puedes visualizar el sitio en: Bride & Groom
Proceso
Paleta de colores y estilos
Paleta de colores: #FFFFFF #463325 #A19E1F #D6D5A5
Tipografía:
Mockup (Bosquejo)
Como siempre uso Figma para la maquinación del video, es gratis y fácil de usar
![](https://i0.wp.com/www.irinadelgado.com/wp-content/uploads/2024/05/408-image-1.png?resize=500%2C517&ssl=1)
HTML y CSS
Una vez que tengo el bosquejo listo al lado, la maquinación y estilos puede ser relativamente más rápida. Aquí pueden ver el proceso, primero con HTML y posteriormente con CSS para la vista final.
![](https://i0.wp.com/www.irinadelgado.com/wp-content/uploads/2024/05/408-image-2.png?resize=500%2C339&ssl=1)
![](https://i0.wp.com/www.irinadelgado.com/wp-content/uploads/2024/05/408-image-3.png?resize=476%2C1024&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/05/408-image-4.png?resize=500%2C853&ssl=1)
Publicación del sitio
Consulta el código del sitio en Github
Puedes visualizar el sitio en: Bride & Groom
Información técnica
- Visual Studio Code
- HTML5 (Semántico)
- CSS (Flex)
- Sitio responsivo
- Github
- Netlify
Recursos
Deja tus comentarios y sugerencias.