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
Unsplash
Deja tus comentarios y sugerencias
