YOUR JOB
PROFILE
0% found this document useful (0 votes)
7 views11 pagesMini Project
Uploaded by
blackdevil12060Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
0% found this document useful (0 votes)
7 views11 pagesMini Project
Uploaded by
blackdevil12060Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
HTML SOURCE CODE
Resume/CV Builder
TE=edge">
fas fa-
symbol">
‘script. js"> CSS SOURCE CODE
@import url('https://fonts..googleapis..com/css2? fami ly=Raleway&display=suap' );
@import _url(‘https://fonts.googleapis.com/css2?
fami ly=Bar Low: wght@500&di splay=swap' ) ;
{
margin: 0%;
padding: 0%;
font-weight: 500;
font-size: 14px;
+
boayt
background: Linear-gradient(135deg, #ESEES 0%, #9a9a9a 100%);
display: grid;
place-items: center;
font-weight: 450;
opacity: 1;
-
snone
display: none;
+
-resume
{
margin-top: 2px;
width: 800px;
box-shadow: rgba(17, 17, 26, 0.1) Opx 4px 16px, rgba(17, 17, 26, 0.1) epx
8px 24px, rgba(17, 17, 26, 0.1) Opx 16px Sépx;
}
fprint
{
background-color: #fff;
padding: 3epx 59px;
height: 1129px;
}
shead
{
display: grid;
grid-template-columns: 3fr 1.5fr;
chead .main .name
font-size: 55px;
font-family: 'Raleway', sans-serif;
}
shead .main span:nth-child(2)
{
color: rgb(10e, 100, 190);
font-size: 55px;
font-family: 'Raleway
margin-left: 5px;
sans-serif;
chead .main post
font-family: 'Barlow', sans-serif;
shead .contacts
text-align: right;
padding-top: 7px;
shead .contacts .content font-weight: 500;
padding-right: Spx;
shead .contacts .symbol
{
margin-right: Spx;
font-size: 15px;
width: 17px;
height: 47px;
line
height: 0.5px;
background-color: rgb(87, 87, 87);
margin: 25px @;
margin-bottom: 5epx;
+
-mainbody
display: grid;
grid-template-colums: 10fr afr 17fr;
height: 909px;
-
-mainbody .border
background-color: rgb(87, 87, 87);
width: 3px;
opacity: 2;
+
smainbody .rightside
i:
padding-left: 15px;
}
title
{
font-weight: 700;
font-size: 18px;
border: none;
padding-bottom: 3px;
border-bottom: 2px greenyellow solid;
}
eskill
t
margin-bottom: 6px;
+
button
7
margin: 15px 0;
3
language
t
margin-bottom: 6px;
3
language span:nth-child(odd)
i:
font-weight: 700;
}
-edublock{
margin-bottom: 10px;
}
-edublock .head
{
font-weight: 790; font-size: 17px;
+
-navbtn
position: fixed;
top: 40%;
left: 4%;
transform: translate(-40%, -4%) ;
height: 60px;
width: 6opx;
border-radius: 50%;
border :#ffF 2px solid;
transition: 300ms ease-in-out;
box-shadow: rgba(17, 17, 26, 0.1) px 4px 16px, rgba(47, 17,
24px, rgba(17, 17, 26, 0.1) Opx 6px S6px;
}
snavbtn:nth-child(2)
{
top: 50%;
left: 4.4%;
transform: translate(-50%, -4.4%);
}
-navbtn:nth-child(3)
{
top: 60%;
left: 4.8%;
transform: translate(-60%, -4.8%);
-navbtn: hover
t
background-color: black;
color: #fFf;
border: #000 2px solid;
height: 65px;
width: 65px;
}
input -checkbox{
margin-right: 10px;
-education-head{
font-weight: 700;
font-size: 17px;
26, 0.1) Opx 8px JAVASCRIPT SOURCE CODE
function printpdf() {
var content = document .get€lementByrd("resume");
const allButtons = document .querySelectorAll("#print button");
al Buttons. forEach(button
button.classList..add("none");
Di
Vet _allinputCheckboxes = document .querySelectorALl(".input-checkbox");
allinputCheckboxes. forEach( input
input .classList .add("none" );
»
allputtons. foreach( button
button.classList .remove("none");
»)
allinputCheckboxes.for€ach(input => {
input .classList .remove("none" );
»
html2pdf (content, {
htmlzcanvas: { scale: 1, logging: true, dpi: 500 }
ni
ig
function addedu() {
const head = document .createElement('div');
document .gete lement Byid ("education") .appendchi1d( head) ;
head. innerHTML = (‘
YOURanbspNAME
231-3212-2132
samplemai email. in
Linkedin/username com
sample street- Indiaanbsp
samplemai email. in
Linkedin/username com
sample street- Indiaanbsp
MY SKILLS
LANGUAGES
ACHIEVEMENTS
INTERESTS
anbspanbspanbspwrite your skill here
anbsp
skillrem" type="button" class="btn btn-danger™ onclick="remskill(event)">
SkillLANGUAGES
LANGNAMEanbsp- level u know
‘angrem" type="button" class="btn btn-danger"
onclick="remLang(event)">
LanguageACHIEVEMENTS
Write your
achievement
INTERESTS
write interest
onclic!
"input-
anbsp
PROFILE
EDUCATION
‘edurem" type="button" class="btn btn-danger"
onclick="remedu(event)">
Education
Here u can write the basic information about your career like
your forte, something about yourself that
you want your interviewer to know. Try to keep it brief and only
provide necessary information. Do not include information which is
already written in your resume in some other section.
EDUCATION
YOUR
DEGREE
Institute name
- Passing Year
NEW
SECTION
anbsp
This is the description part of your new section. Try to stay
within Limit and write something which has less
than 400 characters. The spaces and symbols you use will also be
included so use them for an indentation effect.
- Passing Year
LANGNAME -
level u know
');
saveresume();
}
function remLang(event) {
let val = 0;
const allinputCheckboxes =
event . target .parentElement . getElement sByClassName ("input -checkbox") ;
const array = Array.from(alLInputCheckboxes) ;
if (array. length === 0) {
alert("No fields are present to be deleted!")
3
else {
console. log(array);
array. foreach(element
if (element.checked === true) {
val = 1;
element . parentElement .parentElement .remove();
yn
if (val === 0) alert("Please select the checkboxes to delete the required
field!")
saveresume();
uy
function addach() {
const head = document .createElement('div');
document .get€ LementById( "achievement" ) . appendChild(head) ;
head.innerHTML = (‘Write your
achievement
"); saveresume();
function renach(event) {
let val = 0;
const allinputCheckboxes =
event . target .parentE lement . getElement sByClassName( "input -checkbox") ;
const array = Array. from(allInputCheckboxes) ;
if (array. length === 0) {
alert("No fields are present to be deleted!")
}
else {
console. log(array);
array. foreach(element
if (element .checked
val = 1}
element . parent€lement .parentE lement . remove( );
true) {
}
»
if (val
field!")
3
Saveresume();
}
0) alert("Please select the checkboxes to delete the required
function addint() {
const head = document .createElement('div');
document .getE lementById(" interest") .appendChild(head) ;
head. innerHTML = (‘Write
interest
");
saveresume();
}
function remint(event) {
let val = 0;
const allinputCheckboxes =
event . target .parentELement . getElement sByClassName ("input -checkbox");
const array = Array.from(allInputCheckboxes) ;
if (array. length === 0) {
alert("No fields are present to be deleted!")
-
else {
array. forach(element
if (element checked === true) {
val = 1;
element .parentElement .parentElement . remove();
}
n
if (val === 0) alert("Please select the checkboxes to delete the required
Field!")
-
‘Ssaveresume();
}
Let _maxNewSection
function addsec() {
if (maxNewSection < 2) {
const head = document .createElement(‘div');
document .get€ lement Byid("newsec") appendchild(head) ;
if (maxNewSection === 0) {
head. innerHTML = (‘NEW
SECTION
' ); else { head. innerHTML = (‘
NEW SECTION
');
}
maxNewSection = maxNewSection + 1;
3
else {
alert("Atmost 2 NEW SECTION can be added!")
saveresume();
}
function remsec(event) {
let val = 0;
const allinputCheckboxes =
event . target .parent€ lement. getElement sByClassName( "input -checkbox") ;
const array = Array. from(allInputCheckboxes) ;
if (array. length === 6) {
alert("No fields are present to be deleted!")
+
else {
console. log(array);
array. foreach(element
if (element .checked
val = 1;
maxNewSection = maxNewSection - 1;
element .parentElement .parentElement . remove( );
true) {
2]
if (val
field!")
@) alert("Please select the checkboxes to delete the required
saveresume();
}
function saveresume() {
var sec = document .getElementById("print");
valuel = sec. innerHTML;
var info = document .getelementById("custinfo");
info.value = value1;
Ms YOUR NAME
YOUR JOB PROFILE
MY SKILLS
© write your skill here
LANGUAGES
LANGNAME - level u know
C+
ACHIEVEMENTS
Write your achievement
© Achievement
ee
INTERESTS
Write interest
231-3212-2132 J
[email protected]
linkedin/username.com
sample street-India_
PROFILE
Here u can write the basic information about your career like your
forte, something about yourself that you want you!
know. Try to keep it brief and only provide necessary information.
Do not include information which is already written in your
resume in some other section.
jerviewer to
EDUCATION
YOUR DEGREE
Institute name - Passing Year
NEW SECTION
This is the description part of your new section. Try to stay within
limit and write something which has less than 400 characters.
‘The spaces and symbols you use will also be included so use
them for an indentation effect.
' ); else { head. innerHTML = (‘
NEW SECTION
This is the description part
of your new section, Try to stay within limit and write something which has less
than 499 characters. The spaces and symbols you use will also be included so use
them for an indentation effect.
