Skip to content

Página desenvolvida com alguns elementos e imagens que retomam uma loja de calçados e seus produtos.

Notifications You must be signed in to change notification settings

Bruno-Luna/jordan-shoes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 

Repository files navigation

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.

APM

Feito com:

  • HTML5

  • CSS

  • JavaScript (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:

About

Página desenvolvida com alguns elementos e imagens que retomam uma loja de calçados e seus produtos.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published