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 6 parte del reto personal #100sitioswebchallenge
Puedes visualizar el sitio en: The Bride Shop
Desafíos
Desde hace un tiempo tenía ganas de hacer un sitio relacionado a boda, actualmente es muy popular hacer un sitio para los futuros novios para poder repartir a sus invitados. Entonces a partir de ahí quise hacer este sitio estilo presentación de tienda para vestido de novia. Realmente el sitio es muy sencillo, el uso de tipografía es lo que creo hace que se destaque. Y usar flexbox hace la distribución aún más sencilla.
Proceso
Paleta de colores y estilos
Paleta de colores: #000000 #FFFFFF
Tipografía:
Mockup (Bosquejo)
Como siempre uso Figma para la maquinación del video, es gratis y fácil de usar
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.
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: The Bride Shop
Información técnica
- Visual Studio Code
- HTML5 (Semántico)
- CSS (Flex)
- Sitio responsivo
- Github
- Netlify
Recursos
Unsplash
Deja tus comentarios y sugerencias.
