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