Scribd
Upload
21 views6 pages

Personal Portfolio Website Microproject

Uploaded by

chavanjay581
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
21 views6 pages

Personal Portfolio Website Microproject

Uploaded by

chavanjay581
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/ 6

MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION, MUMBAI

A Project Report On

"Personal Portfolio Website"

DIPLOMA in Computer Engineering

Submitted by:

1. Jay Chavan

2. Soham Patil

3. Yash Kapse

4. Sumedh Ghumkar

Under Guidance of:

Ms. Rohini Patil

Sant Gajanan Maharaj Rural Polytechnic, Mahagaon

Academic Year: 2024-2025


MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION, MUMBAI

Certificate

This is to certify that the following students of the Fifth Semester Diploma in Computer Engineering

of Sant Gajanan Maharaj Rural Polytechnic, Mahagaon, have successfully completed the

Microproject

titled "Personal Portfolio Website" under the guidance of Ms. Rohini Patil, during the academic year

2024-2025 as prescribed in the curriculum.

Team Members:

1. Jay Chavan

2. Soham Patil

3. Yash Kapse

4. Sumedh Ghumkar

Project Guide: Ms. Rohini Patil

Table of Contents

1. Rationale

2. Course Outcomes Addressed

3. Literature Review

4. Proposed Methodology

5. Action Plan
MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION, MUMBAI

6. Resources Required

7. Source Code

8. Outputs of the Microproject

9. Skills Developed / Learning Outcomes

10. Area of Future Improvement


MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION, MUMBAI

1. Rationale

A personal portfolio website is essential for showcasing skills, projects, and achievements in a

professional manner. This project enables students to learn and apply web development concepts

like HTML, CSS, and responsive design, equipping them with skills relevant to industry needs.

2. Course Outcomes Addressed

1. Develop and structure responsive web pages using HTML and CSS.

2. Create professional designs with CSS animations and styling techniques.

3. Enhance problem-solving skills by applying web design principles.

3. Literature Review

This project is inspired by industry-standard personal portfolios. It leverages HTML and CSS to

create dynamic and interactive websites, with tutorials from W3Schools and MDN Web Docs guiding

the implementation of web standards and best practices.

4. Proposed Methodology

1. Planning: Define sections like Home, About, Skills, Projects, and Contact.

2. Designing Layout: Create a wireframe and decide on colors and typography.

3. HTML Development: Structure the website using semantic HTML.


MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION, MUMBAI

4. CSS Styling: Apply styling for responsiveness, animations, and transitions.

5. Testing: Ensure compatibility across devices.

6. Deployment: Host the site on GitHub Pages.

5. Action Plan

| S.No | Activity | Responsible Members |

|------|-----------------------------------|---------------------|

|1 | Research and Planning | All Members |

|2 | Designing Layout | Soham Patil |

|3 | HTML Development | Jay Chavan |

|4 | CSS Styling | Yash Kapse |

|5 | Testing and Deployment | Sumedh Ghumkar |

7. Source Code

HTML Code:

<!DOCTYPE html>

<html>

<head>

<title>Portfolio</title>

</head>

<body>

...
MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION, MUMBAI

</body>

</html>

CSS Code:

body {

font-family: Arial, sans-serif;

header {

background-color: #333;

color: white;

You might also like