Landing page con animación de desplazamiento hecho con HTML, CSS y Javascript

Esta es una landing page con animación de desplazamiento hecho con HTML, CSS y Javascript. El proyecto 79 del reto personal #100sitioswebchallenge.

Puedes visualizar el sitio en: Scroll Animation

DESAFÍOS

Basado en los proyecto de Traversy Media 50 Projects in 50 days. Siguiendo el ejercicio de Brad Traversy, sólo convertí este proyecto en una lista estilo Santa, jugando con la lista de nombre de niños para recibir regalos para navidad.

PROCESO

Paleta de colores y estilos

Paleta de colores: FFFFFF 000000 880614

Tipografía: Great Vibes de Google Fonts

HTML y CSS

Vista sólo con la maquetación de HTML

Vista del sitio completo con CSS y Javascript agregados, parte del ejercicio de Traversy Media.

Sitio web responsivo

Vista del sitio com media querie

Publicación del sitio

Ver código en Github

Puedes visualizar el sitio en: Scroll Animation

Información técnica

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

Deja tus comentarios y sugerencias

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Landing Page para Negocio

Landing Page para Negocio

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 Esta es una landing page para el lanzamiento de un nuevo producto o servicio, construído con HTML y...

Una Landing Page Sencilla

Una Landing Page Sencilla

https://www.youtube.com/watch?v=AotDOfaKss0 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 Esta es una landing page para el lanzamiento de un...

Página Estilo One Page

Página Estilo One Page

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 una página web estilo One Page, la cuál está maquetada con HTML y estilizada con CSS, este...