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.
https://bruno-luna.github.io/jordan-shoes/
-
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
- screenshot/
-
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
- Branco: