Analysis updated 2026-05-18
Practice building multi-page HTML sites with consistent navigation
Learn how relative file paths work between a homepage and subfolder pages
Practice adding ARIA labels for screen reader accessibility
| 1tdspg-26/front-aula5-1sem | catowabisabi/heso-ai-orchestrator | haavarstein/intune-dashboard | |
|---|---|---|---|
| Stars | 18 | 18 | 18 |
| Language | HTML | HTML | HTML |
| Setup difficulty | easy | moderate | easy |
| Complexity | 1/5 | — | 3/5 |
| Audience | vibe coder | developer | ops devops |
Figures from each repo's GitHub metadata at analysis time.
No install needed, just a text editor and browser to open the HTML files.
front-aula5-1sem is a classroom HTML exercise for a web development course, written in Portuguese. The assignment is called Expanding the Esporte Total Project, where Esporte Total means Total Sports, and it guides students through building a small multi-page sports website. Students start with an existing homepage and add three new internal pages, one for football, one for basketball, and one for volleyball. Each page gets its own title, headings, and paragraph text tailored to that sport, along with hero images or icons that match the sport. The exercise then walks through wiring up navigation links correctly across pages that live in different folders, covering the concept of relative file paths, meaning how one HTML file refers to another when they sit in different directories, whether going from the homepage into a subfolder or back again. Finally, students apply accessibility practices using ARIA labels, special HTML attributes that help screen readers describe links and navigation menus to users who cannot see the screen. Generic links such as read more get turned into accessible buttons with descriptive labels, navigation menus are identified with aria-label, and purely decorative icons are hidden from screen readers with aria-hidden. The acceptance criteria state the project is complete when every page is reachable from the top menu without broken links, and every action button has an accessible label. This is a front-end web development training exercise, suited for beginners learning HTML structure, multi-page site navigation, and basic web accessibility. It is not a standalone product, it exists as a guided learning assignment within a course.
A classroom HTML exercise where students build a multi-page sports website with accessible navigation.
Mainly HTML. The stack also includes HTML, ARIA.
No license information is provided in the README.
Setup difficulty is rated easy, with roughly 30min to a first successful run.
Mainly vibe coder.
This repo across BitVibe Labs
Verify against the repo before relying on details.