Este desafio tem como objetivo a implementação de duas telas em HTML e CSS, seguindo um layout desenvolvido para esta atividade, que pode ser encontrado neste link do Figma. As telas consistem em algumas telas de um site institucional.
Caso surjam dúvidas, você pode utilizar o canal da capacitação no slack, contatar algum membro ou conversar com seu squad.
Você deve realizar um fork deste repositório para sua conta pessoal no GitHub. A entrega só será considerada válida se estiver incluída em uma release no GitHub. Se o candidato não souber como realizar um Fork, Commit, Push e uma Release no GitHub, deverá pesquisar ou pedir ajuda. O desafio também avaliará sua independência.
- A tela deve ser implementada de acordo com o layout.
- O figma apresenta três versões do mesmo layout, você pode escolher qualquer um deles para implementar.
- Os links para o instagram, linkedin, email e whatsapp deverão estar funcionando. (dica: leia esse artigo para criar o link para o whatsapp)
- Nos cards dos serviços da empresa, procure um ícone que represente o serviço e coloque-o no lugar do +. (dica: Procure ícones em sites especializados como esse)
- O candidato deve utilizar HTML e CSS para solucionar o desafio, sendo proibido utilizar bibliotecas de CSS, como Bootstrap, Tailwind, entre outras.
- O uso de JavaScript é permitido, porém ele deverá estar em um arquivo separado do HTML.
- O código do projeto deve ser organizado, indentado e legível. Tão importante quanto um programa funcional é um código fonte fácil de modificar e entender.
- A tela deve manter sua organização em resoluções diferentes. (dica: lembre-se do conteúdo apresentado no curso como flexbox, grid, media query e development tools)
- A entrega do desafio deve ser realizada através de uma Release no GitHub.
- Crie a release no seu repositório pessoal e envie o zip pelo google classroom.
- O candidato não deve excluir o repositório e nem a release após a entrega, pois a utilização do GitHub será avaliada.