O objetivo deste teste fazer uma página em HTML e CSS, para o layout disponível no figma: https://www.figma.com/proto/Q1p4dwPcasnniRIXp0K4Tz/Template-Glowshine?page-id=0%3A1&node-id=202-3654&viewport=-119%2C662%2C0.14&scaling=scale-down&starting-point-node-id=202%3A253.
Observações:
- Os produtos podem ser trazidos em html estático ou sendo puxado por alguma API;
- O código deve ser responsivo, com o tamanho máximo de container de 1170px, podendo ter apenas quebras em 1024px, 768px e 520px;
- No layout mobile você pode organizar os itens da forma que achar adequado;
- Não é necessário fazer o carrossel funcionar.
- Deve-se usar a criatividade e o senso estético para codificar o site;
- Pode-se usar JavaScript, JQuery, Vue etc., se julgar necessário;
- É permitido usar qualquer editor de código e consultar a internet;
- Suporte de Browsers: IE9+, Chrome, Safari, Firefox;
- Importe as fontes necessárias do Google Fonts;
- É preferível que não seja usado nenhum frameworks CSS, como Bootstrap, por exemplo.
Itens avaliados:
- organização do código e pastas, lógica e qualidade de código;
- fidelidade ao layout proposto;
- quebras no código responsivo;
- capricho e cuidado com os elementos (hovers, cursores etc.);
- criatividade
Sinta-se livre para criar e estruturar o projeto como acha melhor.
- Essa parte consiste em 10 perguntas contidas em "parte2/index.html";
- Apenas JavaScript puro, sem uso de bibliotecas.
- As respostas podem devem ser feitas no mesmo arquivo.
Ao terminar as duas partes do teste, você pode nos enviar os arquivos zipados por e-mail ou via link do Wetransfer ou em algum repositório Git.
BOA SORTE!
______ ________ ________ __ ________
/ __ \ | _____| | ___ \ | | | _____|
/ / \__\ | | | | \ \ | | | |
\ \____ | |___ | |___/ / | | | |___
\___ \ | ___| | __ / | | | ___|
__ \ \ | | | | \ \ | | | |
\ \__/ / | |_____ | | \ \ | | __ | |_____
\______/ |________| |__| \__\ |__| |__| |________|