Caja automática de testimonio hecho con HTML, CSS y Javascript

Esta es una landing page sencilla donde se muestra una caja de testimonios que va cambiando de manera automática, hecha con HTML, CSS y Javascript. El proyecto 99 del reto personal #100sitioswebchallenge.

Puedes visualizar el sitio en: Testimonial Box Switcher

DESAFÍOS

Basado en los proyecto de Traversy Media 50 Projects in 50 days. Basado completamente en el ejercicio creado por Brad Traversy, la información de cada una de las cajas con testimonio provienen directamente del archivo de javascript. Jugando con la colorimetría del proyecto.

PROCESO

Paleta de colores y estilos

Paleta de colores: FFFFFF 000000 FF011A

Tipografía: Montserrat de Google Fonts

Íconos: Font Awesome

HTML y CSS

Esta es la vista del sitio sólo con la maquetación en HTML, ningún estilo se visualiza aún.

Esta es la vista del sitio final, donde los estilos entran en acción así como el script que permite mostrar otros testimonios de manera automática.

Sitio web responsivo

Vista del sitio en móviles

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Testimonial Box Switcher

Información técnica

  • Visual Studio Code
  • HTML5
  • 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