/clarinChallenge

Crear una page responsive con HTML, CSS y JavaScript manteniendo la estructura de un boceto recibido.

Primary LanguageJavaScript

clarinChallenge

Crear una page responsive con HTML, CSS y JavaScript manteniendo la estructura de un boceto recibido. Se utilizo la libreria boostrap para construir la grid y el container pero no se utilizaron componentes. Los breakpoints se respetan segun el boceto, en 1256px esta a 4 columnas, en 1024px en dos y en 320px en una, pero son los propios de boostrap. Se utilizaron estilos css para armar el sitio. Las funcionalidades requeridas de lazyload estan en un archivo aparte Javascript llamado LazyLoad.js. El script de track de usuarios esta en un archivo aparte llamado trackingUsuarios.js. El video, muestra una imagen de vista previa, y al clickear que se muestra el player y se activa la reproduccion. Esto sucede siempre salvo en Chrome mobile y tablet que no pude realizar el autoplay, pero en Safari y Firefox funciona en mobile.