# AFZ Advocacy Application - Albinism Foundation Zambia
A professional, modern, and accessible web application designed to mirror the AFZ's mission of advocating for albinism rights in Zambia.
## 🎯 Project Overview
This application provides a comprehensive platform for the Albinism Foundation Zambia to:
- Advocate for the rights of individuals with albinism
- Promote awareness and education
- Build an inclusive community
- Provide support services and resources
## 🏗️ Architecture
The application is built using modern web technologies with a focus on accessibility, performance, and multilingual support:
- **Frontend**: HTML5, CSS3, JavaScript (ES6+)
- **Styling**: CSS Custom Properties (CSS Variables)
- **Accessibility**: WCAG 2.1 AA compliant
- **Languages**: English, Nyanja, Bemba
- **Responsive**: Mobile-first design approach
## 📁 Project Structure
```
afz-advocacy-app/
├── index.html # Main homepage
├── css/
│ └── styles.css # Main stylesheet
├── js/
│ └── main.js # JavaScript functionality
├── images/ # Image assets (to be added)
│ ├── afz-logo.png # AFZ logo (placeholder)
│ ├── hero-image.jpg # Hero section image (placeholder)
│ ├── news-1.jpg # News item 1 image (placeholder)
│ ├── news-2.jpg # News item 2 image (placeholder)
│ ├── news-3.jpg # News item 3 image (placeholder)
│ ├── favicon.ico # Site favicon (placeholder)
│ └── apple-touch-icon.png # Apple touch icon (placeholder)
├── pages/
│ ├── contact.html # Contact page
│ ├── about.html # About page (to be created)
│ ├── programs.html # Programs page (to be created)
│ ├── resources.html # Resources page (to be created)
│ └── advocacy.html # Advocacy page (to be created)
├── translations/
│ ├── en.json # English translations
│ ├── ny.json # Nyanja translations
│ └── be.json …