Jordan-Shoes

Este desafio foi uma iniciativa do dev Iuri à comunidade Codelândia. Foi sugerido as cores, fontes, imagens e também que usássemos a biblioteca Scollreveal para fazer as animações conforme vai acontecendo o scroll da página. Para fins de incremento do presente trabalho foi feita uma pequena animação de zoom, utilizando hover nas imagens dos cards.

Novos aprendizados:

• Neste projeto me desafiei utilizar display:gid para fazer o posicionamento das imagens, algo que até então não tinha feito uso e consegui.

• Pude aprender e aplicar os positions relative, absolute e o static

• Foi utilizada a biblioteca Typed que em outras palavras, faz a animação letra por letra de um determinado texto.

Feito com:

• 

• 

• (Biblioteca Scollreveal e Typed)

🎉 Link:

https://bruno-luna.github.io/jordan-shoes/

Estrutura do diretório:

• jordan-shoes/

  • index.html
  • readme.md
  • assets/
    • screenshot/
      • desktop.png
      • mobile.png
    • css/
      • style.css
    • fonts/
      • Montserrat-Bold.ttf
      • Montserrat-SemiBold.ttf
      • Montserrat-Medium.ttf
    • image/
      • tn1.png
      • tn2.png
      • tn3.png
      • tn4.png
      • tn5.png
      • tn6.png
      • tn7.png
      • tn8.png
      • favicon/
        • favicon-16x16.png
        • favicon-32x32.png

Especificações:

• Fontes utilizadas: Montserrat-Bold, Montserrat-SemiBold, Montserrat-Medium.

• Cores utilizadas:

  • Branco: #fff, #f6f6f6, #ebe9ea;
  • Preto: #181818, hsl(0, 0%, 5%)
  • Cinza: #474747, #7a7a7a
  • Amarelo: #ffff00

Screenshot:

Desktop:

Mobile: