Um topo (header) de um site de comércio eletrônico semelhante ao do
Submarino.com.br (em sua nova versão).
- Deve ser totalmente responsivo, como é o do submarino. Deve ser alterado os ícones e posições (em pelo menos 3 tipos).
- Deve ser totalmente construído na plataforma Bootstrap 3, sendo que deve ser usado o código "puro", linkando diretamente para o css e o js do bootstrap através de uma cdn. Assim toda alteração em css em js deve ser feita em um arquivo a parte (tema).
- Deve existir esse "escurecimento" da página quando é clicado na busca, no ítem Minha conta ou no ícone do carrinho.
- O ítem minha conta e o ícone do carrinho devem ter a mesma funcionalidade, com o popover aparecendo quando é clicado.
- O menu "Navegue pelas lojas" deve funcionar da mesma forma, inclusive com o espaço para imagens do lado direito. O menu deve ser totalmente responsivo, assim como o do modelo.
- Ao lado do menu este "slider" de links, exatamente igual ao modelo.
- O ítem "Meu carrinho" também deve se comportar da mesma forma, seja com ou sem produtos.
O projeto consiste em uma criação completa apenas do HEADER, sendo que todo o restante do conteúdo será de desenvolvimento interno.
O código deve ser o mais "limpo" e claro possível, sendo que não deve ser inserido no CSS tema nenhum código não utilizado.
O projeto final deve conter:
- Um arquivo html com o conteúdo, inclusão do css e js do bootstrap 3
- um arquivo css (com o tema personalizado)
- um arquivo js ( com qualquer personalização que precise existir para o funcionamento do header).
- Qualquer asset necessário
Delivery term: Not specified