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

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

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

Avaliaremos o resultado seguindo esses pontos: