Free ATS-Friendly Resume Builder \u2013 Create & Download CV Instantly<\/title>\n <meta name=\"description\" content=\"Build your ATS-friendly CV online with our free Resume Builder. Create, preview, and download your resume instantly in PDF or DOCX formats.\">\n \n \n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"SoftwareApplication\",\n \"name\": \"ATS-Friendly Resume Builder\",\n \"applicationCategory\": \"BusinessApplication\",\n \"offers\": {\n \"@type\": \"Offer\",\n \"price\": \"0\",\n \"priceCurrency\": \"USD\"\n }\n }\n <\/script>\n \n \n <meta property=\"og:title\" content=\"Free ATS-Friendly Resume Builder\">\n <meta property=\"og:description\" content=\"Build your ATS-friendly CV online with our free Resume Builder. Create, preview, and download your resume instantly.\">\n <meta property=\"og:type\" content=\"website\">\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n \n \n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\n <script src=\"https:\/\/unpkg.com\/docx@7.8.2\/build\/index.js\"><\/script>\n \n <style>\n :root {\n --primary-color: #2563eb;\n --primary-dark: #1d4ed8;\n --secondary-color: #64748b;\n --light-color: #f8fafc;\n --dark-color: #1e293b;\n --border-color: #e2e8f0;\n --success-color: #10b981;\n --warning-color: #f59e0b;\n --error-color: #ef4444;\n --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n --radius: 8px;\n --transition: all 0.3s ease;\n }\n\n .dark-mode {\n --light-color: #1e293b;\n --dark-color: #f8fafc;\n --border-color: #334155;\n --secondary-color: #94a3b8;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Roboto', sans-serif;\n background-color: #f1f5f9;\n color: var(--dark-color);\n line-height: 1.6;\n transition: var(--transition);\n }\n\n body.dark-mode {\n background-color: #0f172a;\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 20px;\n }\n\n header {\n text-align: center;\n margin-bottom: 30px;\n padding: 20px 0;\n }\n\n h1, h2, h3, h4, h5 {\n font-family: 'Poppins', sans-serif;\n margin-bottom: 15px;\n color: var(--dark-color);\n }\n\n h1 {\n font-size: 2.5rem;\n color: var(--primary-color);\n }\n\n h2 {\n font-size: 1.8rem;\n border-bottom: 2px solid var(--primary-color);\n padding-bottom: 10px;\n margin-bottom: 20px;\n }\n\n h3 {\n font-size: 1.4rem;\n color: var(--primary-color);\n }\n\n p {\n margin-bottom: 15px;\n }\n\n .app {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 30px;\n }\n\n @media (max-width: 992px) {\n .app {\n grid-template-columns: 1fr;\n }\n }\n\n .panel {\n background-color: var(--light-color);\n border-radius: var(--radius);\n padding: 25px;\n box-shadow: var(--shadow);\n transition: var(--transition);\n }\n\n .form-group {\n margin-bottom: 20px;\n }\n\n label {\n display: block;\n margin-bottom: 8px;\n font-weight: 500;\n color: var(--dark-color);\n }\n\n input, textarea, select {\n width: 100%;\n padding: 12px 15px;\n border: 1px solid var(--border-color);\n border-radius: var(--radius);\n font-family: 'Roboto', sans-serif;\n font-size: 16px;\n transition: var(--transition);\n background-color: var(--light-color);\n color: var(--dark-color);\n }\n\n textarea {\n min-height: 100px;\n resize: vertical;\n }\n\n input:focus, textarea:focus, select:focus {\n outline: none;\n border-color: var(--primary-color);\n box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n }\n\n .btn {\n display: inline-block;\n padding: 12px 20px;\n background-color: var(--primary-color);\n color: white;\n border: none;\n border-radius: var(--radius);\n cursor: pointer;\n font-size: 16px;\n font-weight: 500;\n transition: var(--transition);\n text-align: center;\n }\n\n .btn:hover {\n background-color: var(--primary-dark);\n transform: translateY(-2px);\n }\n\n .btn-secondary {\n background-color: var(--secondary-color);\n }\n\n .btn-secondary:hover {\n background-color: #475569;\n }\n\n .btn-success {\n background-color: var(--success-color);\n }\n\n .btn-success:hover {\n background-color: #059669;\n }\n\n .btn-warning {\n background-color: var(--warning-color);\n }\n\n .btn-warning:hover {\n background-color: #d97706;\n }\n\n .btn-danger {\n background-color: var(--error-color);\n }\n\n .btn-danger:hover {\n background-color: #dc2626;\n }\n\n .section-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 15px;\n }\n\n .dynamic-form-elements {\n margin-bottom: 20px;\n }\n\n .form-element {\n background-color: rgba(0, 0, 0, 0.03);\n padding: 15px;\n border-radius: var(--radius);\n margin-bottom: 15px;\n position: relative;\n }\n\n .remove-btn {\n position: absolute;\n top: 10px;\n right: 10px;\n background: var(--error-color);\n color: white;\n width: 25px;\n height: 25px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n font-size: 14px;\n }\n\n .controls {\n display: flex;\n gap: 15px;\n flex-wrap: wrap;\n margin-top: 30px;\n }\n\n .template-selector {\n display: flex;\n gap: 10px;\n margin-bottom: 20px;\n }\n\n .template-btn {\n flex: 1;\n padding: 10px;\n text-align: center;\n border: 2px solid var(--border-color);\n border-radius: var(--radius);\n cursor: pointer;\n transition: var(--transition);\n }\n\n .template-btn.active {\n border-color: var(--primary-color);\n background-color: rgba(37, 99, 235, 0.1);\n }\n\n .resume-preview {\n padding: 30px;\n background: white;\n box-shadow: var(--shadow);\n min-height: 800px;\n color: #1e293b;\n overflow-y: auto;\n }\n\n .dark-mode .resume-preview {\n background: #1e293b;\n color: #f8fafc;\n }\n\n \/* Minimal Template Styles *\/\n .minimal-template .resume-header {\n text-align: center;\n margin-bottom: 20px;\n }\n\n .minimal-template .resume-header h1 {\n font-size: 28px;\n margin-bottom: 5px;\n }\n\n .minimal-template .resume-header h2 {\n font-size: 18px;\n border: none;\n color: var(--secondary-color);\n margin-bottom: 15px;\n }\n\n .minimal-template .contact-info {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 15px;\n margin-bottom: 20px;\n font-size: 15px;\n }\n\n .minimal-template .section {\n margin-bottom: 25px;\n }\n\n .minimal-template .section-title {\n font-size: 20px;\n border-bottom: 1px solid var(--border-color);\n padding-bottom: 5px;\n margin-bottom: 15px;\n }\n\n .minimal-template .experience-item, .minimal-template .education-item {\n margin-bottom: 20px;\n }\n\n .minimal-template .item-header {\n display: flex;\n justify-content: space-between;\n margin-bottom: 5px;\n }\n\n .minimal-template .item-title {\n font-weight: 600;\n font-size: 18px;\n }\n\n .minimal-template .item-subtitle {\n font-style: italic;\n color: var(--secondary-color);\n }\n\n .minimal-template .item-date {\n color: var(--secondary-color);\n }\n\n .minimal-template .skills-list {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n\n .minimal-template .skill-item {\n background-color: rgba(37, 99, 235, 0.1);\n padding: 5px 12px;\n border-radius: 20px;\n font-size: 14px;\n }\n\n \/* Modern Template Styles *\/\n .modern-template {\n display: grid;\n grid-template-columns: 2fr 1fr;\n gap: 30px;\n }\n\n .modern-template .resume-header {\n grid-column: 1 \/ -1;\n text-align: center;\n margin-bottom: 20px;\n }\n\n .modern-template .resume-header h1 {\n font-size: 32px;\n margin-bottom: 5px;\n }\n\n .modern-template .resume-header h2 {\n font-size: 20px;\n border: none;\n color: var(--secondary-color);\n margin-bottom: 15px;\n }\n\n .modern-template .main-content {\n grid-column: 1;\n }\n\n .modern-template .sidebar {\n grid-column: 2;\n }\n\n .modern-template .contact-info {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-bottom: 20px;\n font-size: 15px;\n }\n\n .modern-template .section {\n margin-bottom: 25px;\n }\n\n .modern-template .section-title {\n font-size: 20px;\n border-bottom: 2px solid var(--primary-color);\n padding-bottom: 5px;\n margin-bottom: 15px;\n }\n\n .modern-template .experience-item, .modern-template .education-item {\n margin-bottom: 20px;\n }\n\n .modern-template .item-header {\n display: flex;\n justify-content: space-between;\n margin-bottom: 5px;\n }\n\n .modern-template .item-title {\n font-weight: 600;\n font-size: 18px;\n }\n\n .modern-template .item-subtitle {\n font-weight: 500;\n color: var(--secondary-color);\n }\n\n .modern-template .item-date {\n color: var(--secondary-color);\n }\n\n .modern-template .skills-list {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n\n .modern-template .skill-item {\n background-color: rgba(37, 99, 235, 0.1);\n padding: 5px 12px;\n border-radius: 20px;\n font-size: 14px;\n }\n\n .theme-toggle {\n position: fixed;\n top: 20px;\n right: 20px;\n background: var(--light-color);\n color: var(--dark-color);\n border: 1px solid var(--border-color);\n width: 50px;\n height: 50px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: var(--shadow);\n z-index: 100;\n }\n\n .ats-warnings {\n background-color: rgba(245, 158, 11, 0.1);\n border-left: 4px solid var(--warning-color);\n padding: 15px;\n margin: 20px 0;\n border-radius: 4px;\n }\n\n .ats-warnings h4 {\n color: var(--warning-color);\n margin-bottom: 10px;\n }\n\n .ats-warnings ul {\n padding-left: 20px;\n }\n\n .ats-warnings li {\n margin-bottom: 5px;\n }\n\n .hidden {\n display: none;\n }\n\n .json-import-export {\n margin-top: 20px;\n }\n\n .json-textarea {\n width: 100%;\n min-height: 120px;\n font-family: monospace;\n margin-bottom: 10px;\n }\n\n .profile-picture-container {\n text-align: center;\n margin-bottom: 20px;\n }\n\n .profile-picture {\n width: 150px;\n height: 150px;\n border-radius: 50%;\n object-fit: cover;\n border: 3px solid var(--primary-color);\n margin-bottom: 10px;\n }\n\n .upload-btn {\n display: inline-block;\n padding: 8px 15px;\n background-color: var(--secondary-color);\n color: white;\n border-radius: var(--radius);\n cursor: pointer;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"theme-toggle\" id=\"themeToggle\">\ud83c\udf19<\/div>\n \n <div class=\"container\">\n <header>\n <h1>Free ATS-Friendly Resume Builder<\/h1>\n <p>Create a professional resume that passes Applicant Tracking Systems with ease<\/p>\n <\/header>\n \n <div class=\"app\">\n <div class=\"panel form-panel\">\n <h2>Your Information<\/h2>\n \n <div class=\"form-group\">\n <label for=\"fullName\">Full Name *<\/label>\n <input type=\"text\" id=\"fullName\" placeholder=\"John Doe\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"jobTitle\">Job Title *<\/label>\n <input type=\"text\" id=\"jobTitle\" placeholder=\"Software Engineer\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"email\">Email *<\/label>\n <input type=\"email\" id=\"email\" placeholder=\"john.doe@example.com\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"phone\">Phone<\/label>\n <input type=\"tel\" id=\"phone\" placeholder=\"+1 (555) 123-4567\">\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"address\">Address<\/label>\n <input type=\"text\" id=\"address\" placeholder=\"New York, NY\">\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"linkedin\">LinkedIn<\/label>\n <input type=\"url\" id=\"linkedin\" placeholder=\"https:\/\/linkedin.com\/in\/johndoe\">\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"github\">GitHub<\/label>\n <input type=\"url\" id=\"github\" placeholder=\"https:\/\/github.com\/johndoe\">\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"profileSummary\">Professional Summary<\/label>\n <textarea id=\"profileSummary\" placeholder=\"Experienced software engineer with 5+ years of experience in...\"><\/textarea>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"profilePicture\">Profile Picture (optional)<\/label>\n <div class=\"profile-picture-container\">\n <img decoding=\"async\" id=\"profilePreview\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAP\/\/\/wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" class=\"profile-picture hidden\">\n <label for=\"profilePicture\" class=\"upload-btn\">Choose Image<\/label>\n <input type=\"file\" id=\"profilePicture\" accept=\"image\/*\" class=\"hidden\">\n <\/div>\n <\/div>\n \n <div class=\"section-header\">\n <h3>Work Experience<\/h3>\n <button class=\"btn btn-secondary\" id=\"addExperience\">+ Add<\/button>\n <\/div>\n \n <div class=\"dynamic-form-elements\" id=\"experienceContainer\">\n \n <\/div>\n \n <div class=\"section-header\">\n <h3>Education<\/h3>\n <button class=\"btn btn-secondary\" id=\"addEducation\">+ Add<\/button>\n <\/div>\n \n <div class=\"dynamic-form-elements\" id=\"educationContainer\">\n \n <\/div>\n \n <div class=\"form-group\">\n <label for=\"skills\">Skills (comma separated)<\/label>\n <textarea id=\"skills\" placeholder=\"JavaScript, React, Node.js, Python\"><\/textarea>\n <\/div>\n \n <div class=\"json-import-export\">\n <h3>Import\/Export Data<\/h3>\n <textarea class=\"json-textarea\" id=\"jsonData\" placeholder='Paste JSON data here or leave empty to export current data'><\/textarea>\n <button class=\"btn btn-secondary\" id=\"importJson\">Import JSON<\/button>\n <button class=\"btn btn-secondary\" id=\"exportJson\">Export JSON<\/button>\n <\/div>\n \n <div class=\"ats-warnings hidden\" id=\"atsWarnings\">\n <h4>ATS Compatibility Warnings<\/h4>\n <ul id=\"warningsList\"><\/ul>\n <\/div>\n \n <div class=\"controls\">\n <button class=\"btn btn-success\" id=\"checkAts\">Check ATS<\/button>\n <button class=\"btn btn-danger\" id=\"resetForm\">Reset<\/button>\n <\/div>\n <\/div>\n \n <div class=\"panel preview-panel\">\n <h2>Resume Preview<\/h2>\n \n <div class=\"template-selector\">\n <div class=\"template-btn active\" data-template=\"minimal\">Minimal<\/div>\n <div class=\"template-btn\" data-template=\"modern\">Modern<\/div>\n <\/div>\n \n <div class=\"resume-preview\" id=\"resumePreview\">\n \n <\/div>\n \n <div class=\"controls\">\n <button class=\"btn\" id=\"downloadPdf\">Download PDF<\/button>\n <button class=\"btn\" id=\"downloadDocx\">Download DOCX<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Wait for the DOM to be fully loaded\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Initialize the resume builder application\n initResumeBuilder();\n });\n\n function initResumeBuilder() {\n \/\/ Initialize variables and state\n const state = {\n template: 'minimal',\n profilePicture: null,\n formData: {\n fullName: '',\n jobTitle: '',\n email: '',\n phone: '',\n address: '',\n linkedin: '',\n github: '',\n profileSummary: '',\n experiences: [],\n education: [],\n skills: ''\n }\n };\n\n \/\/ DOM Elements\n const themeToggle = document.getElementById('themeToggle');\n const resumePreview = document.getElementById('resumePreview');\n const templateButtons = document.querySelectorAll('.template-btn');\n const atsWarnings = document.getElementById('atsWarnings');\n const warningsList = document.getElementById('warningsList');\n \n \/\/ Form input elements\n const inputIds = [\n 'fullName', 'jobTitle', 'email', 'phone', 'address', \n 'linkedin', 'github', 'profileSummary', 'skills'\n ];\n \n const formInputs = {};\n inputIds.forEach(id => {\n formInputs[id] = document.getElementById(id);\n });\n\n \/\/ Initialize with empty experience and education entries\n addExperienceEntry();\n addEducationEntry();\n\n \/\/ Load saved data from localStorage if available\n loadFromLocalStorage();\n\n \/\/ Set up event listeners\n setUpEventListeners();\n\n \/\/ Initial render\n renderResume();\n\n \/\/ Function to set up all event listeners\n function setUpEventListeners() {\n \/\/ Theme toggle\n themeToggle.addEventListener('click', toggleTheme);\n\n \/\/ Template selection\n templateButtons.forEach(btn => {\n btn.addEventListener('click', () => {\n templateButtons.forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n state.template = btn.dataset.template;\n renderResume();\n });\n });\n\n \/\/ Form input changes\n Object.keys(formInputs).forEach(key => {\n formInputs[key].addEventListener('input', () => {\n state.formData[key] = formInputs[key].value;\n saveToLocalStorage();\n renderResume();\n });\n });\n\n \/\/ Skills input\n formInputs.skills.addEventListener('input', () => {\n state.formData.skills = formInputs.skills.value;\n saveToLocalStorage();\n renderResume();\n });\n\n \/\/ Add experience\/education\n document.getElementById('addExperience').addEventListener('click', addExperienceEntry);\n document.getElementById('addEducation').addEventListener('click', addEducationEntry);\n\n \/\/ Profile picture upload\n document.getElementById('profilePicture').addEventListener('change', handleProfilePictureUpload);\n\n \/\/ Download buttons\n document.getElementById('downloadPdf').addEventListener('click', generatePDF);\n document.getElementById('downloadDocx').addEventListener('click', generateDOCX);\n\n \/\/ ATS check\n document.getElementById('checkAts').addEventListener('click', checkATS);\n\n \/\/ Reset form\n document.getElementById('resetForm').addEventListener('click', resetForm);\n\n \/\/ JSON import\/export\n document.getElementById('importJson').addEventListener('click', importJSON);\n document.getElementById('exportJson').addEventListener('click', exportJSON);\n }\n\n \/\/ Toggle between light and dark mode\n function toggleTheme() {\n document.body.classList.toggle('dark-mode');\n themeToggle.textContent = document.body.classList.contains('dark-mode') ? '\u2600\ufe0f' : '\ud83c\udf19';\n localStorage.setItem('darkMode', document.body.classList.contains('dark-mode'));\n }\n\n \/\/ Check if dark mode was previously enabled\n if (localStorage.getItem('darkMode') === 'true') {\n document.body.classList.add('dark-mode');\n themeToggle.textContent = '\u2600\ufe0f';\n }\n\n \/\/ Add a new experience entry\n function addExperienceEntry(experience = {}) {\n const experienceId = Date.now() + Math.random().toString(36).substr(2, 5);\n const experienceContainer = document.getElementById('experienceContainer');\n \n const experienceElement = document.createElement('div');\n experienceElement.classList.add('form-element');\n experienceElement.innerHTML = `\n <div class=\"remove-btn\" data-remove=\"experience-${experienceId}\">\u00d7<\/div>\n <div class=\"form-group\">\n <label for=\"experience-${experienceId}-title\">Job Title<\/label>\n <input type=\"text\" id=\"experience-${experienceId}-title\" placeholder=\"Senior Developer\" value=\"${experience.title || ''}\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"experience-${experienceId}-company\">Company<\/label>\n <input type=\"text\" id=\"experience-${experienceId}-company\" placeholder=\"Tech Corp Inc.\" value=\"${experience.company || ''}\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"experience-${experienceId}-start\">Start Date<\/label>\n <input type=\"text\" id=\"experience-${experienceId}-start\" placeholder=\"Jan 2020\" value=\"${experience.start || ''}\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"experience-${experienceId}-end\">End Date<\/label>\n <input type=\"text\" id=\"experience-${experienceId}-end\" placeholder=\"Present\" value=\"${experience.end || ''}\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"experience-${experienceId}-description\">Description<\/label>\n <textarea id=\"experience-${experienceId}-description\" placeholder=\"Responsible for...\">${experience.description || ''}<\/textarea>\n <\/div>\n `;\n \n experienceContainer.appendChild(experienceElement);\n \n \/\/ Set up event listeners for the new inputs\n const titleInput = document.getElementById(`experience-${experienceId}-title`);\n const companyInput = document.getElementById(`experience-${experienceId}-company`);\n const startInput = document.getElementById(`experience-${experienceId}-start`);\n const endInput = document.getElementById(`experience-${experienceId}-end`);\n const descriptionInput = document.getElementById(`experience-${experienceId}-description`);\n \n titleInput.addEventListener('input', updateExperiences);\n companyInput.addEventListener('input', updateExperiences);\n startInput.addEventListener('input', updateExperiences);\n endInput.addEventListener('input', updateExperiences);\n descriptionInput.addEventListener('input', updateExperiences);\n \n \/\/ Set up remove button\n const removeBtn = experienceElement.querySelector('.remove-btn');\n removeBtn.addEventListener('click', function() {\n experienceElement.remove();\n updateExperiences();\n });\n \n \/\/ Initialize with provided data or empty\n if (experience.title) updateExperiences();\n }\n\n \/\/ Add a new education entry\n function addEducationEntry(education = {}) {\n const educationId = Date.now() + Math.random().toString(36).substr(2, 5);\n const educationContainer = document.getElementById('educationContainer');\n \n const educationElement = document.createElement('div');\n educationElement.classList.add('form-element');\n educationElement.innerHTML = `\n <div class=\"remove-btn\" data-remove=\"education-${educationId}\">\u00d7<\/div>\n <div class=\"form-group\">\n <label for=\"education-${educationId}-degree\">Degree<\/label>\n <input type=\"text\" id=\"education-${educationId}-degree\" placeholder=\"Bachelor of Science\" value=\"${education.degree || ''}\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"education-${educationId}-institution\">Institution<\/label>\n <input type=\"text\" id=\"education-${educationId}-institution\" placeholder=\"University of Technology\" value=\"${education.institution || ''}\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"education-${educationId}-start\">Start Date<\/label>\n <input type=\"text\" id=\"education-${educationId}-start\" placeholder=\"2015\" value=\"${education.start || ''}\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"education-${educationId}-end\">End Date<\/label>\n <input type=\"text\" id=\"education-${educationId}-end\" placeholder=\"2019\" value=\"${education.end || ''}\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"education-${educationId}-description\">Description<\/label>\n <textarea id=\"education-${educationId}-description\" placeholder=\"Relevant coursework...\">${education.description || ''}<\/textarea>\n <\/div>\n `;\n \n educationContainer.appendChild(educationElement);\n \n \/\/ Set up event listeners for the new inputs\n const degreeInput = document.getElementById(`education-${educationId}-degree`);\n const institutionInput = document.getElementById(`education-${educationId}-institution`);\n const startInput = document.getElementById(`education-${educationId}-start`);\n const endInput = document.getElementById(`education-${educationId}-end`);\n const descriptionInput = document.getElementById(`education-${educationId}-description`);\n \n degreeInput.addEventListener('input', updateEducation);\n institutionInput.addEventListener('input', updateEducation);\n startInput.addEventListener('input', updateEducation);\n endInput.addEventListener('input', updateEducation);\n descriptionInput.addEventListener('input', updateEducation);\n \n \/\/ Set up remove button\n const removeBtn = educationElement.querySelector('.remove-btn');\n removeBtn.addEventListener('click', function() {\n educationElement.remove();\n updateEducation();\n });\n \n \/\/ Initialize with provided data or empty\n if (education.degree) updateEducation();\n }\n\n \/\/ Update experiences array from form inputs\n function updateExperiences() {\n state.formData.experiences = [];\n const experienceElements = document.querySelectorAll('#experienceContainer .form-element');\n \n experienceElements.forEach(element => {\n const title = element.querySelector('input[id$=\"-title\"]').value;\n const company = element.querySelector('input[id$=\"-company\"]').value;\n const start = element.querySelector('input[id$=\"-start\"]').value;\n const end = element.querySelector('input[id$=\"-end\"]').value;\n const description = element.querySelector('textarea').value;\n \n if (title || company) {\n state.formData.experiences.push({\n title, company, start, end, description\n });\n }\n });\n \n saveToLocalStorage();\n renderResume();\n }\n\n \/\/ Update education array from form inputs\n function updateEducation() {\n state.formData.education = [];\n const educationElements = document.querySelectorAll('#educationContainer .form-element');\n \n educationElements.forEach(element => {\n const degree = element.querySelector('input[id$=\"-degree\"]').value;\n const institution = element.querySelector('input[id$=\"-institution\"]').value;\n const start = element.querySelector('input[id$=\"-start\"]').value;\n const end = element.querySelector('input[id$=\"-end\"]').value;\n const description = element.querySelector('textarea').value;\n \n if (degree || institution) {\n state.formData.education.push({\n degree, institution, start, end, description\n });\n }\n });\n \n saveToLocalStorage();\n renderResume();\n }\n\n \/\/ Handle profile picture upload\n function handleProfilePictureUpload(e) {\n const file = e.target.files[0];\n if (!file) return;\n \n if (!file.type.match('image.*')) {\n alert('Please select an image file.');\n return;\n }\n \n const reader = new FileReader();\n reader.onload = function(e) {\n state.profilePicture = e.target.result;\n const preview = document.getElementById('profilePreview');\n preview.src = state.profilePicture;\n preview.classList.remove('hidden');\n saveToLocalStorage();\n renderResume();\n };\n reader.readAsDataURL(file);\n }\n\n \/\/ Render the resume preview\n function renderResume() {\n if (state.template === 'minimal') {\n renderMinimalTemplate();\n } else {\n renderModernTemplate();\n }\n }\n\n \/\/ Render minimal template\n function renderMinimalTemplate() {\n resumePreview.innerHTML = '';\n resumePreview.classList.add('minimal-template');\n resumePreview.classList.remove('modern-template');\n \n let html = `\n <div class=\"resume-header\">\n <h1>${state.formData.fullName || 'Your Name'}<\/h1>\n <h2>${state.formData.jobTitle || 'Professional Title'}<\/h2>\n <div class=\"contact-info\">\n ${state.formData.email ? `<span>${state.formData.email}<\/span>` : ''}\n ${state.formData.phone ? `<span>${state.formData.phone}<\/span>` : ''}\n ${state.formData.address ? `<span>${state.formData.address}<\/span>` : ''}\n ${state.formData.linkedin ? `<span>${state.formData.linkedin}<\/span>` : ''}\n ${state.formData.github ? `<span>${state.formData.github}<\/span>` : ''}\n <\/div>\n <\/div>\n `;\n \n if (state.formData.profileSummary) {\n html += `\n <div class=\"section\">\n <h3 class=\"section-title\">Summary<\/h3>\n <p>${state.formData.profileSummary}<\/p>\n <\/div>\n `;\n }\n \n if (state.formData.experiences.length > 0) {\n html += `\n <div class=\"section\">\n <h3 class=\"section-title\">Work Experience<\/h3>\n `;\n \n state.formData.experiences.forEach(exp => {\n html += `\n <div class=\"experience-item\">\n <div class=\"item-header\">\n <div class=\"item-title\">${exp.title || 'Job Title'}<\/div>\n <div class=\"item-date\">${exp.start || 'Start'} - ${exp.end || 'End'}<\/div>\n <\/div>\n <div class=\"item-subtitle\">${exp.company || 'Company Name'}<\/div>\n <p>${exp.description || ''}<\/p>\n <\/div>\n `;\n });\n \n html += `<\/div>`;\n }\n \n if (state.formData.education.length > 0) {\n html += `\n <div class=\"section\">\n <h3 class=\"section-title\">Education<\/h3>\n `;\n \n state.formData.education.forEach(edu => {\n html += `\n <div class=\"education-item\">\n <div class=\"item-header\">\n <div class=\"item-title\">${edu.degree || 'Degree'}<\/div>\n <div class=\"item-date\">${edu.start || 'Start'} - ${edu.end || 'End'}<\/div>\n <\/div>\n <div class=\"item-subtitle\">${edu.institution || 'Institution'}<\/div>\n <p>${edu.description || ''}<\/p>\n <\/div>\n `;\n });\n \n html += `<\/div>`;\n }\n \n if (state.formData.skills) {\n const skillsArray = state.formData.skills.split(',').map(skill => skill.trim()).filter(skill => skill);\n if (skillsArray.length > 0) {\n html += `\n <div class=\"section\">\n <h3 class=\"section-title\">Skills<\/h3>\n <div class=\"skills-list\">\n `;\n \n skillsArray.forEach(skill => {\n html += `<div class=\"skill-item\">${skill}<\/div>`;\n });\n \n html += `\n <\/div>\n <\/div>\n `;\n }\n }\n \n resumePreview.innerHTML = html;\n }\n\n \/\/ Render modern template\n function renderModernTemplate() {\n resumePreview.innerHTML = '';\n resumePreview.classList.add('modern-template');\n resumePreview.classList.remove('minimal-template');\n \n let html = `\n <div class=\"resume-header\">\n <h1>${state.formData.fullName || 'Your Name'}<\/h1>\n <h2>${state.formData.jobTitle || 'Professional Title'}<\/h2>\n <\/div>\n <div class=\"main-content\">\n `;\n \n if (state.formData.profileSummary) {\n html += `\n <div class=\"section\">\n <h3 class=\"section-title\">Professional Summary<\/h3>\n <p>${state.formData.profileSummary}<\/p>\n <\/div>\n `;\n }\n \n if (state.formData.experiences.length > 0) {\n html += `\n <div class=\"section\">\n <h3 class=\"section-title\">Work Experience<\/h3>\n `;\n \n state.formData.experiences.forEach(exp => {\n html += `\n <div class=\"experience-item\">\n <div class=\"item-header\">\n <div>\n <div class=\"item-title\">${exp.title || 'Job Title'}<\/div>\n <div class=\"item-subtitle\">${exp.company || 'Company Name'}<\/div>\n <\/div>\n <div class=\"item-date\">${exp.start || 'Start'} - ${exp.end || 'End'}<\/div>\n <\/div>\n <p>${exp.description || ''}<\/p>\n <\/div>\n `;\n });\n \n html += `<\/div>`;\n }\n \n html += `<\/div><div class=\"sidebar\">`;\n \n html += `\n <div class=\"section\">\n <h3 class=\"section-title\">Contact Information<\/h3>\n <div class=\"contact-info\">\n ${state.formData.email ? `<div><strong>Email:<\/strong> ${state.formData.email}<\/div>` : ''}\n ${state.formData.phone ? `<div><strong>Phone:<\/strong> ${state.formData.phone}<\/div>` : ''}\n ${state.formData.address ? `<div><strong>Location:<\/strong> ${state.formData.address}<\/div>` : ''}\n ${state.formData.linkedin ? `<div><strong>LinkedIn:<\/strong> ${state.formData.linkedin}<\/div>` : ''}\n ${state.formData.github ? `<div><strong>GitHub:<\/strong> ${state.formData.github}<\/div>` : ''}\n <\/div>\n <\/div>\n `;\n \n if (state.formData.education.length > 0) {\n html += `\n <div class=\"section\">\n <h3 class=\"section-title\">Education<\/h3>\n `;\n \n state.formData.education.forEach(edu => {\n html += `\n <div class=\"education-item\">\n <div class=\"item-title\">${edu.degree || 'Degree'}<\/div>\n <div class=\"item-subtitle\">${edu.institution || 'Institution'}<\/div>\n <div class=\"item-date\">${edu.start || 'Start'} - ${edu.end || 'End'}<\/div>\n <\/div>\n `;\n });\n \n html += `<\/div>`;\n }\n \n if (state.formData.skills) {\n const skillsArray = state.formData.skills.split(',').map(skill => skill.trim()).filter(skill => skill);\n if (skillsArray.length > 0) {\n html += `\n <div class=\"section\">\n <h3 class=\"section-title\">Skills<\/h3>\n <div class=\"skills-list\">\n `;\n \n skillsArray.forEach(skill => {\n html += `<div class=\"skill-item\">${skill}<\/div>`;\n });\n \n html += `\n <\/div>\n <\/div>\n `;\n }\n }\n \n html += `<\/div>`;\n resumePreview.innerHTML = html;\n }\n\n \/\/ Save data to localStorage\n function saveToLocalStorage() {\n const dataToSave = {\n formData: state.formData,\n profilePicture: state.profilePicture,\n template: state.template\n };\n localStorage.setItem('resumeData', JSON.stringify(dataToSave));\n }\n\n \/\/ Load data from localStorage\n function loadFromLocalStorage() {\n const savedData = localStorage.getItem('resumeData');\n if (savedData) {\n const parsedData = JSON.parse(savedData);\n \n \/\/ Update form inputs\n Object.keys(parsedData.formData).forEach(key => {\n if (formInputs[key]) {\n formInputs[key].value = parsedData.formData[key] || '';\n state.formData[key] = parsedData.formData[key] || '';\n }\n });\n \n \/\/ Update experiences\n const experienceContainer = document.getElementById('experienceContainer');\n experienceContainer.innerHTML = '';\n if (parsedData.formData.experiences && parsedData.formData.experiences.length > 0) {\n parsedData.formData.experiences.forEach(exp => {\n addExperienceEntry(exp);\n });\n } else {\n addExperienceEntry();\n }\n \n \/\/ Update education\n const educationContainer = document.getElementById('educationContainer');\n educationContainer.innerHTML = '';\n if (parsedData.formData.education && parsedData.formData.education.length > 0) {\n parsedData.formData.education.forEach(edu => {\n addEducationEntry(edu);\n });\n } else {\n addEducationEntry();\n }\n \n \/\/ Update profile picture\n if (parsedData.profilePicture) {\n state.profilePicture = parsedData.profilePicture;\n const preview = document.getElementById('profilePreview');\n preview.src = state.profilePicture;\n preview.classList.remove('hidden');\n }\n \n \/\/ Update template\n if (parsedData.template) {\n state.template = parsedData.template;\n templateButtons.forEach(btn => {\n btn.classList.remove('active');\n if (btn.dataset.template === state.template) {\n btn.classList.add('active');\n }\n });\n }\n }\n }\n\n \/\/ Generate PDF using jsPDF and html2canvas\n function generatePDF() {\n \/\/ Create a clone of the resume preview to avoid affecting the visible one\n const source = document.getElementById('resumePreview');\n const clone = source.cloneNode(true);\n \n \/\/ Remove any interactive elements for the PDF\n clone.querySelectorAll('button, input, textarea, select').forEach(el => el.remove());\n \n \/\/ Temporarily append to document to get proper dimensions\n clone.style.position = 'absolute';\n clone.style.left = '-9999px';\n document.body.appendChild(clone);\n \n html2canvas(clone, {\n scale: 2,\n useCORS: true,\n logging: false\n }).then(canvas => {\n \/\/ Remove the clone\n document.body.removeChild(clone);\n \n const imgData = canvas.toDataURL('image\/png');\n const pdf = new jspdf.jsPDF({\n orientation: 'portrait',\n unit: 'mm',\n format: 'a4'\n });\n \n const imgWidth = 210; \/\/ A4 width in mm\n const pageHeight = 297; \/\/ A4 height in mm\n const imgHeight = canvas.height * imgWidth \/ canvas.width;\n let heightLeft = imgHeight;\n let position = 0;\n \n pdf.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);\n heightLeft -= pageHeight;\n \n \/\/ Add additional pages if needed\n while (heightLeft >= 0) {\n position = heightLeft - imgHeight;\n pdf.addPage();\n pdf.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);\n heightLeft -= pageHeight;\n }\n \n pdf.save(`${state.formData.fullName || 'resume'}.pdf`);\n });\n }\n\n \/\/ Generate DOCX using docx.js\n function generateDOCX() {\n \/\/ This is a simplified version - in a real application, you would need to \n \/\/ properly map all the resume data to the DOCX document structure\n alert(\"DOCX export would be implemented here with the docx.js library. In a production environment, this would generate a properly formatted Word document.\");\n \n \/\/ Example of how you might structure the DOCX generation code:\n \/*\n const { Document, Paragraph, TextRun, HeadingLevel, Packer } = docx;\n \n const doc = new Document({\n sections: [{\n properties: {},\n children: [\n new Paragraph({\n text: state.formData.fullName || \"Your Name\",\n heading: HeadingLevel.HEADING_1\n }),\n new Paragraph({\n text: state.formData.jobTitle || \"Professional Title\"\n }),\n \/\/ Add more content here based on the resume data\n ]\n }]\n });\n \n Packer.toBlob(doc).then(blob => {\n saveAs(blob, `${state.formData.fullName || 'resume'}.docx`);\n });\n *\/\n }\n\n \/\/ Check for ATS compatibility issues\n function checkATS() {\n const warnings = [];\n \n \/\/ Check for missing key information\n if (!state.formData.fullName) warnings.push(\"Missing full name\");\n if (!state.formData.jobTitle) warnings.push(\"Missing job title\");\n if (!state.formData.email) warnings.push(\"Missing email address\");\n \n \/\/ Check experiences\n if (state.formData.experiences.length === 0) {\n warnings.push(\"No work experience added\");\n } else {\n state.formData.experiences.forEach((exp, index) => {\n if (!exp.title) warnings.push(`Experience #${index + 1} missing job title`);\n if (!exp.company) warnings.push(`Experience #${index + 1} missing company name`);\n if (!exp.start) warnings.push(`Experience #${index + 1} missing start date`);\n });\n }\n \n \/\/ Check education\n if (state.formData.education.length === 0) {\n warnings.push(\"No education added\");\n } else {\n state.formData.education.forEach((edu, index) => {\n if (!edu.degree) warnings.push(`Education #${index + 1} missing degree`);\n if (!edu.institution) warnings.push(`Education #${index + 1} missing institution`);\n });\n }\n \n \/\/ Check skills\n if (!state.formData.skills) {\n warnings.push(\"No skills added\");\n }\n \n \/\/ Display warnings\n if (warnings.length > 0) {\n warningsList.innerHTML = '';\n warnings.forEach(warning => {\n const li = document.createElement('li');\n li.textContent = warning;\n warningsList.appendChild(li);\n });\n atsWarnings.classList.remove('hidden');\n } else {\n atsWarnings.classList.add('hidden');\n alert(\"No ATS compatibility issues found! Your resume looks good.\");\n }\n }\n\n \/\/ Reset the form\n function resetForm() {\n if (confirm(\"Are you sure you want to reset all data? This cannot be undone.\")) {\n \/\/ Clear form inputs\n Object.keys(formInputs).forEach(key => {\n formInputs[key].value = '';\n state.formData[key] = '';\n });\n \n \/\/ Clear experiences and education\n document.getElementById('experienceContainer').innerHTML = '';\n document.getElementById('educationContainer').innerHTML = '';\n state.formData.experiences = [];\n state.formData.education = [];\n \n \/\/ Add empty entries\n addExperienceEntry();\n addEducationEntry();\n \n \/\/ Clear profile picture\n state.profilePicture = null;\n const preview = document.getElementById('profilePreview');\n preview.src = 'data:image\/gif;base64,R0lGODlhAQABAIAAAP\/\/\/wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==';\n preview.classList.add('hidden');\n \n \/\/ Clear ATS warnings\n atsWarnings.classList.add('hidden');\n \n \/\/ Reset template to minimal\n state.template = 'minimal';\n templateButtons.forEach(btn => {\n btn.classList.remove('active');\n if (btn.dataset.template === 'minimal') {\n btn.classList.add('active');\n }\n });\n \n \/\/ Clear localStorage\n localStorage.removeItem('resumeData');\n \n \/\/ Re-render\n renderResume();\n }\n }\n\n \/\/ Export data as JSON\n function exportJSON() {\n const dataToExport = {\n formData: state.formData,\n profilePicture: state.profilePicture\n };\n \n document.getElementById('jsonData').value = JSON.stringify(dataToExport, null, 2);\n }\n\n \/\/ Import data from JSON\n function importJSON() {\n const jsonString = document.getElementById('jsonData').value;\n \n if (!jsonString) {\n alert(\"Please paste JSON data to import.\");\n return;\n }\n \n try {\n const importedData = JSON.parse(jsonString);\n \n \/\/ Update form inputs\n if (importedData.formData) {\n Object.keys(importedData.formData).forEach(key => {\n if (formInputs[key]) {\n formInputs[key].value = importedData.formData[key] || '';\n state.formData[key] = importedData.formData[key] || '';\n }\n });\n }\n \n \/\/ Update experiences\n const experienceContainer = document.getElementById('experienceContainer');\n experienceContainer.innerHTML = '';\n if (importedData.formData && importedData.formData.experiences && importedData.formData.experiences.length > 0) {\n importedData.formData.experiences.forEach(exp => {\n addExperienceEntry(exp);\n });\n } else {\n addExperienceEntry();\n }\n \n \/\/ Update education\n const educationContainer = document.getElementById('educationContainer');\n educationContainer.innerHTML = '';\n if (importedData.formData && importedData.formData.education && importedData.formData.education.length > 0) {\n importedData.formData.education.forEach(edu => {\n addEducationEntry(edu);\n });\n } else {\n addEducationEntry();\n }\n \n \/\/ Update profile picture\n if (importedData.profilePicture) {\n state.profilePicture = importedData.profilePicture;\n const preview = document.getElementById('profilePreview');\n preview.src = state.profilePicture;\n preview.classList.remove('hidden');\n }\n \n \/\/ Save to localStorage\n saveToLocalStorage();\n \n \/\/ Re-render\n renderResume();\n \n alert(\"Data imported successfully!\");\n } catch (e) {\n alert(\"Error parsing JSON: \" + e.message);\n }\n }\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:88px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-449fdaee\"><h2 class=\"uagb-heading-text\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-1-color\">Short <\/mark><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-3-color\">description<\/mark><\/strong><\/h2><\/div>\n\n\n\n<p class=\"has-ast-global-color-3-color has-ast-global-color-6-background-color has-text-color has-background has-link-color has-medium-font-size wp-elements-539d43617e84bd63fe2f5403a8e7dff8\" style=\"border-radius:65px\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-2-color\">Our free online Resume & CV Builder helps you create a professional and job-winning resume in just a few clicks.<br>With ATS-friendly templates, your resume is optimized to pass Applicant Tracking Systems used by top companies.<br>You can easily customize, edit, and export your resume in PDF or Word formats.<\/mark><\/p>\n\n\n\n<p class=\"has-ast-global-color-3-color has-ast-global-color-6-background-color has-text-color has-background has-link-color has-medium-font-size wp-elements-711f9f3822178b41842df8bdccae1aab\" style=\"border-radius:65px\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-2-color\">Whether you’re a student, professional, or career changer, our resume builder gives you the tools to stand out in the job market.<\/mark><\/p>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-96500e87\"><h2 class=\"uagb-heading-text\"><strong> <strong>Tips for <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-1-color\">Writing <\/mark>a Job-Winning Resume<\/strong><\/strong><\/h2><\/div>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-medium-font-size\" style=\"border-radius:39px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--60)\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-2-color\">Keep your resume clear and concise<\/mark><\/p>\n\n\n\n<p class=\"has-medium-font-size\" style=\"border-radius:39px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--60)\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-2-color\">Use action verbs and measurable achievements<\/mark><\/p>\n\n\n\n<p class=\"has-medium-font-size\" style=\"border-radius:39px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--60)\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-2-color\">Customize your resume for each job application<\/mark><\/p>\n\n\n\n<p class=\"has-medium-font-size\" style=\"border-radius:39px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--60)\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-2-color\">Highlight your most relevant skills<\/mark><\/p>\n\n\n\n<p class=\"has-medium-font-size\" style=\"border-radius:39px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--60)\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-2-color\">Make sure your resume passes ATS checks<\/mark><\/p>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-4b23c169\"><h2 class=\"uagb-heading-text\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-1-color\">Why <\/mark>Choose Our Resume Builder?<\/strong><\/h2><\/div>\n\n\n\n<div style=\"height:49px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-medium-font-size\" style=\"border-radius:39px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--60)\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-2-color\">Our resume builder is designed to help you create a professional, ATS-friendly CV in just minutes. With customizable templates, real-time previews, and SEO-optimized designs, you\u2019ll stand out to recruiters and get noticed faster.<\/mark><\/p>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:64px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-center has-large-font-size\" style=\"border-radius:39px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--60)\"><strong>(<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-1-color\">FAQ<\/mark>)<\/strong><\/p>\n\n\n\n\n<section class=\"faq-section\" id=\"faq\">\n <h2>Frequently Asked Questions<\/h2>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">Is this resume builder free to use?<\/button>\n <div class=\"faq-answer\">\n <p>Yes, our resume builder is 100% free with no hidden charges.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">Can I download my resume in PDF format?<\/button>\n <div class=\"faq-answer\">\n <p>Absolutely! You can download your resume instantly in ATS-friendly PDF format.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">Will my resume be ATS-friendly?<\/button>\n <div class=\"faq-answer\">\n <p>Yes, our tool is designed to generate resumes that pass Applicant Tracking Systems (ATS) easily.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">Do I need to sign up before creating a resume?<\/button>\n <div class=\"faq-answer\">\n <p>No sign-up is required. Just enter your details, customize your resume, and download it right away.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">Can I edit and update my resume later?<\/button>\n <div class=\"faq-answer\">\n <p>Yes, you can always return, update your information, and generate a new version of your resume.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<style>\n.faq-section {\n max-width: 800px;\n margin: 50px auto;\n padding: 20px;\n font-family: Arial, sans-serif;\n}\n\n.faq-section h2 {\n font-size: 28px;\n margin-bottom: 20px;\n text-align: center;\n}\n\n.faq-item {\n margin-bottom: 15px;\n border: 1px solid #ddd;\n border-radius: 8px;\n overflow: hidden;\n}\n\n.faq-question {\n width: 100%;\n padding: 15px;\n background: #f9f9f9;\n color:#151515;\n border: none;\n text-align: left;\n font-size: 18px;\n font-weight: bold;\n cursor: pointer;\n outline: none;\n transition: background 0.3s ease;\n}\n\n.faq-question:hover {\n background: #ececec;\n color:#151515;\n}\n\n.faq-answer {\n display: none;\n padding: 15px;\n background: #fff;\n font-size: 16px;\n line-height: 1.6;\n}\n<\/style>\n\n\n<script>\ndocument.querySelectorAll(\".faq-question\").forEach(button => {\n button.addEventListener(\"click\", () => {\n const answer = button.nextElementSibling;\n\n \/\/ \u063a\u0644\u0642 \u0623\u064a \u0633\u0624\u0627\u0644 \u0645\u0641\u062a\u0648\u062d \u063a\u064a\u0631 \u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u062d\u0627\u0644\u064a\n document.querySelectorAll(\".faq-answer\").forEach(item => {\n if (item !== answer) {\n item.style.display = \"none\";\n }\n });\n\n \/\/ \u062a\u0628\u062f\u064a\u0644 \u0641\u062a\u062d\/\u063a\u0644\u0642 \u0627\u0644\u0633\u0624\u0627\u0644 \u0627\u0644\u062d\u0627\u0644\u064a\n answer.style.display = (answer.style.display === \"block\") ? \"none\" : \"block\";\n });\n});\n<\/script>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-7356fa0c alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-container uagb-block-fa773922\">\n<div class=\"wp-block-uagb-advanced-heading uagb-block-13e1758d\"><h2 class=\"uagb-heading-text\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-1-color\">Used <\/mark><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-3-color\">and <\/mark><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-1-color\">shared <\/mark><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-ast-global-color-3-color\">on<\/mark><\/strong><\/h2><\/div>\n\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"wp-block-uagb-image-gallery uagb-block-b5d5330d \"\n\t\t\t\t\t\tstyle=\"\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery spectra-image-gallery__layout--carousel\">\n\t\t\t\t\t\t\t\t<div class=\"uagb-slick-carousel uagb-block-b5d5330d\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='1509'>\n\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media spectra-image-gallery__media--carousel\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(min-width: 1024px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-3-300x156.png\">\n\t\t\t\t\t<source media=\"(min-width: 768px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-3.png\">\n\t\t\t\t\t<img decoding=\"async\" class=\"spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--carousel\" src=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-3-300x156.png\" alt=\"\" loading=\"lazy\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-blurrer\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='1511'>\n\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media spectra-image-gallery__media--carousel\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(min-width: 1024px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/images-1-300x84.jpg\">\n\t\t\t\t\t<source media=\"(min-width: 768px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/images-1.jpg\">\n\t\t\t\t\t<img decoding=\"async\" class=\"spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--carousel\" src=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/images-1-300x84.jpg\" alt=\"\" loading=\"lazy\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-blurrer\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='1512'>\n\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media spectra-image-gallery__media--carousel\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(min-width: 1024px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-6-300x99.png\">\n\t\t\t\t\t<source media=\"(min-width: 768px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-6.png\">\n\t\t\t\t\t<img decoding=\"async\" class=\"spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--carousel\" src=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-6-300x99.png\" alt=\"\" loading=\"lazy\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-blurrer\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='1513'>\n\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media spectra-image-gallery__media--carousel\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(min-width: 1024px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-5.png\">\n\t\t\t\t\t<source media=\"(min-width: 768px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-5.png\">\n\t\t\t\t\t<img decoding=\"async\" class=\"spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--carousel\" src=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-5.png\" alt=\"\" loading=\"lazy\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-blurrer\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='1514'>\n\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media spectra-image-gallery__media--carousel\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(min-width: 1024px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-4.jpg\">\n\t\t\t\t\t<source media=\"(min-width: 768px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-4.jpg\">\n\t\t\t\t\t<img decoding=\"async\" class=\"spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--carousel\" src=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-4.jpg\" alt=\"\" loading=\"lazy\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-blurrer\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='1515'>\n\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media spectra-image-gallery__media--carousel\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(min-width: 1024px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-4-300x111.png\">\n\t\t\t\t\t<source media=\"(min-width: 768px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-4.png\">\n\t\t\t\t\t<img decoding=\"async\" class=\"spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--carousel\" src=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-4-300x111.png\" alt=\"\" loading=\"lazy\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-blurrer\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='1516'>\n\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media spectra-image-gallery__media--carousel\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(min-width: 1024px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-5.jpg\">\n\t\t\t\t\t<source media=\"(min-width: 768px)\" srcset=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-5.jpg\">\n\t\t\t\t\t<img decoding=\"async\" class=\"spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--carousel\" src=\"https:\/\/poxiro.com\/wp-content\/uploads\/2025\/08\/download-5.jpg\" alt=\"\" loading=\"lazy\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-blurrer\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Free Online Resume & CV Builder (ATS-Friendly) Free ATS-Friendly Resume Builder \u2013 Create & Download CV Instantly \ud83c\udf19 Free ATS-Friendly Resume Builder Create a professional resume that passes Applicant Tracking Systems with ease Your Information Full Name * Job Title * Email * Phone Address LinkedIn GitHub Professional Summary Profile Picture (optional) Choose Image Work […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1576","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"ar3508802@gmail.com","author_link":"https:\/\/poxiro.com\/ar\/author\/ar3508802gmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Free Online Resume & CV Builder (ATS-Friendly) Free ATS-Friendly Resume Builder \u2013 Create & Download CV Instantly \ud83c\udf19 Free ATS-Friendly Resume Builder Create a professional resume that passes Applicant Tracking Systems with ease Your Information Full Name * Job Title * Email * Phone Address LinkedIn GitHub Professional Summary Profile Picture (optional) Choose Image Work…","_links":{"self":[{"href":"https:\/\/poxiro.com\/ar\/wp-json\/wp\/v2\/pages\/1576","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/poxiro.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/poxiro.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/poxiro.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/poxiro.com\/ar\/wp-json\/wp\/v2\/comments?post=1576"}],"version-history":[{"count":11,"href":"https:\/\/poxiro.com\/ar\/wp-json\/wp\/v2\/pages\/1576\/revisions"}],"predecessor-version":[{"id":1923,"href":"https:\/\/poxiro.com\/ar\/wp-json\/wp\/v2\/pages\/1576\/revisions\/1923"}],"wp:attachment":[{"href":"https:\/\/poxiro.com\/ar\/wp-json\/wp\/v2\/media?parent=1576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}