O desafio é realizar o desenvolvimento front-end da homepage de um jornal fictício. O desenvolvimento deve seguir fielmente o layout disponibilizado nos arquivos abaixo (espaçamento, cores, tipografia e etc). Você não deve utilizar nenhum framework CSS (Bootstrap, Foundation e etc) neste desafio.

• O submenu deve ser ativado no hover
• Os links do submenu não precisam ser verídicos

• Não pode ser utilizado nenhum plugin Jquery. Você pode, entretanto, usar o Jquery para manipular os elementos
• O nome das imagens, bem como a ordem delas, encontra-se no JSON slide

• A lista de editorias deve ser gerada a partir do JSON notícias
• As notícias devem ser exibidas de acordo com a editoria que está selecionada no selectbox, se nenhuma editoria estiver selecionada, todas as notícias precisam aparecer
• Deverá ser possível ordenar as notícias por data de publicacão (da mais recente para a mais antiga) ou por ordem alfabética
• As notícias dessa sessão devem vir do arquivo JSON chamado notícias
• O conteúdo da notícia também deve ser gerado dinamicamente (data, editoria, foto, título e texto)

• Fique à vontade para usar a ferramenta que preferir para gerar o gráfico. A única exigência é que ele seja gerado dinamicamente

• O mapa deve ser gerado usando a API do Google Maps
• O pin/mark do mapa deve ser inserido via API do Google Maps

• Você está livre para escolher a estrutura de diretórios da aplicação
• Você não deve utilizar nenhum framework CSS (Bootstrap, Foundation e etc) neste desafio.
• Os arquivos .json não podem ser alterados
• Dúvida? Entre em contato por email: [email protected]

• Layout aqui
• Imagens aqui
• JSONS aqui

• Fork esse projeto
• Coloque seu projeto no repositório
• Escreva no arquivo README.md as instruções para rodar o mesmo
• Envie o link do repositório para [email protected], com o assunto: TESTE - Front-End O Globo