Landing page con lista de metas para el 2021 hecho con HTML, CSS y Javascript

Esta es una landing page sencilla con un formulario de metas para el 2021, hecho con HTML, CSS y Javascript. El último sitio número 100 del reto personal que me propuse este año #100sitioswebchallenge

Puedes visualizar el sitio en: todolist

DESAFÍOS

Basado en los proyecto de Traversy Media 50 Projects in 50 days. Este fue el último ejercicio hecho con la guía de Brad Traversy, donde en una lista uno va escribiendo en este caso metas para el 2021, y con el click izquierdo puede tachar cada una, y el click derecho las elimina de la lista.

PROCESO

Paleta de colores y estilos

Paleta de colores: FFFFFF 000000 CC7F55

Tipografía: Poppins de Google Fonts

HTML y CSS

Esta es la vista del sitio primero con la maquetación en HTML, y posteriormente con los estilos en CSS y la animación que hace posible la dinámica de la lista con Javascript.

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: todolist

Información técnica

  • Visual Studio Code
  • HTML5
  • CSS
  • Javascript
  • Sitio responsivo
  • Github
  • Netlify

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