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 para Tienda de Donas

Sitio para Tienda de Donas

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

Sitio para Tienda de Smoothies

Sitio para Tienda de Smoothies

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

Sitio para Tienda de Sandwiches

Sitio para Tienda de Sandwiches

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