Slider de página completa hecho con HTML, CSS y Javascript

Este es un slider de página completa hecho con HTML, CSS y Javascript. El proyecto número 74 parte del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Slider

DESAFÍOS

Basado en el ejercicio de Traversy Media “Full Screen Responsive Image Slider”. La implementación de Javascript para este proyecto consistió en leer la primera imagen del slider y que se quedara fija por 5 segundos y seguir con la siguiente de manera automática, pero también con la opción de seleccionar la siguiente con las flechas de siguiente y previo.

PROCESO

Paleta de colores y estilos

Paleta de colores: FFFFFF 000000

Tipografía: Roboto de Google Fonts

Íconos: Font Awesome

HTML y CSS

La vista del sitio antes de activar los estilos de CSS y las animaciones de Javascript

Sitio web responsivo

Aquí se puede ver el sitio de manera responsiva, cómo el párrafo responde apareciendo de abajo hacia arriba.

 

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: 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 para el slider de página completa hecho con HTML, CSS y Javascript.

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado