🌐 Site HTML5: Desigualdade Social no Distrito Federal 🏙️

Este repositório contém o código de uma página web interativa que explora a desigualdade social no Distrito Federal (DF), Brasil. A página apresenta informações históricas, dados estatísticos, causas, impactos e exemplos de programas sociais com o objetivo de mitigar esse problema.

✨ Conteúdo da Página

A página web é organizada nas seguintes seções principais:

1. Inicial (Home): Apresentação visual, título, subtítulo, menu de navegação e chamada para explorar o conteúdo.

2. Dados da Capital da República: Exibe estatísticas chave do DF (População, IDH e Renda per capita), usando ícones.

3. História de Brasília: Apresenta um contexto histórico da construção de Brasília e a situação atual, destacando os contrastes sociais.

4. Causas e Impactos: Aborda as causas da desigualdade social no DF e seus impactos na vida da população por meio de vídeos incorporados.

5. Casos de Sucesso: Apresenta dois programas sociais relevantes:

   • Cartão Prato Cheio: Programa do Governo do Distrito Federal.
   • Programa Bolsa Família: Programa do Governo Federal.
   • Ambas as seções utilizam um design expansível ("sanfona") para mostrar/ocultar o conteúdo detalhado.

6. Rodapé (Footer): Créditos.

🚀 Interatividade e Responsividade

• Menu Responsivo: O menu se adapta a diferentes tamanhos de tela.
• Links Âncora: Navegação suave para seções específicas da página.
• Seções Expansíveis ("Sanfona"): Permite mostrar/ocultar conteúdo detalhado dos programas sociais.
• Rolagem Suave: Melhora a experiência do usuário ao navegar entre as seções.

🛠️ Tecnologias Utilizadas

• HTML5: Estrutura da página.
• CSS3: Estilização e layout responsivo.
• JavaScript: Interatividade (menu, seções expansíveis, rolagem).
• Font Awesome: Ícones.

📜 Outras Informações

Trabalho feito em grupo por Murilo Souza, João Paulo Freitas e João Paulo Nunes.