Este es un sitio estilo One Page en blanco y negro con backgrounds del 50%. El proyecto 16 del reto personal #100sitioswebchallenge
Puedes visualizar el sitio en: Developer
DESAFÍOS
Algo interesante de este proyecto fue el proyectar el background en CSS la imagen del About, donde por medio de X y Y posicioné la foto de la chica.
.about-background {
float: left;
width: 50%;
background: url('../img/about.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: 60% 50%;
height: 100vh;
}
PROCESO
Paleta de colores y estilos
Paleta de colores: FFFFFF 000000
Tipografía:
Mockup (Bosquejo)
Este es el primer paso que es tener el bosquejo listo en Figma
HTML y CSS
Posteriormente trabajamos la maquetación (HTML) y estilos (CSS) para terminar el sitio.
Sitio web responsivo
Una vez listo el sitio, trabajamos para que sea responsivo.
Publicación del sitio
Consulta el código del sitio en Github
Puedes visualizar el sitio en: Developer
Información técnica
- Visual Studio Code
- HTML5 (Semántico)
- CSS
- Sitio responsivo
- Github
- Netlify
Recursos
Unsplash
Deja tus comentarios y sugerencias.
