MICRO PROJECT ON

‘Quotes Website: Create original and inspirational quotes, and

share on social media networks'

Course: Web Page Designing with HTML

Corse Code: 22014
Academic Year: 2022-2023
Semester: 2I

Name:
Roll No.:
Enrolment No:
Name of Micro project Guide: Mrs. Anjali Khandagle

0
 MICRO PROJECT ON
‘Website for any Vehicle Showroom’

Course: Web Page Designing with HTML

Course Code: 22014
Academic Year: 2022-2023
Semester: 2I

Submitted By:

Roll No. Name of the student Enrolment No.

716 Shivani Gomase 2201410383
717 Rudra Gutte 2201410384
718 Aditya harel 2201410385
719 Mansi Jadhav 2201410386
720 Tina Jadhav 2201410387

Name of Project Guide: Mrs. Anjali Khandagle

1
 CERTIFICATE

This is to certify that this micro project report titled ‘Quotes Website: Create
original and inspirational quotes, and share on social media networks ’ is the
bonafide work of Ms./Mr. Shivani Gomase, Rudra Gutte, Aditya harel,Mansi
Jadhav,Tina Jadhav Roll no 716, 717, 718 , 719 , 720 of first year diploma in
Information Technology Engineering for the course ‘Quotes Website: Create original
and inspirational quotes, and share on social media network’Course code: 22009
during the academic year 2022-2023 , who carried out the micro project work under
my supervision.

Mrs. Anjali Khandagle

Name & Signature Course Teacher

2
 INDEX

Sr. No. Content Page No.

1. Micro Project Proposal 04
2. Rationale 06
3. Aims/Benefits of the Micro Project 06
4. Course Outcome achieved 06
5. Literature Review 06
6. Actual Methodology Followed 06-07
8. Output of the Micro Projects 07-15
9. Skill Developed / Learning outcome of the Micro Project 15
10. Applications of the Micro Project 15

3
 ANNEXURE I
Micro Project Proposal
‘Website for any Vehicle Showroom’
1.0 Aims/Benefit of the Micro Project (Minimum 30-50 Words):
1. Quotes Website: Create original and inspirational quotes, and share on social media network
2. Create a attractive Website.

2.0 Course Outcomes Addressed:

1. Creating a website using HTML
2. Enhanced end user experience

3.0 Proposed Methodology (Procedure that will be followed to do the micro project- in about
100-200 words):
1. Search and Collect information
2. Arrange information
3. Proofread the information
4. Review from the teacher
5. Edit project report as per the suggestions of the teacher
6. Proofread and finalize the report
7. Finalize from the teacher
8. Take Print and Submit of the report

4.0 Action Plan:

Sr. Detail of Activity Planned Planned Name of Responsible
No. Start Finish Date Team Members
date
Rudra Gutte, Tina
1. Search and Collect information 4 17/02/23 20/02/23 Jadhav

Aditya Harel,Mansi
2. Arrange information 3 20/02/23 25/02/23 Jadhav, Shivani Gomase

3. Proofread the information 2 28/02/23 28/02/23 All members

4. Review from the teacher 1 09/03/23 09/02/23 All members
Edit project report as per the
5. 12/03/23 15/03/23 Rudra Gutte
suggestions of the teacher 2
6. Proofread and finalize the report 1 16/03/23 16/03/23 All members
Finalize the report from the teacher
7. 16/03/23 16/02/23 All members
1
8. Take Print & Submit of the report 1 23/03/23 23/03/23 All members

4
Name of Team Members with Roll Nos:
Sr. No Name of Students Roll No

1 Shivani Gomase
716
2 Rudra Gutte
717
3 Aditya harel
718
4 Mansi Jadhav
719
5 Tina Jadhav
720

Mrs. Anjali Khandagle

(Name & Signature Of Faculty)

5
 ANNEXURE - II
Micro Project Report
‘Quotes Website: Create original and inspirational quotes, and
share on social media network’
1.0 Rationale (Importance of the project, in about 30 to 50 Words.):

A quotes website that creates original and inspirational content can serve as a valuable
resource for people looking for motivation and positivity, while also offering opportunities for
community building

2.0 Aims/Benefits of the Micro Project:

1. Create a website for original and inspirational quotes
2. Create a attractive Website.

3.0 Course Outcomes Addressed:

1. Creating a website using HTML
2. Enhanced end user experience

4.0 Literature Review:

1.The Information about the project was researched and noted from Google

2.The word report was prepared using Microsoft Word 2016

3.The code for the website was written using Notepad

5.0 Actual Methodology Followed: (Write stepwise work done, data collocted and its analysisis (if
any). The contribution of individual member may also be noted.) :

Sr. No./ Date Time Work Done

Hour No.

1. 16/02/23 2:00pm to 3:00pm

Finalize the topic
2. 17/02/23 7:00pm to 8:00pm
Search and Collect information
3. 18/02/23 7:00pm to 8:00pm
Search and Collect information
4. 19/02/23 7:00pm to 8:00pm
Search and Collect information
5. 20/02/23 7:00pm to 8:00pm
Search and Collect information
6. 20/02/23 8:00pm to 9:00pm
Arrange information

6
 7. 23/02/23 8:00pm to 9:00pm
Arrange information

8. 25/02/23 7:00pm to 8:00pm

Arrange information
9. 28/02/23 7:00pm to 8:00pm Proofread the information

10. 28/02/23 8:00pm to 9:00pm Proofread the information

11. 09/03/23 2:00pm to 3:00pm Review from the teacher

12. 12/03/23 7:00pm to 8:00pm Edit project report as per the suggestions of
the teacher
13. 15/03/23 7:00pm to 8:00pm Edit project report as per the suggestions of
the teacher
14. 16/03/23 2:00pm to 3:00pm Proofread and finalize the report 1

15. 16/03/23 3:00pm to 4:00pm Finalize the report from the teacher 1

16. 23/3/23 2:00pm to 3:00pm Take Print & Submit of the report 1

6.0 Outputs of the Micro project (Presentation of data, findings, drawing etc.):

Code:-

<!DOCTYPE html>
<html>
<head>
<title>Quote Generator</title>
<meta charset=”UTF-8”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0”>
</head>
<body>
<h1>Quote Generator</h1>
<form>
<label for=”quote”>Enter your quote:</label><br>
<textarea id=”quote” name=”quote” rows=”4” cols=”50”></textarea><br>
<label for=”author”>Enter author name:</label><br>
<input type=”text” id=”author” name=”author”><br>
<button type=”button” onclick=”generateQuote()”>Generate Quote</button>
</form>
<div id=”quote-container”></div>
<div id=”share-buttons”>
<a href=https://www.facebook.com/sharer/sharer.php?u=[URL]&amp;quote=[QUOTE]
target=”_blank”><img src=https://tse1.mm.bing.net/th?id=OIP.eG--
CdF8Pw47qx1R_nBapQHaHa&pid=Api&rs=1&c=1&qlt=95&w=123&h=123></a>
<a href=https://twitter.com/intent/tweet?text=[QUOTE] - [AUTHOR]&amp;url=[URL]
target=”_blank”><img src=https://tse1.mm.bing.net/th?id=OIP.EJuw0-FjiKe3npsGfz-
BgQHaHd&pid=Api&rs=1&c=1&qlt=95&w=107&h=107></a>
7
 </div>
<script>
Function generateQuote() {
Const quote = document.getElementById(“quote”).value;
Const author = document.getElementById(“author”).value;
Const quoteContainer = document.getElementById(“quote-container”);
Const shareButtons = document.getElementById(“share-buttons”);
quoteContainer.innerHTML = `<p>”${quote}”</p><p>- ${author}</p>`;
shareButtons.innerHTML = shareButtons.innerHTML.replace(“[QUOTE]”,
quote).replace(“[AUTHOR]”, author).replace(“[URL]”,
encodeURIComponent(window.location.href));
}
</script>
</body>
</html>

8
Output:-

9
10
7.0 Skill developed / Learning outcome of the Micro-Project:
1. Having less error in code
2. Creating a attractive website
3. Knowing different types of attributes

8.0 Applications of the Micro-Project:

The project will help us in creating a attractive website about the topic. The project will also
help us in practicing the code and having less errors. The project helps us knowing different
types of attributes used in the code.

Mrs. Anjali Khandagle

(Name & Signature Of Faculty)

Log Book of the Student (Weekly Work Report)

Academic Year: 2022-2023

Name of Student:- Shivani Gomase, Rudra Gutte, Aditya harel,Mansi Jadhav,Tina

Jadhav
Title of the Project: ‘Quotes Website: Create original and inspirational quotes, and share on social
media network’
Course: Web Page Designing with HTML Course Code: 22014 Semester: 2I

Sr. No./ Date Time Work Done

Hour No.
1. 16/02/23 2:00pm to 3:00pm Finalize the topic
2. 17/02/23 7:00pm to 8:00pm Search and Collect information

11
3. 18/02/23 7:00pm to 8:00pm Search and Collect information
4. 19/02/23 7:00pm to 8:00pm Search and Collect information
5. 20/02/23 7:00pm to 8:00pm Search and Collect information
6. 20/02/23 8:00pm to 9:00pm Arrange information
7. 23/02/23 8:00pm to 9:00pm Arrange information
8. 25/02/23 7:00pm to 8:00pm Arrange information
9. 28/02/23 7:00pm to 8:00pm Proofread the information

10. 28/02/23 8:00pm to 9:00pm Proofread the information

11. 09/03/23 2:00pm to 3:00pm Review from the teacher

12. 12/03/23 7:00pm to 8:00pm Edit project report as per the suggestions of
the teacher
13. 15/03/23 7:00pm to 8:00pm Edit project report as per the suggestions of
the teacher
14. 16/03/23 2:00pm to 3:00pm Proofread and finalize the report 1

15. 16/03/23 3:00pm to 4:00pm Finalize the report from the teacher 1

16. 23/3/23 2:00pm to 3:00pm Take Print & Submit of the report 1

Mrs. Anjali Khandagle

(Name & Signature Of Faculty)

12