Hasbrotel

Transformando pdf em código
Para visualizar este projeto, clique aqui.
Este projeto foi um trabalho como Front-end, solicitado com os seguintes requisitos:
- Usar o framework Bootstrap;
- Ser em HTML;
- Ter parallax e imagens em transição de posição; e
- Ser entregue rápido!
O design das páginas foi entregue em arquivos PDF, bem grandes, com os layouts de desktop e mobile:




Seguindo os requisitos, foi realizada a codificação, inicialmente a estrutura do html, depois o estilo, incluindo a utilização do Bootstrap (na verdade não seria necessário). Alguns efeitos foram realizados com JavaScript, dentre eles o efeito de menu fixo e a animação ao scroll (código presente no post JS-1108 - JavaScript Completo ES6 - Refatoração Animação ao Scroll).
Por fim, deu pra realizar algo rápido, fiel ao apresentado no pdf, através da colocação de imagens trabalhadas, pois as imagens enviadas eram gigantes em peso e tamanho e utilização de fontes locais específicas.
Ainda há pontos que necessitariam de trabalho, desde contrastes entre os elementos, principalmente no menu, que afeta a acessibilidade, além de diversos outros detalhes, mas ainda assim, os testes de análise resultaram em repostas satisfatórias:


