PROY69: Testimonials

Este diseño sobre un componente de testimonios le permitirá mejorar sus habilidades frontend. Puedes utilizar JavaScript para desplazar los testimonios de izquierda a derecha.

Mar 16, 2024

Testimonials

notion image

Bienvenido

La misión es crear esta sección de testimonios usando HTML y CSS, y lograr que se parezca lo más posible al diseño.
El diseño de este reto es propiedad de UI Design Daily.

Requerimientos

Los usuarios deberían poder:
  • Ver el diseño óptimo según el tamaño de pantalla del dispositivo.
  • Bonus: mostrar nuevos testimonios haciendo clic en los íconos `. . .` y `<>`
¿Quieres apoyo en el desafío? Únete a nuestro canal de Telegram y haz preguntas.

Diseño

🖥️Pantallas grandes
notion image

Envía tu solución

Envía tu solución a nuestro grupo de Facebook para que lo vea el resto de la comunidad.
Hola Frontend Club👋, Acabo de completar el reto # como parte del desafío #100daysofprojects. Mi solución: Página web - https://profile-card.netlify.app/ Repositorio - https://github.com/01-day-profile-card.git

Recursos

🎨Paleta de colores - body background - #F5F8FF - testimonial background - #FFFFFF - Icons background - #D4DCEF - Text body - #15152F ⚙️Configuraciones - testimonial border radius - 25px ✍️Tipografia - Fuente: [Merriweather](https://fonts.google.com/specimen/Merriweather) - testimonial title - 900 - 22px - Username - 900 - 16px - Fuente: [IBM Plex Sans](https://fonts.google.com/specimen/IBM+Plex+Sans) - testimonial text - 500 - 18px - User role - 500 - 14px

Plantilla

  • Contenido de texto del diseño.
What our customers have to say “ Thank you! Your product descriptions are amazing and your service is wonderful. “ Ronald A. Freeman Electronic technician “ Would definitely recommend ItemScribe and will definitely be ordering again. “ Alice L. Tinker Marine equipment mechanic

Mejora tus habilidades frontend codificando proyectos reales con un tutor personal⚡