Carousel de Habitaciones

Prueba técnica para Maquetador Web.

Especificaciones

• Carousel que debe tener una animación de entrada al realizar scroll y poder visualizar el componente, la animación debe ser un fundido, y las imágenes deberán tener un pequeño delay respecto al contenido
• “Leer más” deberá ser un link.
• El botón “Reservar” deberá tener la clase “button-promotion”.
• Deberá disponer de flechas y paginador para el control del carousel.
• Deberá rotar cada 5 segundos de habitación.
• Se deberá usar la librería OwlCarousel para el carousel.
• Todos los estilos deberán ser realizados mediante SASS, y se deberá hacer uso de las variables SASS indicadas.

Variables SASS

Fuentes

• Font1 -> Usar para títulos
• Font2 -> Usar para títulos secundarios
• Font-text -> Usar para textos normales

Colores

• Corporate-1 -> Usar para color principal
• Corporate-2 -> Usar para color secundario

Lenguajes y herramientas

Este proyecto está desarrollado con las siguientes tecnologías y herramientas de desarrollo:

• HTML5
• SCSS
• JavaScript
• OwlCarousel
• Control de versiones con GIT

Cualquier consulta, comentario o sugerencia no dudes en contactarte conmigo ¡Siéntete libre de utilizar el código de este proyecto!

Saludos!