Resume Builder Tool
Online Resume Builder
body {
font-family: 'Arial', sans-serif;
background-color: #f8f8f8;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100vh;
}
.container {
text-align: center;
}
h1 {
color: #3498db;
}
.input-section {
margin: 10px 0;
}
label {
display: block;
}
input {
padding: 8px;
width: 100%;
box-sizing: border-box;
margin-top: 4px;
}
button {
margin-top: 20px;
padding: 10px;
background-color: #2ecc71;
color: #fff;
border: none;
cursor: pointer;
border-radius: 4px;
}
button:hover {
background-color: #27ae60;
}
.resume-container {
display: none;
}
function generateResume() {
const resumeForm = document.getElementById('resumeForm');
const resumeOutput = document.getElementById('resumeOutput');
const name = document.getElementById('name').value;
const email = document.getElementById('email').value;
// Add other fields as needed
// Generate the resume using the provided information
const resumeHTML = `
`;
// Update the resume output
resumeOutput.innerHTML = resumeHTML;
// Show the resume section
resumeOutput.style.display = 'block';
}
function downloadResume() {
const resumeOutput = document.getElementById('resumeOutput');
const options = {
margin: 10,
filename: 'resume.pdf',
image: { type: 'jpeg', quality: 0.98 },
html2canvas: { scale: 2 },
jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' },
};
html2pdf().from(resumeOutput).set(options).outputPdf();
}
No comments:
Post a Comment