After a series of freeCodeCamp workshops, the author tackled a lab that required building an event hub with semantic HTML. Starting from a minimal HTML boilerplate, they inserted a header containing an h1 and a nav list linking to upcoming and past sections. The structure mirrors real‑world site navigation.

The main area features two section elements—upcoming and past events—each housing two article blocks. Every article includes an h3, descriptive p, and a date paragraph; the past events also embed img tags sourced from public photos. Framing the hub around gaming demonstrates how semantic tags improve accessibility and SEO.

With the lab complete, only a review and quiz remain before the learner exits the Semantic HTML segment of the curriculum. Mastery of these tags lays groundwork for later work with ARIA roles, component libraries, and progressive web apps. Observers will watch how quickly the student applies this foundation to dynamic projects.