Course Title Web Application Development Code CS 300
Credit
Hours
3 Level Undergraduate
Total
Class BSCS Enrollment
47
Course
Instructor
Ms. Sundas Asghar
Assignment 1
Due Date/Time: Thursday, 31st October, 23:59
Total Marks: 10
Submission: Upload the assignment solution to your portal
Instructions:
Upload your code both as .html and browser page
Complete all tasks in the same file.
The name of file should be your-roll-number_assignment1 (e.g., fa24-BSCS-0001_assignment1)
Late submissions: 5% penalty per day for 3 days after due date.
Question 1: [CLO 1] [5+2+2+1=10]
Create a simple layout resembling to below using div tag in which create a header section, footer
section, nav bar and body using simple html.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=\, initial-scale=1.0">
<title>Portfolio</title>
</head>
<body><div>
<header><h1>My Portfolio</h1></header>
<main>
<section>
<h3>Education: MC school | PGC </h3>
<h3>Experience: Cogent Labs Intern | ArbiSoft Limited</h3>
<article>A demo portfolio is a crucial tool for software engineers, showcasing key projects, technical
skills, and problem-solving abilities.
It should highlight your best work, <br> with concise descriptions, tech stacks used, and links to
GitHub or live demos. Organize your projects
clearly and include an overview about yourself. Make sure to<br> emphasize how you approach
challenges and demonstrate continuous learning. Use
platforms like GitHub Pages or Netlify for easy hosting. Finally, keep your portfolio<br> updated to
reflect
your growth and expertise in the field.</article>
<aside><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMwAAADACAMAAAB/
Pny7AAAAZlBMVEX///+UlJRgmNCZmZnBwcL6+vqQkJDOzs/Ly8utra339/
fp6epZlM6pqal9q9nt9Prd3d7W19e1tbWgoKCkxeXN3u/
x8fH0+PzC1+3j4+O7u7tmndLm7vbW5PKHsdtuodSwy+aWu+CYgTBgAAAI9UlEQVR4nO2a6ZaruA5Gi8FhCnMIEOb
3f8kryQw2oZJUKrfO6rW0f3QXnGD7syVZMnx9MQzDMAzDMAzDMAzDMAzDMAzDMAzDMAzDMAzDMAzDMAz
DMAzDMAzDMAzzQ4R/Ff96DK8hno8z8W7JH4zk1/jOzfUf/0TUmWFl6UfXJrER57pcB7Zd/
75VPzzl6WM115tlGCfvieQfEWQnwLJXMal1ul0fPfESfmgY4cNJ8VPPAD4pJqAWLWX4iQWXv157FJM/
dAhR48rkz4zxBwSZRVrqbfSp9Ynpei7mSzg59Bz8tqeNVGoJdrf+RMxX4GafjGZX29pr+UMxsM18cJ8Rbg4Lk+kr/
XdiPou4GeiC6uyIwP6virFBjK0tjEjDj8TLfyPm5OiDwIUxvF/HmH9jZrqYq41e9Gy/e4E/
FyNq3DGzROzuYLT23OAu0Ii2K4AuftCmnyRJ7e/F+DXcToJdYuEHcG+7bIuN9mi4AbVCLd0HQUqODEPZ/
YN5YTAu2KnWedm23WUwG7OJqraNldaUAOsHaW5ZaKQoZs6RxDVIPbgNE6SFYkgBcsNdm+8u5kozdW25U36Fn1
szWX3VvdoPnNmk0qWLq2MZK9B5ukkpq76PBvMMHZlRP43dOirheMtGdXW9cPY4FAOB8iqEn9y8kNq1Qi9TUg3
MAE72/Hcx9QOqIMzz0E+dvizpzcu3sYWelgb5aSa7UEzKCQ2NZdq+4vHSnxFzGi8N/
G+YimVUEEXktuvXtG3JdCugpkLbde3MOBHUZJauJiJc6F+KiavePJ+HsRqBaoywp0rT4sjBQkpsGdjUKXQ3C/
VdZeD5TVYVUGBsnGAx5x+3I8za2YymaSrK9tJHcNFXcmqwKgGDAkN2KM/
LPQeGK+p8Xl40r0xCqVNu1/5eTFlF0H40lgKBqZumqFHF+Ck1F0Ijtg3/
wUWybsniBkFuqGTyfp0tdpZ7mb3MYXwZzmYzRGMco6+ ==" alt="Company Logo"></aside>
</section>
</main>
<footer>
<h5>Contact me at [email protected]</h5>
</footer>
</div>
</body>
</html>
<--http://127.0.0.1:5500/assignment1/index.html-->
