Subject name and code: CSS (22519) Academic Year: 2023-24

Couse Name: IF5I Semester: FIFTH

A STUDY ON

Resume building using JavaScript

MICRO PROJECT REPORT

Submitted in Nov 2023 by the group of 2 students
Sr. Roll No. Full Name of Students Enrollment Seat No.
No. (sem-5) No. (semester-5)
1 OTO 53 PINIL BABURAV CHAKAR 2209350316
2 OTO 56 MAYUR SAHEBRAO PAWAR 2209350322

Under the Guidance of

PROF. MS. SHRUTI NANDARGI
In
Diploma Board of Technical Education,
ISO 9001:2008 (ISO/IEC-27001:201
SHIVAJIRAO S. JONDHALE POLYTECHNIC, ASANGOAN
 MAHARASHTRA STATE BOARD OF
TECHNICAL EDUCATION,
MUMBAI

CERTIFICATES
AS
This is to certify that Mr. PINIL BABURAV CHAKAR
Roll No: 53 of Fifth Semester of Information Technology Programme in
Engineering & Technology at Shivajirao. S Jondhale Polytechnic Asangaon
(EAST) Shahapur 421601 has completed the Micro Project Satisfactorily in
Subject: CSS
In the academic Year 2023 as prescribed curriculum of I Scheme.

Place: ASANGOAN Enrollment No: 2209350316

Date: / /2023 Exam Seat No:

Project Guide Head of Department Principal

Seal of
institute
 MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION,
MUMBAI

CERTIFICATES

This is to certify that Mr. MAYUR SAHEBRAO PAWAR

Roll No: 56 of Fifth Semester of Information Technology Programme in
Engineering & Technology at Shivajirao. S Jondhle Polytechnic Asangaon (EAST)
Shahapur 421601 has completed the Micro Project Satisfactorily in Subject:
CSS
In the academic Year 2023 as prescribed curriculum of I Scheme.

Place: ASANGOAN Enrollment No: 2209350322

Date: / /2023 Exam Seat No:

Project Guide Head of Department Principal

Seal of
institute

-:Index:-
 Sr.No. Name of Chapter Page No.

Abstraction
Chapter 1 4

Introduction
Chapter 2 4

Benefits
Chapter 3 5

Program
Chapter 4 6

Output of project
Chapter 5 8

Chapter 6 Conclusion 9

References
Chapter 7 10
Online quiz management using
java
Samarth Polytechnic ,Belhe
Page 30
CHAPTER 8
REFERENCES
1.Patil,PratekandKarlMoss,201
7,JavaDatabaseProgrammingw
ithJDBC,CoriclisGroupBooks
. 2.
Sierra,KathyandBertBates,200
3,HeadFirstJava,O‟Reilly
. 3.
Sarcar,Vaskaran,2018,JavaDes
ignPatterns,Apress.
 4.
http://www.javaworld.com/jav
aworld/jw-01-1998/jw-01-
credentialreveiw.html
5. http://jdbc-tutorial.com
6.
https://www.tutorialspoint.com
/java
7.
http://www.javapoint.com/java
-tutorial
8.
https://docs.oracle.com/javase/
tutorial
 Abstraction
The JavaScript Resume Builder is a web application designed to assist
users in creating professional resumes easily and efficiently. This project
leverages the power of JavaScript, HTML, and CSS to provide a user-friendly
interface for generating resumes.

Introduction
The Internet now plays an essential role in how people search for jobs,
as well as how employers and companies find suitable candidates. According
to some resume-writing professionals, traditional resumes, such
as documented resumes or functional resumes, are outdated.

Online resume issuance services make it effortless to make resumes

online and issue them to employers. Specific job search sites, such as
Workopolis.com and Monster.ca, permit you to build and post your resume in
a searchable form.

Employers satisfy with the benefits online resumes offer, including

having admission to a host of possible applicants based on specific search
criteria and limiting their search to applications that possess the exact skills
and qualities they are looking for.

Instantly available

There are multiple benefits to making an online resume. Companies

themselves are growing their usage of online services because they offer
substantial cost savings over traditional hiring strategies. As such, many
enterprises and government organizations will now especially ask job seekers
to post their resumes online in a specific format (e.g., MS Word, HTML, or
PDF), either by uploading them from another location or recreating them on
their website.

However, the primary benefit of online resumes is that they are instant;
sending a resume through the mail is likely to take days, and if a company
requires to hire someone fast, or is looking for temporary or freelance work,
they're unlikely to go to the problem to post advertising, wait for resumes to
arrive, and then sort through them.
 Benefits
JavaScript is a limited-featured client-side programming language.
JavaScript runs at the client end through the user's browser without sending
messages back and forth to the server. It is widely used by web developers to
do things such as build dynamic web pages, respond to events, create
interactive forms, validate data that the visitor enters into a form, control the
browser, etc. This course helps students to create highly interactive web pages
using these features.

Program
<!DOCTYPE html>
<html>
<title>W3.CSS Template</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel='stylesheet' href='https://fonts.googleapis.com/css?
family=Roboto'>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/
font-awesome.min.css">
<style>
html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif}
</style>
<body class="w3-light-grey">

<!-- Page Container -->

<div class="w3-content w3-margin-top" style="max-width:1400px;">

<!-- The Grid -->

<div class="w3-row-padding">

<!-- Left Column -->

<div class="w3-third">

<div class="w3-white w3-text-grey w3-card-4">

<div class="w3-display-container">
<img src="https://media.istockphoto.com/photos/latin-
engineer-working-on-laptop-and-drill-picture-id1048192018?
k=20&m=1048192018&s=612x612&w=0&h=aQL-Q2z-
QTjHMuLq6eI8VeDzW9_p0tAZhKa4hpd2EJw=" style="width:100%" alt="Avatar">
<div class="w3-display-bottomleft w3-container w3-text-
black">
<h2>Jane Doe</h2>
</div>
</div>
<div class="w3-container">
<p><i class="fa fa-briefcase fa-fw w3-margin-right w3-large
w3-text-teal"></i>Mechanical Engineer</p>
<p><i class="fa fa-home fa-fw w3-margin-right w3-large w3-
text-teal"></i>London, UK</p>
 <p><i class="fa fa-envelope fa-fw w3-margin-right w3-large
w3-text-teal"></i>[email protected]</p>
<p><i class="fa fa-phone fa-fw w3-margin-right w3-large w3-
text-teal"></i>1224435534</p>
<hr>

<p class="w3-large"><b><i class="fa fa-asterisk fa-fw w3-

margin-right w3-text-teal"></i>Skills</b></p>
<p>AUTOCAD</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal"
style="width:90%">90%</div>
</div>
<p>CATIA</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal"
style="width:80%">
<div class="w3-center w3-text-white">80%</div>
</div>
</div>
<p>Illustrator</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal"
style="width:75%">75%</div>
</div>
<p>3D MAX</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge w3-teal"
style="width:50%">50%</div>
</div>
<br>

<p class="w3-large w3-text-theme"><b><i class="fa fa-globe

fa-fw w3-margin-right w3-text-teal"></i>Languages</b></p>
<p>English</p>
<div class="w3-light-grey w3-round-xlarge">
<div class="w3-round-xlarge w3-teal"
style="height:24px;width:100%"></div>
</div>
<p>Hindi</p>
<div class="w3-light-grey w3-round-xlarge">
<div class="w3-round-xlarge w3-teal"
style="height:24px;width:55%"></div>
</div>
<p>Marathi</p>
<div class="w3-light-grey w3-round-xlarge">
<div class="w3-round-xlarge w3-teal"
style="height:24px;width:100%"></div>
</div>
<br>
</div>
</div><br>

<!-- End Left Column -->

</div>

<!-- Right Column -->

<div class="w3-twothird">
 <div class="w3-container w3-card w3-white w3-margin-bottom">
<h2 class="w3-text-grey w3-padding-16"><i class="fa fa-suitcase
fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Work Experience</h2>
<div class="w3-container">
<h5 class="w3-opacity"><b>Supervisor At XYZ PVT.LTD </b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-
margin-right"></i>Jan 2015 - <span class="w3-tag w3-teal w3-
round">Current</span></h6>
<p>Lorem ipsum dolor sit amet. Praesentium magnam consectetur
vel in deserunt aspernatur est reprehenderit sunt hic. Nulla tempora
soluta ea et odio, unde doloremque repellendus iure, iste.</p>
<hr>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>Web Developer /
something.com</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-
margin-right"></i>Mar 2012 - Dec 2014</h6>
<p>Consectetur adipisicing elit. Praesentium magnam
consectetur vel in deserunt aspernatur est reprehenderit sunt hic.
Nulla tempora soluta ea et odio, unde doloremque repellendus iure,
iste.</p>
<hr>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>Graphic Designer /
designsomething.com</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-
margin-right"></i>Jun 2010 - Mar 2012</h6>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p><br>
</div>
</div>

<div class="w3-container w3-card w3-white">

<h2 class="w3-text-grey w3-padding-16"><i class="fa fa-
certificate fa-fw w3-margin-right w3-xxlarge
w3-text-teal"></i>Education</h2>
<div class="w3-container">
<h5 class="w3-opacity"><b>W3Schools.com</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-
margin-right"></i>Forever</h6>
<p>Web Development! All I need to know in one place</p>
<hr>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>London Business School</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-
margin-right"></i>2013 - 2015</h6>
<p>Master Degree</p>
<hr>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>School of Coding</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-
margin-right"></i>2010 - 2013</h6>
<p>Bachelor Degree</p><br>
</div>
</div>
 <!-- End Right Column -->
</div>

<!-- End Grid -->

</div>

<!-- End Page Container -->

</div>

<footer class="w3-container w3-teal w3-center w3-margin-top">

<p>Find me on social media.</p>
<i class="fa fa-facebook-official w3-hover-opacity"></i>
<i class="fa fa-instagram w3-hover-opacity"></i>
<i class="fa fa-snapchat w3-hover-opacity"></i>
<i class="fa fa-pinterest-p w3-hover-opacity"></i>
<i class="fa fa-twitter w3-hover-opacity"></i>
<i class="fa fa-linkedin w3-hover-opacity"></i>
<p>Powered by <a href="https://www.w3schools.com/w3css/default.asp"
target="_blank">w3.css</a></p>
</footer>

</body>
</html>
Output
 Conclusion

Posting your resume online improves the chances of a recruiter or hiring

manager finding you. While applying for jobs online is a strong start, your
completed job application often only reaches the one hiring manager for that
specific position.

References

 www.w3school.com
 www.javapoint.com
 www.google.com

Online quiz management using java

Samarth Polytechnic ,Belhe Page 30

CHAPTER 8
REFERENCES

1.Patil,PratekandKarlMoss,2017,JavaDatabaseProgrammingwithJDBC,CoriclisGr
oupBooks
. 2. Sierra,KathyandBertBates,2003,HeadFirstJava,O‟Reilly
. 3. Sarcar,Vaskaran,2018,JavaDesignPatterns,Apress.
4. http://www.javaworld.com/javaworld/jw-01-1998/jw-01-
credentialreveiw.html
5. http://jdbc-tutorial.com
6. https://www.tutorialspoint.com/java
7. http://www.javapoint.com/java-tutorial
8. https://docs.oracle.com/javase/tutorial
thank you !!!