Landing page con desplazamiento vertical doble hecho con HTML, CSS y Javascript

Esta es una landing page con desplazamiento vertical doble hecho con HTML, CSS y Javascript. El proyecto 89 parte del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Double Vertical Slider

DESAFÍOS

Basado en los proyecto de Traversy Media 50 Projects in 50 days. Este ejercicio que seguí consiste que con animación se puede estar cambiando uno por uno por medio de los botones de arriba abajo cada slider. Por un la desplazándose hacia arriba y el otro hacia abajo.

PROCESO

Paleta de colores y estilos

Paleta de colores: 0D0409 EEC476 485B2A 54DBC

Tipografía: Open Sans de Google Fonts

Íconos: Font Awesome

HTML y CSS

Esta es la vista del sitio, primero se observa el sitio sólo con la maquetación HTML

Aquí se observa el sitio final, con la maquetación HTML, estilos CSS y script con Javascript

Publicación del sitio

Ver código en Github

Puedes visualizar el sitio en: Double Vertical Slider

Información técnica

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

Recursos

Font Awesome License

Unsplash

Deja tus comentarios y sugerencias

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado