London| May 2025| Payam Ghanbari | Wireframe Updated

[payam1904]

Learners, PR Template

Self checklist

• I have committed my files one by one, on purpose, and for a reason
• I have titled my PR with REGION | COHORT_NAME | FIRST_NAME LAST_NAME | PROJ_NAME
• I have tested my changes
• My changes follow the style guide
• My changes meet the requirements of this task

Changelist

• Fixed the issues with the css
• added images and replaced the paragraphs with relevant information.
• links added to the resources for reference
• the title has changed and the footer is modified and positioned as required.

Questions

Ask any questions you have for your reviewer.

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	997d5f3
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/6841a82d32a8ec0008d7619a
😎 Deploy Preview	https://deploy-preview-690--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.

[cjyuan]

1. According to https://validator.w3.org/, there is an error in your code. Can you fix them?

2. When a wireframe is provided, our implementation should closely reflect its appearance and layout to ensure consistency with design expectations. You're off to a solid start. To better align with the wireframe, can you make the images as wide as the articles? The main purpose of implementing a wireframe is to translate structure and functionality, not final visual design. Visual design is usually handled by UI/graphic designers after the wireframe phase. You can also set all images to placeholder.svg.

3. Can you format the checked boxes using the proper Markdown syntax in your PR description so that they look something like this?
   
   (With proper Markdown syntax, we can use mouse to check/uncheck the items)

[cjyuan]

You fixed the errors, the image width, and you removed most of the inline CSS. Well done.
(There is a an inline CSS left in the HTML)

The 3rd comment in my in my previous feedback refers to these checkboxes, can you fix them?

I will mark this PR as "Complete" first.