CEO-Founder/African-Pioneers-Hub-Website
Domain:
educationCreator:
CEO
Host:
# African Pioneers Hub — Website
Official website for **African Pioneers Hub** ("From Vision to Venture"), a Pan-African training, leadership, and enterprise development organisation. Built as a clean, dependency-free, mobile-first HTML/CSS/JS site.
## 1. Folder Structure
```
African-Pioneers-Hub-Website/
├── index.html Homepage
├── css/
│ └── styles.css Global stylesheet (design tokens, components, layout)
├── js/
│ └── main.js Mobile nav, scroll reveal, accordion, contact form
├── images/ Logo, favicon, and banner assets (see below)
├── pages/
│ ├── about.html About Us
│ ├── approach.html Our Approach (Four Pillars)
│ ├── programmes.html Programmes (Bugarama Youth Empowerment Programme)
│ ├── impact.html Impact & Results
│ ├── partner.html Get Involved / Partner With Us
│ └── contact.html Contact
└── README.md This file
```
## 2. Content Sources
All facts, figures, and claims on this site are drawn directly from official African Pioneers Hub organisational documents:
- `APH_Bugarama_Youth_Empowerment_Program_FINAL.pdf` (Ref: APH-HATWJ-RSVP-BYE-2026, April 2026)
- `AFRICAN PIONEERS HUB GOVERNING POLICIES HANDBOOK.pdf`
No figures, statistics, or claims have been invented. If a future update introduces new numbers (e.g. actual results as phases complete), replace the **target** figures currently shown with **actual reported** figures and clearly label them as such.
## 3. Images
The `images/` folder holds the official brand assets, cropped from the organisation's supplied logo and banner artwork:
- `logo-icon.png` — the Africa emblem alone, transparent background. Used as the `.brand-mark` in the header and footer on every page.
- `favicon.png` — a small version of the same emblem, used as the browser-tab icon.
- `logo-banner.png` — the full horizontal lockup (emblem + wordmark + tagline), transparent background. Used on the About page; sa …