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

100 Sitios Web Challenge 2024

100 Sitios Web Challenge 2024

https://www.youtube.com/watch?v=Pw5nzaXYvJ0 Tabla de Contenidos Introducción ¿Qué es el reto #100sitioswebchallenge? Aprendizajes del 2023 Reglas Conclusión Introducción Estoy emocionada de presentarte un desafío que nos llevará a explorar el fascinante mundo del...