Html + js + css resposive page to begin a website

Se busca el maquetado responsive de la portada (1 pagina en html con js y css ) de un sitio web de hotel con un video y funcionalidades en javascript ( descritas mas abajo ) , se entregan editables en .ai, video en mp4 , Vistas de los modales propuestos para la version desktop Se requiere adaptación a la version mobile por medio de responsive. Me interesa que los hover sobre los botones generen cambios de colores o leves movimientos de las fechas que contienen o cualquier otra animación o pequeño cambio que le brinden dinamismo al diseño . En base a la portada luego se presupuestaran las demás secciones descritas en la botonera , es importante tomar en cuenta esto al momento de maquetar el sitio teniendo en cuenta que la cabecera y el pie se replicaran luego en las demás secciones. Si bien me interesa que el diseño sea responsive tendrían que tener especial cuidado en estas resoluciones y navegadores . Navegadores : ( Chrome 59, Safari 10, Firefox 54, Explorer 11) Resoluciones : ( 1920x1080,1366x768,1024x768 ,375x667, 360x640 ) Slider de promociones : Se busca mostrar un slider de divs que tenga una imagen , nombre de la promoción , precio desde y un botón de consulta . Slider de imagenes Se busca mostrar un slider de fotos ( con un texto en cada foto ) con miniaturas debajo que permitan seleccionar la imagen a mostrar en el slider grande VIDEO : El video deberia reproducirse sin sonido al menos dos veces y luego mostrar un boton de play en caso de que se desee volver a verlo . Referencias [login to view URL] , [login to view URL] , [login to view URL] En caso de que en mobile el peso sea muy alto y se cree conveniente evitar la reproduccion del video y mostrar una imagen estatica Calendario para seleccion de flechas : La fecha de entrada y la fecha de salida se seleccionan en un calendario , la modificacion del calendario determina el cambio del numero de noches. Es importante mantener las siguientes reglas , 1- la cantidad de noches por default es 2 2 - la fecha de llegada no puede ser mayor a la de salida 3 - en caso de cambiar la fecha de llegada la fecha de salida debe moverse segun la cantidad de noches Menu desplegable Al hacer hover en los iconos de la botonera que tienen una flecha muestran a los menus inferiores. Modal al hacer click en porque reservar directo (Vista-b) : Al hacer click en el botón ¿Porque reservar directo ? se muestra el bloque detallado en la vista . Header Fijo ( Vista-c) : Al hacer scroll, aparece una cabecera fija que permite seleccionar la fecha y reemplaza al calendario inicial . Modal al hacer click en porque reservar directo (Vista-c) : Al hacer click en el boton ¿Porque reservar directo ? del header fijo se muestra el bloque detallado en la vista . Clima: Se busca que la maqueta muestre el clima con [login to view URL] o similar . Reloj: Se busca que el reloj de la cabecera del sitio funcione .