Fone landing page by Emmanuel Messias

Página para compra de um fone de ouvido

Desafio · DevChallenge

Índice

• Devchallenge
• Desafio
• Techs
• Como começar
• Dicas
  • Cores
  • Modelo
  • Imagens
  • Icones
  • Tipo de fonte
• Compartilhe

Devchallenge

DevChallenge permite que você evolua suas skills como programador! Participe da nossa comunidade o/

Desafio

Seu desafio é criar uma página para compra de um fone de ouvido! O modelo final está disponível na pasta "design"

Requisitos:

• Sua página deverá conter um menu superior com as seções da loja (home, about, products e support)
  
• Sua página deverá contar as informações sobre o produto e botão para adicionar o mesmo no carrinho de compras
  
• Sua página deverá ser responsiva

Requisitos bônus

• Você poderá adicionar um menu drop down para aparecer quando o usuário clicar no ícone superior direito.
• Você poderá adicionar mais imagens do produto quando o usuário clicar nas opções (bolinhas) que aparecem ao lado esquerdo do produto

Techs:

• HTML e CSS
• Framework ou linguagem que preferir :)

Como começar:

1 - Use esse template (clicando em Use this template) ou faça um fork deste repositório com o código inicial
2 - Leia as instruções no readme.md
3 - Comece a codar! Sinta-se livre para utilizar o fluxo de trabalho que ache mais confortável
4 - Compartilhe seu resultado com a comunidade! Se puder, mostre seus resultado aqui no repositório também, criando uma Issue :)

Dicas

Cores:

Vermelho: #ca3b3a
Preto: #161616
Cinza: #707070

Modelo:

O modelo final desktop e mobile está disponível na pasta ./design

Imagens

As imagens utilizadas estão disponíveis na pasta ./assets

Icones

Para os ícones, recomendamos que utilize alguma biblioteca, como o Font Awesome

Tipo de fonte:

• Montserrat

Compartilhe!

Inicie seu projeto utilizando esse template no seu github como um repositório público
Faça um print, gif ou vídeo e compartilhe o resultado no seu Linkedin

Desafio criado por Emmanuel Messias :)