Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Teste finalizado #32

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Teste finalizado #32

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 8 additions & 22 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,22 +1,8 @@
# Frontend challenge júnior

Teste para a vaga de front end júnior

- Codificar layout seguindo o [wireframe](https://drive.google.com/file/d/10xpr_7qaEXNBT4v2dOKqanS4_tOcgEJs/view)
- Paleta de cores: https://coolors.co/ffffff-f6f6f6-f5e5d9-272727-000000
- Fontes: [Playfair Display](https://fonts.google.com/specimen/Playfair+Display) e [PT Sans](https://fonts.google.com/specimen/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](https://picsum.photos/) e o [placeholder](https://placeholder.com/)
- No banner com slider, usar o [swiper](http://idangero.us/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 tenha dificuldade para compilar o sass e gulp, codifique o teste como preferir, o importante é o teste ser feito**

**Obs 2: Caso não consiga terminar todo o layout no prazo, mande o que conseguiu fazer, o importante é entregar algo para ser avaliado**
```
Responsive breakpoints = {

mobile: "787px",
tablet: "979",
desktop: "^980"
};
```
Loading