vitia-fritelle / globo

Projeto realizado para treinar HTML e CSS

Projeto Layout Globo.com

Projeto desenvolvido no curso de programação da Driven.

O projeto consiste de utilizar apenas HTML e CSS para reproduzir dois workspaces Figma inspirados no site da Globo em duas etapas:

• etapa desktop;

• etapa mobile;

Requisitos - etapa desktop

• Aplicar o layout seguindo o figma fornecido;
• Utilize a fonte Encode Sans na página. Como não é uma fonte padrão nos computadores, você terá que importá-la na página
• Todas as notícias devem ser links. Não é necessário colocar links para as páginas reais, pode ser um link fake (ex: https://globo.com).

Requisitos - etapa mobile

• A logo deve mudar para a logo mobile;
• O menu de navegação deve ficar embaixo da logo;
• As notícias devem ficar empilhadas, conforme mostra o layout móvel.