Cover
Profile Image

Abdur Rehman

Grade 11 | Points: 33535 | Rank: 72

Share profile

Classes completed

162

Quizzes submitted

151

Projects submitted

158

Hackathons

IIT Guwahati Alcheringa

IIT GUWAHATI ALCHERINGA JUNIOR CODE CHAMPS

Hosted by: IIT Guwahati Alcheringa

Engineers Without Border, Nigeria

Junior Hackathon

Hosted by: Engineers Without Border, Nigeria

BITS Pilani APOGEE

BITS PILANI APOGEE JUNIOR CODEFEST 2022

Hosted by: BITS Pilani APOGEE

View more

Coding contests

Hewlett Packard Enterprise

HPE CodeWars 2023 Code Battle

Hosted by: Hewlett Packard Enterprise

Codingal

Codewars All Practice Problems 2023

Hosted by: Codingal

View more

Activities

(Discontinued)McDonald's Delivery

In this activity, you will animate a McDonald's order tracker using CSS @keyframes. You will make a countdown ring spin, a delivery bike ride across the screen, the active order step pulse with colour, and the typing dots bounce up and down.

(Discontinued)Netflix Vibes

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.

My Space Page

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.

My Colour Card

You will create a personal webpage called My Colour Card. The page has a heading, a short tagline, an About Me card with four detail lines, and a Favourite Things section. Students style the page using all five CSS methods covered in the lesson.

Here’s a Drop Down

Write a program to create a webpage to enter marks of 3 different subjects for different students and display the average for these three subjects. To select a value of the subject, create a drop-down list using the select element of HTML.

Group The Form Fields

Write a program to create a webpage to collect personal details like - email, name, gender, and date of birth by using the form element of HTML. Make sure you group these fields by using the fieldset element and give a caption to it as well.

View more

Projects

Food and Nutrition Blog

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.

My Weather App Homepage

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.

My Cartoon Character Card

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.

Book Donation Form

Your school library wants to collect book donations online. You will build the donation form as a web page. Time: about 25 minutes.

My Media Adventure Webpage

In this assignment, students will create a complete media-based webpage called My Media Adventure. The webpage brings together everything learned in the Media in HTML lesson: images, audio, video, and iframe embedding.

My Dream School Timetable

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.

View more