Hasbrotel

Hasbrotel
Publicado em 16/04/2022 08h56
Visualizações: 496

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:

Hasbrotel
Hasbrotel
Hasbrotel
Hasbrotel

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:

Hasbrotel
Hasbrotel
Hasbrotel

O resultado final do projeto pode ser visto clicando aqui.

Veja também:

Confira mais projetos relacionados

Este website utiliza cookies próprios e de terceiros a fim de personalizar o conteúdo, melhorar a experiência do usuário, fornecer funções de mídias sociais e analisar o tráfego. Para continuar navegando você deve concordar com nossa Política de Privacidade

Sim, eu aceito. Não, eu não aceito.