O objetivo deste teste fazer uma página em HTML e CSS, para o layout dado pelo .psd disponível na pasta .psd, simulando uma loja chamada 'PET Store'.
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.);
Sinta-se livre para criar e estruturar o projeto como acha melhor.
- Essa parte consiste em 10 perguntas contidas em "parte2/index.html";
- É permitido o uso de JQuery;
- 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!
______ ________ ________ __ ________
/ __ \ | _____| | ___ \ | | | _____|
/ / \__\ | | | | \ \ | | | |
\ \____ | |___ | |___/ / | | | |___
\___ \ | ___| | __ / | | | ___|
__ \ \ | | | | \ \ | | | |
\ \__/ / | |_____ | | \ \ | | __ | |_____
\______/ |________| |__| \__\ |__| |__| |________|