Skip to content

Interactive pricing component

SebasEC edited this page Jun 29, 2021 · 1 revision

Interactive pricing component

Challenge by FrontendMentor

Stack básico: HTML, CSS y JS.

Enlace: Link (Ingresar al enlace, iniciar sesión con GitHub y descarguen los archivos del proyecto)

En el archivo style-guide.md que se encuentra entre los archivos que descargaron van a encontrar los colores y la fuente a utilizar, esto es opcional, si quieren pueden modificar el diseño.

Duración del Proyecto: 2 semanas

Objetivos:

  • Ver de manera óptima la página en diferentes tamaños de pantalla.
  • Agregar estados de hover a los elementos interactivos de la web.
  • Usar el slider para cambiar entre los diferentes "pageviews" y precios que son los siguientes:
    • 10K pageviews / $8 per month
    • 50K pageviews / $12 per month
    • 100K pageviews / $16 per month
    • 500k pageviews / $24 per month
    • 1M pageviews / $36 per month
  • Si se cambia la forma de pago a anual, se deberá aplicar un 25% de descuento a todos los precios.
SPOILER / AYUDA (No lo abran si quieren hacerlo completamente por su cuenta) Link

Recuerden que pueden utilizar librerías y frameworks a elección, no están limitados a utilizar JS vanilla

Repositorios y demostraciones del desafío completado:

Este es un proyecto nuevo por lo que no tenemos ningún demo para mostrarles, luego de finalizar vamos a estar agregando sus proyectos :)