Madeehatouqeer07 commented 1 month ago

Project Web development Task 1- Personal Portfolio Website Create a personal portfolio showcasing your skills,projects, and resume. Use HTML for structure, CSS for styling, and add a touch of JavaScript for interactivity. Html code:- <!DOCTYPE html>

Personal Portfolio

Your Name

< section id="about">

About Me

Brief introduction about yourself.

Projects

Project 1

Description of project 1.

Project 2

Description of project 2.

Contact

Email: youremail@example.com

CSS code:- body { font-family: Arial, sans-serif; margin: 0; padding: 0; }

header { background-color: #333; color: white; padding: 1em 0; text-align: center; }

nav ul { list-style-type: none; padding: 0; }

nav ul li { display: inline; margin: 0 1em; }

nav ul li a { color: white; text-decoration: none; }

section { padding: 2em; }

.project { border: 1px solid #ccc;

margin: 1em 0; padding: 1em; } JavaScript.js:- document.addEventListener('DOMContentLoaded', () => { // Add any interactivity you want here } ); Task 2:- Html code:- <!DOCTYPE html>

Expense Tracker

CSS :- body { font-family: Arial, sans-serif; margin: 0; padding: 0; text-align: center; }

header { background-color: #333; color: white; padding: 1em 0; }

section { margin: 2em 0; }

button { padding: 1em; background-color: #007bff; color: white; border: none; cursor: pointer; }

button:hover { ba ckground-color: #0056b3; } Javascript.js:- document.addEventListener('DOMContentLoaded', () => { const loginButton = document.getElementById('login-button'); const loginSection = document.getElementById('login'); const dashboardSection = document.getElementById('dashboard');