The-Digital-Afrika/Pfuka
Domain:
digital infrastructureCreator:
The
Host:
Pfuka Mikano is a South African sports development website that shares stories, articles, and advocacy content for young athletes from township, rural, and underrepresented communities. The project highlights grassroots talent, promotes visibility, and connects athletes with opportunities for support, sponsorship, and growth.
# Pfuka Mikano Website
Pfuka Mikano is a static website for a South African sports development platform. The site highlights young athletes from township, rural, and underrepresented communities through sports articles, magazine-style content, organizational information, and contact details.
## Project Purpose
The website is designed to:
- Share grassroots sports stories and athlete-focused articles.
- Present Pfuka Mikano's mission, vision, values, and target communities.
- Showcase magazine content such as images, podcasts, documentaries, and PDF-ready features.
- Give sponsors, schools, athletes, volunteers, and media partners a way to contact the organization.
## Pages
- `index.html` - Home page with featured sports articles and story cards.
- `about.html` - About page explaining the organization, vision, services, audience, and values.
- `magazine.html` - Magazine page with tabbed content categories.
- `contact.html` - Contact page with office information and a simple contact form layout.
## Technologies Used
- HTML5 for page structure.
- CSS3 for layout, responsive design, colors, spacing, and visual styling.
- JavaScript for interactive navigation and magazine tabs.
- Font Awesome for icons.
- Google Fonts for typography.
- Local and external images for sports content.
## Folder Structure
```text
Pfuka website2/
|-- about.html
|-- contact.html
|-- index.html
|-- magazine.html
|-- README.md
|-- ARCHITECTURE.md
|-- css/
| `-- styles.css
|-- images/
| |-- sports logo.jpeg
| `-- articles/
| |-- basketball.png
| |-- basketball.svg
| |-- cricket.svg
| |-- cycling.svg
| |-- golf.svg
| |-- high-jump.svg
| |-- running.svg
| |-- skateboarding.svg
| |-- soccer.svg
| |-- swimming.svg
| |-- tennis.png
| |-- tennis.svg
| `-- tennis1.png
`-- js/
`-- main.js
```
## How To Run The Project
This is a static website, so it does not require a build step or server.
1. Open the project …