Sitio One Page en blanco y negro

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.

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado