According to requirements to build the UI from a mock up, Pufi.psd, using Tailwind CSS 3.
To see the results, go to public/index.html
Evaluación técnica, desarrollador UI.
Realizar la maquetación de la home de Pufi utilizando el PSD de referencia (Pufi.psd). Para ello tener en cuenta las siguientes consideraciones:
- La imagen principal ("Estar comodo nunca fue tan facil") debe consistir en un slider con 3 imagenes. Repetir las 3 veces la misma imagen
- En caso de faltar alguna fuente, utilizar la mejor opcion disponible.
- Incorporar una validacion javascript para validar que el mail sea valido en el formulario de suscripcion al newsletter.
- Maquetar una version responsive del HTML creado. Reorganizar los componentes a criterio personal.
Se puede utilizar las herramientas, frameworks y librerias de Javascript que se desee para resolver el ejercicio.
El entregable de la evaluacion debe consistir solo en los archivos generados para su resolucion (HTML, CSS, imagenes, etc). La estructura de carpetas y como organizar los archivos queda a criterio personal.
Incorporar como comentario al pie del HTML los siguientes datos: Nombre, Apellido, Tiempo de duracion de la evaluacion.
Empaquetar los archivos bajo formato zip. El nombre del archivo zip debera ser nombre_apellido.zip
Nombre: Claudia Estupinan Forero Tiempo de duración: 30 horas (Sábado: 6h, Domingo: 12h, Lunes: 8h, Martes: 4h) Inconvenientes: Photoshop expirado.
La propuesta de responsive design se aplicó para dispositivos iPhone versiones 6 a 8.
La plantilla se desarrollo desde una laptop MacBook Air de 13 pulgadas.
Clic aquí: Pufi Template
En caso de tener problemas de visualización con el repositorio, descargar por medio de GIT:
`` git clone https://github.com/claudiainbytes/pufi-template-demo.git `