Awesome

Teste para desenvolvedor front-end

O objetivo deste teste é nos permitir avaliar seu conhecimento técnico e analisarmos se você se encaixa no perfil que estamos procurando. O teste para a vaga de front-end consiste em codificar o layout abaixo da melhor forma possível.

Download do layout: PSD / PNG

Você pode...

Utilizar qualquer pré-processador CSS (preferência por Sass) ou CSS puro;
Utilizar npm, webpack, bower ou similares;
Utilizar algum framework front-end (preferência por Bootstrap);
Utilizar alguma biblioteca CSS ou JS (jQuery), mas lembre-se da performance;

Esperamos que você...

Se atenha aos detalhes, deixando o layout mais fiel possível;
Escreva um código com qualidade, priorizando as boas práticas quanto a semântica, organização e a legibilidade;
Utilize as técnicas necessárias para que a peformance da página seja satisfatória;
Utilize algum task runner (preferência por Grunt) com algumas tarefas básicas;
Desenvolva-o de modo responsivo (nem preciso dizer, né?! :p)
Crie um README com as instruções de como rodar o projeto e qualquer outra informação relevante;
Dê suporte a IE10+, Chrome, Safari e Firefox.

Também solicitamos que nos envie um pequeno resumo do você acha que poderia ser melhorado em questões de design do layout. Qualquer informação é bem vinda :)

Instruções

As informações referentes ao comportamento da página estão informadas nesta imagem.

Como será avaliado?

Seu projeto será avaliado por nós de acordo com a qualidade do código enviado, organização dos arquivos e, claro, de toda a solução proposta por você. Valorizamos muito a criatividade e a usabilidade das soluções criadas pelos profissionais, então tenha isso em mente. Nos surpreenda! ;)

Entrega

Faça um "fork" deste projeto para sua conta no Github;
Implemente o projeto em seu próprio fork;
Conclua e suba os arquivos para o seu repositório no Github;
Envie um e-mail para marcos@umbler.com e nos informe a url do seu fork.

Um até logo e boa sorte!