Landing Bankia

Landing Bankia / Mariano J. Muzas HTML5, CSS3, PHP, Mysql, bbdd, javascript, JQuery, JQuerymobile, Bootstrap, Material Design, WordPress, Newsletter, Api de Facebook, Api de twitter, PrestaShop.

Landing Bankia

Segunda landing de tres para Bankia. Realizada desde cero con un template personal, con HTML5, CSS3, jQuery, AJAX y PHP.  El formulario de contacto es la herramienta principal.

Lo primero es la validación, realizada con jQuery, obviamente nos avisa de los campos que faltan por rellenar  o no lo están de forma correcta. El clásico texto en rojo, está acompañado de un pop-up con background 100% de duración determinada, avisando de que es imposible realizar el envío.

En caso de haber rellenado de forma correcta los campos, otro pop up nos avisa del envío con éxito, también se muestra un aviso si se ha producido un error en el envio.

Si faltan datos o estos son erróneos, al div en concreto, el código se encarga de añadirle la class “.mng”, lo cual hace emerger el pop-up, lo mismo ocurre con los inputs del formulario.

Los datos, tanto los del input como los  checkboxs, son recogidos vía AJAX por method POST y enviados por PHP. Donde el destinatario, en este caso una cuenta de email, recibirá toda la información correctamente.

Se realizaron tres versiones, enfocadas a tres tipos de clientes potenciales.

La podéis ver aquí

 

Mariano J. Muzas.

La he visto en "real", Me ha gustado mucho

Luis Cano / 01-01-2017

Muchas gracias, va a estar una temporada en activo, confío en que cumpla bien su función.

Mariano J. / 02-01-2017

Escribe un comentario

Tu email no se hará visible