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