Scribd
Upload
4 views1 page

Task 3

Uploaded by

Aneeqa Khan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
4 views1 page

Task 3

Uploaded by

Aneeqa Khan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 1

Bano Qabil Program

Instructor: Muhammad Munim


Week 3 - Website Development
Deadline: Sunday, 19th January 2025

Section 1:
Task 1: Mini HTML & CSS Project

1. Create an HTML file named index.html:


o Add the following elements:
 Title: "My First Styled Webpage"
 Heading (<h1>): "Welcome to My Website"
 Subheading (<h2>): "Learning CSS"
 Paragraph: Describe what you've learned so far.
 List (<ul>): Include three reasons why CSS is important.

2. Create an external CSS file named styles.css and link it to the HTML file:
o Use the CSS file to:
 Style the background, headings, and paragraph.
 Add spacing and change fonts for all text.

Section 2:
Responsive Web Page

Task Description:
Create a single responsive web page about yourself.

Requirements:

 Use the CSS box model effectively (apply padding, margins, borders).
 Ensure the page is responsive (use media queries for at least two breakpoints: mobile and
desktop).
 Include:
o Title
o Short bio
o Image
o Contact information

Steps:

1. Design the structure using HTML.


2. Style it with CSS, applying the box model and responsive techniques.
3. Test your webpage on both desktop and mobile devices.

Good luck, and happy coding! 😊


Instructor: Munim

You might also like