Sitio web para pequeña empresa – Serie 1

Este es un sitio web para pequeña empresa de la serie 1, construido con HTML y CSS. El proyecto 21 del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Biz First

DESAFÍOS

Para este sitio jugué um poco com el background y el margen superior para crear el efecto del navegador como se ve en el sitio final.

#mainheader {

  background: url('../img/background.jpg');

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  height: 100vh;

  padding-top: 50px;

}

PROCESO

Paleta de colores y estilos

Paleta de colores: 091726 45BCE9 F2F3F6

Tipografía:

Mockup (Bosquejo)

Primero empiezo el bosquejo em Figma, como siempre esto me ahorra tempo a la hora de construir el sitio final.

 

HTML y CSS

Ahora empiezo a trabajar con la maquetación del sitio, primero pasando el index a html y css. Y a partir de ahí seguir la maquetación de la siguientes secciones.

 

Sitio web responsivo

La vista final del sitio responsivo

 

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Biz First

Información técnica

  • Visual Studio Code
  • HTML5 (Semántico)
  • CSS
  • Sitio responsivo
  • Github
  • Netlify

Recursos

Unsplash

Este fue el sitio web para pequeña empresa construido con HTML y CSS. Deja tus comentarios y sugerencias.

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Sitio web One Page con navegación fija

Sitio web One Page con navegación fija

Tabla de contenidos Introducción Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este es un sitio web estilo One Page maquetado con HTML y estilizado con CSS con una navegación fija....