Olá, nesse teste vamos analisar seus conhecimentos como desenvolvedor Front-end utilizando as tecnologias: HTML, CSS, JavaScript

• Prazo ideal: 3 dias
• Prazo máximo: 7 dias

O tempo ideal para realização deste teste é de 3 dias. Mas vamos receber em até 7 dias pois, no caso de entregar um projeto melhor estruturado ao custo da demora, pode ter uma consideração mais positiva do que entregar em 3 dias. Mesmo que não consiga terminar no tempo estipulado, pedimos que envie mesmo assim, para medirmos a proficiência dos candidatos e nivelar a dificuldade deste teste.

• Faça um fork desse repositório, clone para a sua máquina e crie uma branch com o seu nome completo antes de começar as alterações, senão pode ser que não consiga fazer o push;
• Implemente o HTML/CSS das telas com base no layout que se encontra na pasta raiz: O PNG para abrir no Fireworks ou PSD. Também disponibilizamos no Adobe Assets pelo link: (https://assets2.adobe.com/link/869a07f3-46f3-4157-68ad-f9a5a7d1b449?section=extract#publinks);
• O carrossel da vitrine e os menus abertos são opcionais e vale como ponto extra;
• Após terminar seu teste submeta um pull request e se preferir avise por email;
• Caso não consiga fazer o pull request, ou por qualquer outro motivo, você pode compactar o teste e enviar por email.

Na pasta raiz contém um tema pré-desenvolvido para ajudar no seu início, uma versão que utiliza css e outra less, você pode escolher o que tiver mais familiarizado, vamos validar igualmente. No entanto o tema less não é possível trabalhar localmente sem um webserver como apache ou nginx. (No Edge curiosamente funciona, então caso não queira instalar um webserver e tiver o windows 10 pode utilizar também)

• css/less: Estão os arquivos de estilo, fique à vontade para modificar ou criar novos;
• img: Estão todas as imagens necessárias, sem a necessidade de extrair do layout, também possui um sprite com os ícones as posições estão separado por classes no arquivo mixins, mas caso prefira você pode gerar font faces para aplicar no tema;
• html: Está o tema html que pode ser alterado para o teste;
• js: O index.js tem apenas um teste em jquery, pode ser adicionado outras instruções de sua preferência. Os arquivos dentro da pasta plugins não precisam ser alterados e também podem ser adicionados outras bibliotecas de sua preferência.

• Utilizar qualquer IDE ou editores de texto;
• Utilizar qualquer outra linguagem de pré-processador como sass ou stylus;
• Utilizar font faces ou svg para os ícones;
• Trocar os nomes das classes, variáveis ou das imagens como preferir;
• Pode trocar as imagens como os banners ou o logo, contanto que não altere drasticamente a estrutura do layout;
• Utilizar bibliotecas js de sua preferência para o carrossel da vitrine.

• Não deve ser utilizado nenhum framework como Bootstrap, o principal motivo é porque precisamos prestar suporte aos clientes antigos que não utilizam.

• Desenvolver HTML semântico;
• Utilizar estilos para componentizar elementos;
• Ser fiel ao layout deixando o mais parecido possível;
• Fazer o carrossel da vitrine;
• Fazer os efeitos de hover que estão em camada no layout;
• Deixar o tema responsivo até 1024px;
• Utilizar font faces ou svg;
• Utilizar jquery ou javascript puro para efeitos de animação ou scroll;
• Não utilizar o tema pré-desenvolvido e fazer do zero;
• Utilizar algumas funções em php;

Boa sorte!