-
Notifications
You must be signed in to change notification settings - Fork 0
Interactive pricing component
SebasEC edited this page Jun 29, 2021
·
1 revision
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)
LinkRecuerden que pueden utilizar librerías y frameworks a elección, no están limitados a utilizar JS vanilla
Este es un proyecto nuevo por lo que no tenemos ningún demo para mostrarles, luego de finalizar vamos a estar agregando sus proyectos :)