a-viagem-de-Chihiro

O projeto foi uma iniciativa do dev Iuri à comunidade Codelândia . Como exemplo e orientação de desenvolvimento da página foi utilizado o Figma.

A página teve muitos desafios dentre eles posso elencar: a utilização da propriedade display flex, manipulação das imagens e ícones, bem como tornar a página responsiva.

Novos aprendizados em HTML e CSS:

• target="_blank" - Uma nova janela ou guia é solicitada para a exibição do conteúdo vinculado. No projeto apliquei em todos os ícones, botões e na logo.

• transform:skew(-30deg); -- define uma transformação que inclina um elemento no plano 2D, neste caso foi aplicado nos botões.

Feito com:

• 

• 

🎉 Link:

https://a-viagem-de-chihiro-pi.vercel.app/

Estrutura do diretório:

• A viagem de Chihiro/

  • index.html

  • readme.md

  • assets/

    • screenshot/

      • desktop.png
      • mobile.png

    • img/

      • ilustracao.png
      • logo.svg

    • style/

      • style.css

      • reset.css

Especificações:

• Fontes utilizadas: Poppins, sans-serif;

• Cores utilizadas:

  • Verde: #628e75, #1a4855
  • Branco: #f9f9f9

Screenshot:

Desktop:

Mobile: