Teste para a vaga de front end pleno
- Codificar layout seguindo o wireframe
- Paleta de cores: https://coolors.co/ffffff-f6f6f6-f5e5d9-272727-000000
- Fontes: Playfair Display e PT Sans
- O wireframe representa o layout macro do site, você tem liberdade para escolher os espaçamentos, tamanho de fontes, uso das cores, efeitos e outros detalhes.
- Para as imagens, pode ser usado geradores de imagens por dimensão, como o picsum e o placeholder
- No banner com slider, usar o swiper
- Deve ser feito o responsivo, mantendo as mesmas sessões do desktop. Você tem liberdade para decidir os pontos de quebra e o estilo das sessões no mobile.
- Você tem total liberdade para criar efeitos nas sessões do site, explore o artista dentro de você hehehe;
- O envio deve ser feito através dos arquivos zipados ou no github (pode ser feito pull request para esse repositório);
- Deve ser utilizado sass e gulp para o pré-processamento do código;
- Entregar uma pasta com os arquivos de desenvolvimento e outra pasta com os arquivos minificados e comprimidos (src/dist); -- Na pasta src ficam os arquivos de desenvolvimento. -- Na pasta dist ficam os arquivos finais (comprimidos e minificados).
- Não deve ser usado nenhum framework de css (como bootstrap), para que possamos avaliar melhor a sua qualidade técnica;
Obs 1: Caso não consiga terminar todo o layout no prazo, mande o que conseguiu fazer, o importante é entregar algo para ser avaliado