Como membro da equipe de desenvolvimento, o conhecimento de back-end (PHP, JS, etc.) é um dado adquirido. No entanto, é igualmente importante ter proficiência adequada em desenvolvimento de front-end (HTML, CSS, SASS, etc.).
Desafio: Do design à página de destino
Visão geral:
Você criará uma página de destino simples (.html é suficiente) que segue o design fornecido.
Especificações:
- Crie uma página de destino HTML a partir de nosso design Figma.
- Use técnicas/métodos modernos de marcação e estilo.
- A imagem em destaque deve ser reproduzida este vídeo do YouTube quando o botão de reprodução é clicado. Como você implementa isso é com você!
- A página deve ser totalmente responsiva, portanto, altere e reduza o tamanho dos elementos conforme achar necessário. Vamos visualizá-la no desktop, no tablet e no celular.
- O CSS deve ser escrito usando SASS e os arquivos de origem e compilados devem ser incluídos. O método de compilação (gulp, grunt, etc.) fica a seu critério.
Observações:
- Se você não tiver uma conta Figma (gratuita), inscreva-se para acessar a visualização do inspetor.
- Você pode baixar e usar o arquivos de ativos preparados (imagens e ícones).
- Não se apresse! Procure dar atenção aos detalhes (um de nossos valores fundamentais) - compararemos o modelo HTML com o arquivo de design fornecido 🙂
Empacote o código em um arquivo Zip e carregue-o no formulário abaixo:
PT 
EN 
ES 
FR 
DE 