Apex website

For this assignment, we were required to design and develop a multi page educational game website using HTML, CSS, and JavaScript, incorporating structured teaching pages, consistent styling, interactive features, and a fully functional dynamic quiz with automated feedback. We chose Apex Legends as our focus and designed a cohesive dark themed interface inspired by the game’s aesthetic, using sans-serif typography for readability and a semi-opaque, consistently placed navigation bar to support intuitive browsing. Each page was structured according to content needs, including interactive character cards, gallery based layouts, drop downs and map pop-ups for clearer learning, tabbed control guides with highlighted key interactions, video supported movement tutorials, and a sequential Apex Packs section with a simulator feature. The quiz was built using a JavaScript array to store question data and dynamically generate content, with automated marking, tolerant input handling, and visual feedback. Overall, our approach prioritised clarity, interactivity, and organising complex information in a clean, userfriendly way.