West Midlands | Jan-2026 | Arunkumar Akilan | Sprint 1 | Wireframe to Web Code

[arunkumarakilan]

#Self checklist

[x] I have titled my PR with
West Midlands | Jan-2026 | Arunkumar Akilan | Wireframe to Web Code

[x] My changes meet the requirements of the task

[x] I have tested my changes locally in the browser

[x] My changes follow the CYF style guide

##Changelist

Converted the provided wireframe into a semantic HTML webpage

Added header with page title and description

Created three articles explaining:

Purpose of a Wireframe

Purpose of a README file

What a Git branch is

Styled the layout using CSS Grid to match the wireframe (first article full width, second and third side by side)

Added a footer with navigation links and contact information

Ensured the page scores 100 for Accessibility using Lighthouse

Questions

I would appreciate feedback on my CSS Grid usage and overall semantic structure.

Any suggestions to further improve accessibility or layout consistency are welcome.

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	f1416d5
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/696fa33217917c00080edf03
😎 Deploy Preview	https://deploy-preview-995--cyf-onboarding-module.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	2 paths audited Performance: 100 (no change from production) Accessibility: 100 (no change from production) Best Practices: 100 (no change from production) SEO: 86 (no change from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.