Site Institucional – ONG Refúgio Animal

Site institucional desenvolvido para a ONG Refúgio Animal, com o objetivo de apresentar suas ações sociais, promover a transparência e facilitar o cadastro de voluntários e projetos.

---

Estrutura de Navegação

Página Inicial (index.html)

• Sobre Nós (sobrenos.html)
• Nossa História (historia.html)
• Equipe e Estrutura (equipe.html)
• Transparência (transparêencia.html)

Projetos Sociais (projetos.html)

• Cadastro de Projetos
• Galeria de Fotos e Vídeos
• Resultados
• Classificação

Cadastro de Voluntários (cadastro.html)

• Formulário interativo com validação nativa
• Campos: nome, e-mail, CPF, telefone, endereço, etc.

---

Tecnologias Utilizadas

• HTML5 com estrutura semântica
• CSS3 com variáveis customizadas
• Layout responsivo com Grid e Flexbox
• Validação nativa de formulários
• SPA (Single Page Application) com renderização dinâmica
• Persistência de dados com LocalStorage

---

Sistema de Design

• Paleta de cores com 8 cores (primárias, secundárias, neutras)
• Tipografia com 5 tamanhos de fonte
• Espaçamento modular: 8px, 16px, 24px, 32px, 48px, 64px
• Grid customizado de 12 colunas
• Mínimo de 5 breakpoints responsivos

---

Componentes Interativos

• Menu principal com dropdown
• Menu mobile com ícone hambúrguer
• Cartões responsivos para projetos
• Botões com estados visuais
• Formulários com feedback visual
• Alertas, brindes e modais
• Emblemas e tags para categorização

---

Modelagem e Validação de Dados

• Sistema de modelos JavaScript
• Validação de formulário
• Renderização dinâmica da tabela de voluntários
• Persistência com LocalStorage

---

Acessibilidade (WCAG 2.1 Nível AA)

• Navegação por teclado em todos os componentes
• Estrutura semântica adequada
• Contraste mínimo de 4.5:1 para texto normal
• Suporte completo para leitores de tela
• Versão de alto contraste e modo escuro acessível

---

Otimização para Produção

• Minificação de CSS, JavaScript e HTML
• Atualização e compressão de imagens
• Estratégia de ramificação GitFlow
• Histórico de commits semântico e organizado
• Sistema de releases com versionamento semântico

---

Como Usar

1. Clone ou baixe o repositório:

   git clone https://github.com/seu-usuario/refugio-animal.git