A responsive South African public support and services website.
# HelpLink SA
A deployment-ready, four-page public-help directory built with plain HTML, CSS and JavaScript.
## Pages
1. `index.html` — Home
2. `services.html` — Searchable public-service directory
3. `about.html` — How the website works
4. `contact.html` — Contact, privacy, disclaimer and accessibility
## Main features
- Responsive desktop, tablet and mobile layout
- Accessible mobile navigation and visible keyboard focus
- Real official South African public-service links
- Search and category filters
- Contact form that opens a prepared email in the visitor's email application
- Privacy, disclaimer and accessibility wording
- SVG logo and illustration
- Security-header configuration for compatible static hosts
- No framework, package installation or build step
## Contact form
The contact form prepares an email to:
`tholinhlanhlasbonelo@gmail.com`
It does not need a database or form-processing backend. When the visitor selects **Open email to send**, their default email application opens with the subject and message already completed. They must review the email and press **Send**.
To change the destination email later, update `CONTACT_EMAIL` in `assets/js/main.js` and the matching `mailto:` links in `contact.html`.
## Test locally
Double-click `index.html`, or run a local server from the project folder:
```bash
python -m http.server 8000
```
Then open `
localhost`.
## Deploy
Upload the complete contents of this folder to any static host, including GitHub Pages, Netlify, Cloudflare Pages, Vercel or standard cPanel hosting.
For GitHub Pages:
1. Create a repository and upload all project files.
2. Open **Settings → Pages**.
3. Select the branch and root folder.
4. Save and wait for the published link.
For cPanel:
1. Open **File Manager**.
2. Upload the project files into `public_html`.
3. Make sure `index.html` is directly inside `public_html`.
4. Open the domain and test all four pages.
## Final checks after deployment
- Open all four …