Scribd
Upload
14 views3 pages

Assignment 1 Frontend

The assignment requires creating a CV-style personal webpage using HTML and inline CSS, with a deadline of August 19, 2025. It consists of multiple parts, including creating a basic structure, adding a header, contact information, an 'About Me' section, an education table, skills, projects, hobbies, and a footer. Each part should be committed separately as specified in the tasks.

Uploaded by

Arun Rawat
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
14 views3 pages

Assignment 1 Frontend

The assignment requires creating a CV-style personal webpage using HTML and inline CSS, with a deadline of August 19, 2025. It consists of multiple parts, including creating a basic structure, adding a header, contact information, an 'About Me' section, an education table, skills, projects, hobbies, and a footer. Each part should be committed separately as specified in the tasks.

Uploaded by

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

ASSIGNMENT

🎯 Objective
Build a CV-style personal webpage using HTML and inline CSS styling, making sure to include
a table.

Deadline: 19th Aug, 2025, 11:59 PM.

Please commit each and every part separately.

🔹 Part 1: Basic Structure


Task 1: Create an HTML file with basic structure (<!DOCTYPE html>, <html>, <head>,
<title>, <body>).

🔹 Part 2: Header Section


Task 2: Add your name and tagline using <h1> and <h3>.​
Task 3: Insert a profile picture (<img>).

🔹 Part 3: Contact Section


Task 4: Add contact info (email, phone, LinkedIn) using <ul> or <dl>.

🔹 Part 4: About Me
Task 5: Write a short intro with <p>, highlight text with <b>, <i>, <u>.
🔹 Part 5: Education Section (with Table)
Task 6: Create a table with inline styling.

●​ Use <table> with border and cell padding.


●​ First row should be <th> headings: Year, Degree, Institute.
●​ Next rows: your education details.​

👉 Example (students must style it inline):


<table style="border:1px solid black; border-collapse:collapse;
width:80%;">
<tr>
<th style="border:1px solid black; padding:8px;">Year</th>
<th style="border:1px solid black; padding:8px;">Degree</th>
<th style="border:1px solid black; padding:8px;">Institute</th>
</tr>
<tr>
<td style="border:1px solid black; padding:8px;">2022</td>
<td style="border:1px solid black; padding:8px;">B.Tech in
CSE</td>
<td style="border:1px solid black; padding:8px;">XYZ College</td>
</tr>
</table>

🔹 Part 6: Skills
Task 7: Add skills using <ul> or <ol>.​
(Optional: Use <progress> or <meter> for skill level).

🔹 Part 7: Projects
Task 8: Add projects with <h4> and <p>, wrap inside <div> with inline style.
🔹 Part 8: Hobbies
Task 9: Add hobbies in a list with emojis or icons.

🔹 Part 9: Footer
Task 10: Add a footer with copyright (&copy; 2025 Your Name).

You might also like