Pontos-de-Brasilia

🏛️ Explore Brasília: Guia Turístico

Este é um projeto de site informativo sobre Brasília, a capital do Brasil, declarada Patrimônio Cultural da Humanidade. O site apresenta a arquitetura icônica de Oscar Niemeyer, o urbanismo de Lúcio Costa e os principais pontos de lazer da cidade.

🚀 Tecnologias Utilizadas

HTML5: Estrutura semântica das páginas (index, eixo, história, etc.).
CSS3: Estilização moderna com Flexbox e CSS Grid para responsividade.
Google Fonts: Tipografia limpa e legível para conteúdo histórico.

📂 Estrutura do Projeto

O site está organizado nos seguintes arquivos para facilitar a navegação:

index.html: Página inicial com as boas-vindas.
eixo.html: Galeria de cartões com as principais atrações (Catedral, Planalto, Memorial JK).
historia.html: Seção dedicada à construção da capital e aos Candangos.
pontao.html, parque.html, esplanada.html: Páginas de detalhes sobre locais específicos de lazer e poder.
style.css: Arquivo único de estilização para todo o projeto.

📸 Demonstração das Seções

1. Galeria de Atrações (Grid System)

A página Eixo utiliza um sistema de cartões que se ajustam a qualquer tamanho de tela.

Catedral Metropolitana: Obra-prima com 16 colunas de concreto.
Palácio do Planalto: Sede do Poder Executivo com colunas monumentais.
Memorial JK: Homenagem ao fundador Juscelino Kubitschek.

2. Conteúdo Histórico

A página de História detalha o sonho de JK e a execução do Plano Piloto em apenas 41 meses.

“Brasília foi construída para interiorizar o desenvolvimento do Brasil.”

🎨 Design System

Para refletir a identidade da capital, o CSS foi construído com as seguintes definições:
| Elemento | Cor / Estilo |
| :--- | :--- |
| **Primária** | `#003087` (Azul Brasília) |
| **Destaque** | `#ffd700` (Dourado/Amarelo) |
| **Fundo** | `#f4f7f6` (Cinza claro para leitura) |
| **Efeitos** | Hover com elevação em 3D nos cards |

🛠️ Como visualizar o projeto

Clone este repositório.
Certifique-se de que todos os arquivos .html e o style.css estão na mesma pasta.
Abra o arquivo index.html em um navegador moderno (Chrome, Edge ou Firefox) para garantir que as imagens carreguem corretamente.

🌟 Funcionalidades

Design Responsivo: Layout que se adapta a computadores e celulares.
Menu Unificado: Navegação fluida entre todas as seções (História, Atrações, Contato).
Arquitetura de Cards: Exibição organizada dos pontos turísticos com efeitos visuais.
Conteúdo Educativo: Seção dedicada à história da construção da cidade.

🛠️ Tecnologias

HTML5: Estrutura semântica e acessível.
CSS3: Estilização com Grid, Flexbox e variáveis de cores inspiradas na bandeira do DF.

📂 Organização das Páginas

index.html: Boas-vindas e introdução.
eixo.html: Os monumentos do Eixo Monumental.
historia.html: A jornada de Juscelino Kubitschek e os Candangos.
pontao.html, parque.html, esplanada.html: Detalhes sobre lazer e arquitetura.

🎨 Paleta de Cores

Azul Brasília: #003087 (Confiança e Modernidade).
Dourado Sol: #ffd700 (Energia e História).
Fundo Limpo: #f4f7f6 (Foco no conteúdo).

/
├── index.html          # Página Inicial (Apresentação e boas-vindas)
├── eixo.html           # Galeria de Atrações (Catedral, Planalto, Memorial JK)
├── historia.html       # Conteúdo histórico sobre a construção de Brasília
├── pontao.html         # Página detalhada sobre o Pontão do Lago Sul
├── parque.html         # Página sobre o Parque da Cidade Dona Sarah Kubitschek
├── esplanada.html      # Página sobre a Esplanada dos Ministérios
└── style.css           # Arquivo único de estilização (CSS Unificado)

📋 Detalhamento das Páginas

Com base nos seus códigos, aqui está o que cada arquivo contém:

index.html: Serve como a porta de entrada, apresentando a arquitetura de Oscar Niemeyer e o urbanismo de Lúcio Costa.
eixo.html: Utiliza um sistema de Cards para listar as principais atrações monumentais.
historia.html: Foca na jornada de Juscelino Kubitschek e no trabalho dos Candangos durante os 41 meses de construção.
parque.html: Destaca o lazer brasiliense e o cenário da música “Eduardo e Mônica”.
esplanada.html: Apresenta o centro do poder político, incluindo o Museu Nacional e a Biblioteca Nacional.
pontao.html: Foca no entretenimento à beira do Lago Paranoá e na gastronomia local.