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

Landing Page para Negocio

Landing Page para Negocio

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 Esta es una landing page para el lanzamiento de un nuevo producto o servicio, construído con HTML y...

Una Landing Page Sencilla

Una Landing Page Sencilla

https://www.youtube.com/watch?v=AotDOfaKss0 Tabla de Contenidos Introducción Desafíos Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información Técnica Recursos Introducción Esta es una landing page para el lanzamiento de un...

Página Estilo One Page

Página Estilo One Page

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 una página web estilo One Page, la cuál está maquetada con HTML y estilizada con CSS, este...