Velario virtual

Para entender el proyecto visitar la página “https://www.rappeloficial.com/velas/“ pues quiero una copia idéntica salvo algunos detalles css(colores, texto..) Y sin cabecera.

* Creación de una única página llamada "velas”. Existirá un botón "Enciende tu vela gratis" que despliega un modal con un formulario donde el usuario introducirá información en los campos "Petición", "Nombre o apodo" y "Correo electrónico", al darle click en encender vela está aparecerá en el recuadro correspondiente. Al pulsar sobre una vela, se desplegará un modal “información” donde se podrán ver los detalles de los campos anteriormente introducidos es decir Nombre o apodo y petición.
Se configurarán botones para compartir por diferentes medios así como uno de "Mantener encendida" que llevará el reloj a la cuenta inicial con la vela totalmente encendida y otro botón “cerrar” para cerrar modal.Así mismo mostrará cuando se encendió dicha vela y el tiempo que permanecerá encendida. Esta vela cambiara de imagen gif's conforme vaya pasando el tiempo, (dar sensación de que se está consumiendo) es decir, cada petición tendrá un reloj a cero y a medida que vaya pasando el tiempo, se irá cambiando el gifs para que el tamaño de la vela sea más pequeño, hasta que la misma se apague (4 gifs). Habrá un contador de velas encendidas y uno de velas que están iluminadas.
Se mostraran x velas por página, existiendo una paginación para poderlas ver todas las velas tras el paso del tiempo.
Este proyecto requiere Bootstrap, php, JavaScript, css principalmente..