Teste para vaga de desenvolvedor

Olá desenvolvedor! Criamos este teste para avaliar seu conhecimento em HTML5 e CSS3.

Trata-se de uma Landing Page básica que apresenta informações sobre os serviços, portfólio e um formulário de contato.

Baixe os arquivos e siga os requisitos abaixo para o desenvolvimento!

Estrutura de arquivos e pastas

├── images/
│   └── logo-2op.png
├── css/
│   └── font.css
├── fonts/
├── index.html
├── Landing Page.psd
├── Landing-Page.jpg

• images: pasta onde as imagens devem estar armazenadas. Neste projeto temos somente a logo-2op.png
• css: pasta onde deve ser armazenado qualquer arquivo de estilo CSS
• font.css: arquivo com o código CSS para utilizar as fontes
• fonts: pasta onde estão as fontes utilizadas no projeto (Roboto Regular, Roboto Light e Roboto Medium). Se preferir pode ser utilizado o Google Fonts (https://fonts.google.com)
• index.html: arquivo que conterá o código HTML
• Landing Page.psd: arquivo do Photoshop que contêm o layout da Landing Page
• Landing-Page.jpg: imagem da Landing Page em JPG

Requisitos obrigatórios

1. O resultado do projeto desenvolvido deve ser o mais próximo possível da imagem Landing-Page.jpg;
2. Não é necessário simular o envio do formulário de contato;
3. O projeto deve ser enviado por email na mesma estrutura de pastas.

Requisitos opcionais

1. Utilizar o Google Fonts (https://fonts.google.com), ao invés da pasta "fonts" do projeto;
2. O framework Bootstrap pode ser anexado ao projeto para auxiliar o desenvolvimento;
3. Desenvolver a Landing Page de forma responsiva, para se adaptar em diferentes resoluções de telas;
4. Ao clicar em um item de menu, a página deve rolar até o conteúdo relacionado.

Avaliação

Avaliaremos o resultado seguindo esses pontos:

• Resultado funcional
• Resultado visual
• Manutenibilidade do código
• Clareza e limpeza do código
• Semântica HTML