

Classes completed
162

Quizzes submitted
151

Projects submitted
158
In this activity, you will build a Netflix-inspired homepage by writing five CSS gradients. You will fade the page background, colour the logo with a gradient, layer three gradients on the hero banner, add a radial glow to the Play button, and overlay a dark fade on movie cards.
In this activity, You will build a space-themed webpage called My Space Page. The page has a dark gradient sky that fades from dark blue to navy. A colourful banner at the top fades from purple to coral. Below it sits a fun fact card, and a small glowing circle twinkles between yellow and white using a CSS animation.
In this assignment, you will build a Food and Nutrition Blog using semantic HTML. They will create a structured webpage with a header, navigation links, main content sections, articles, an aside note, figures with captions, external links, an embedded iframe video, and a footer. The activity helps students understand how semantic HTML makes a webpage organised, readable, and meaningful.
In this assignment, you will build a weather app homepage using HTML and CSS. You will design a simple weather dashboard with a patterned page background, a gradient weather card, a weekly forecast section, and a floating weather icon animation. The activity focuses on CSS background properties, gradients, and @keyframes animation.
In this assignment, students will build a simple cartoon character card webpage using HTML and CSS. They will use internal CSS to style the page, inline CSS to style one paragraph, CSS properties and values to change colours and text weight, and selectors to target different parts of the webpage.
In this assignment, you will build a simple HTML webpage called My Dream School Timetable. They will create a school-themed webpage that includes useful learning links, a morning routine, dream school features, subject descriptions, a timetable, and a favourite activities table.