En este proyecto utilicé HTML, el preprocesador LESS (CSS) para la maquetación y JavaScript para la interactividad en la web.
Programé 7 scripts:
-
Background Parallax: Cuando bajamos o subimos en esa sección se mueve el fondo detrás del formulario.
-
Formulario: Tiene un efecto Material Design, al seleccionar o escribir en una entrada del formulario el título del mismo se minimiza en tamaño, cuando intentamos enviar el formulario sin texto dentro aparecerá un error que nos indica que debemos rellenar el formulario.
-
Lightbox: Cuando hacemos click en las imágenes del Hero (portada) se abrirá y podemos clickear en la X para cerrar el modal.
-
Menu Móvil: es visible cuando utilizamos dispositivos pequeños, incluye toda la funcionalidad del menú.
-
Scroll: Antes de programar este script el scroll era muy brusco, gracias a este el scroll es más suave y más amigable con los usuarios.
-
Slider: Muestra y cambia las imágenes cada ciertos segundos.
-
Tabs: Con este efecto podemos intercambiar los menús de forma interactiva: Aperitivos y Postres.