🌍 ONG Solidária Doe e Seja Voluntário — Transforme Vidas!

Este projeto é um site simples e responsivo criado para representar a ONG Solidária, com seções de missão, pilares, formas de doação e contato.

📂 Estrutura de Pastas / (raiz do repositório) │ index.html └── css/ └── styles.css └── assets/ └── hero.jpg ← (file_00000000934c622fafb3bd9acb3f5b4f.png) 🚀 Publicando no GitHub Pages

1. Crie o repositório No GitHub, clique em New Repository e dê um nome — por exemplo:

ong-solidaria 2. Envie os arquivos Baixe ou copie os arquivos deste projeto e envie-os para o repositório:

index.html Pasta css/ Pasta assets/ (opcional, para imagens) Você pode fazer isso pelo GitHub Web ou pelo Git Bash:

Clone o repositório

git clone https://github.com//ong-solidaria.git cd ong-solidaria

Adicione os arquivos

git add . git commit -m "Versão inicial do site da ONG Solidária" git push origin main 3. Ative o GitHub Pages No repositório, vá em Settings → Pages:

Em Source, escolha main. Em Folder, selecione /root. Clique em Save. O GitHub vai gerar um link como:

https://.github.io/ong-solidaria/ Aguarde alguns minutos e o site estará online! 🎉

🧩 Tecnologias Usadas HTML5 para a estrutura CSS3 para estilização e responsividade Layout Grid e Flexbox para organização dos blocos 💌 Contato 📍 Rua Acre 1730 📞 (79) 99681-1423 📧 samueldoria500@gmail.com

🕊️ Feito com propósito — ONG Solidária 2024

├─ index.html ├─ css/ │ └─ style.css ├─ js/ │ └─ app.js ├─ imagens/ │ ├─ logo.png │ ├─ projeto1.jpg │ ├─ projeto2.jpg │ └─ (substitua pelas suas imagens) └─ README.md

Implementações:

Estratégia de branching no padrão GitFlow

main: versão de produção

develop: desenvolvimento

feature/*: novas funcionalidades

hotfix/*: correções urgentes

Exemplo de comandos utilizados:

git init git branch -M main git checkout -b develop git checkout -b feature/acessibilidade git add . git commit -m "feat: implementação de acessibilidade no site" git push origin develop

Commits Semânticos utilizados:

feat: → nova funcionalidade

fix: → correção de bug

docs: → atualização de documentação

style: → formatação e layout

refactor: → melhoria de código

chore: → tarefas de manutenção

Sistema de releases:

v1.0.0 — primeira versão funcional

v1.1.0 — adição do modo escuro e versão de alto contraste

v2.0.0 — versão final para deploy Implementações principais:

Estrutura HTML semântica (header, nav, main, section, footer);

Navegação por teclado (foco visível e ordem lógica);

Contraste mínimo 4.5:1 entre texto e fundo;

Modo alto contraste e modo escuro;

Suporte para leitores de tela com aria-label e alt.

🌎 Projeto Acessível — Experiência Prática IV

Este projeto foi desenvolvido para a disciplina Experiências Práticas – Unidade IV, aplicando conceitos de versionamento com Git/GitHub, acessibilidade digital (WCAG 2.1 AA) e deploy profissional via GitHub Pages.

🔧 Tecnologias Utilizadas

• HTML5 Semântico
• CSS3 (Modo Escuro e Alto Contraste)
• JavaScript (Interatividade e Acessibilidade)
• Git / GitHub
• GitHub Pages (Deploy)

🧩 Funcionalidades

• Navegação por teclado
• Contraste acessível 4.5:1
• Leitura otimizada por leitores de tela
• Modo escuro e modo alto contraste
• Estrutura semântica e responsiva
• Código minificado e otimizado

🚀 Deploy

Acesse o site online:
👉 https://seuusuario.github.io/SiteAcessivel

💻 Estrutura GitFlow

• main → Produção
• develop → Desenvolvimento
• feature/ → Novas funcionalidades
• hotfix/ → Correções urgentes

🧠 Autor

Samuel Alves Doria
📅 Outubro de 2025

---