Sitio web para pequeña empresa – Serie 2

Sitio web para pequeña empresa (HTML y CSS), serie 2. El proyecto 22 del reto de hacer 100 sitios web.

Puedes visualizar el sitio en: BizSec

DESAFÍOS

Para este ejercicio trabajé los estilos entre el navegador y el showcase.

#mainheader {

  height: 100vh;

  padding-top: 50px;

}
#showcase {

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

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  text-align: right;

  padding-top: 200px;

  padding-bottom: 90px;

  color: #fff;

}

PROCESO

Paleta de colores y estilos

Paleta de colores: E84B2A 6C757D E8E8E8

Tipografía:

Mockup (Bosquejo)

Primero el sitio lo bosquejo por medio de Figma

HTML y CSS

Una vez listo el bosquejo empiezo la maquetación con HTML del archivo index

Y posteriormente los estilos CSS, para tener el sitio final

Sitio web responsivo

Esta es la vista final del sitio en móviles.

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: BizSec

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

Sitio Web de Boda – Dark Mode

Sitio Web de Boda – Dark Mode

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 sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de flexbox...

Sitio Web de Boda

Sitio Web de Boda

Tabla de contenidos Introducción Proceso Paleta de colores y estilos Bosquejo HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de...

Sitio de Vestido de Novias – Pink

Sitio de Vestido de Novias – Pink

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 sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de flexbox...