Sitio web usando margen negativo para el título

Este es un sitio sencillo usando HTML y CSS usando margen negativo para el título, con estilos sencillos. El proyecto 13 del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Productivity

DESAFÍOS

Fue interesante el jugar un poco com el margen negativo del texto dentro del título, ese efecto que se visualiza encajando con el título del sitio.

PROCESO

Paleta de colores y estilos

Paleta de colores: 0E0E0E EFEFEF FFFFFF

Tipografía:

Mockup (Bosquejo)

Esta es la visualización del sitio cuando hago el bosquejo con Figma

HTML y CSS

El proceso del sitio desde su maquetación con HTML hasta su vista final.

Sitio web responsivo

Vista del sitio de manera responsiva

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Productivity

Información técnica

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

Recursos

Pexels

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....