🐾 Patas Felizes - Website da ONG 💖

Bem-vindo ao repositório do website da "Patas Felizes"! Este é um projeto de HTML puro e CSS interno, criado com muito carinho para simular o site de uma ONG de adoção de cachorros. O design foi pensado para ser super fofinho, com cantos arredondados, cores vibrantes e uma atmosfera alegre e acolhedora!

✨ Sobre o Projeto

A ideia é apresentar uma interface amigável e convidativa que inspire visitantes a conhecerem mais sobre a causa animal, os cãezinhos disponíveis para adoção e as formas de ajudar uma ONG fictícia (ou, quem sabe, uma real!).

Este projeto demonstra:

Uso de HTML5 semântico.
Estilização com CSS3 incorporado diretamente no arquivo HTML para simplicidade.
Um design responsivo básico (graças ao viewport e ao uso de flexbox).
Uma paleta de cores alegre e "fofinha".
Elementos com cantos arredondados para um visual mais suave.
Estrutura típica de um site de ONG: Quem Somos, Nossos Animais, Como Ajudar, Contato.

🎨 Design e Estilo

Cores Principais:
- Rosa Claro (#FFB6C1) e Lavanda Rosada (#FFF0F5) para uma base suave.
- Amarelos (#FFFFE0, #FFD700) e Laranjas (#FFDEAD, #FFA500) para trazer vibração e calor.
- Verdes e Azuis pastéis (#F0FFF0, #ADD8E6, #87CEFA) para detalhes e cards.
- Toques de Rosa Choque (#FF69B4) para destaque em títulos.
Fontes: Uma combinação de fontes amigáveis e legíveis (priorizando 'Comic Sans MS', 'Chalkboard SE', 'Marker Felt' para um toque divertido).
Visual "Arredondado": border-radius aplicado generosamente para suavizar as bordas de containers, botões, imagens e seções.
Ícones de Patinha: Pequenos detalhes 🐾 para reforçar o tema.

🚀 Como Visualizar

É super simples!

Clone ou baixe este repositório.
```
git clone https://URL_DO_SEU_REPOSITORIO_AQUI.git
cd nome-do-repositorio
```
(Se você apenas baixou o arquivo .html, pule esta etapa)
Abra o arquivo ong_caes.html (ou o nome que você deu) diretamente no seu navegador de internet preferido (Chrome, Firefox, Edge, etc.).
Prontinho! Navegue e sinta a fofura! 🥰

📸 Imagens dos Cãezinhos

As imagens dos cachorros são placeholders fofinhos fornecidos pelo https://placedog.net/. Para um projeto real, você substituiria estas URLs pelas fotos dos seus próprios peludinhos.

Exemplo: <img src="https://placedog.net/500/350/g?random=1" alt="Cachorro fofo para adoção">

🛠️ Estrutura do Código

O arquivo ong_caes.html contém:

<head>: Metadados, título da página e todo o CSS dentro da tag <style>.
<body>:
- <header>: Título principal e slogan da ONG.
- <nav>: Menu de navegação.
- <div class="container">: Agrupa as seções principais do conteúdo.
  - <section id="sobre">: Informações sobre a ONG.
  - <section id="adote">: Galeria de cães para adoção.
  - <section id="como-ajudar">: Formas de contribuir.
  - <section id="contato">: Informações de contato.
- <footer>: Rodapé com informações de copyright.

💡 Possíveis Melhorias e Próximos Passos

Este é um projeto inicial, mas com grande potencial! Algumas ideias para expandir:

Separar o CSS em um arquivo .css externo.
Adicionar JavaScript para interatividade (ex: modais para mais detalhes dos cães, slideshows, validação de formulário de contato).
Implementar um formulário de contato funcional (com backend ou serviços como Formspree).
Criar páginas individuais para cada cãozinho.
Integrar com um CMS ou banco de dados para gerenciar os animais e conteúdo.
Melhorar a acessibilidade (ARIA-labels, contraste de cores, etc.).

💖 Contribuições

Sinta-se à vontade para fazer um fork do projeto, brincar com o código e sugerir melhorias! Se este fosse um projeto real de ONG, toda ajuda seria bem-vinda para tornar o site ainda mais incrível e ajudar mais patinhas a encontrarem um lar.

Feito com muito amor e latidos de felicidade! 🐶🦴

Café