Job Application Form - Mentor Pro<\/title>\n <style>\n .mentor-job-form {\n background: linear-gradient(145deg, #1a1a2e, #16213e);\n border-radius: 20px;\n padding: 40px;\n box-shadow: \n 0 20px 40px rgba(0, 0, 0, 0.3),\n inset 0 1px 0 rgba(255, 255, 255, 0.1);\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n }\n\n .mentor-job-form::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #667eea, #764ba2, #f093fb, #f5576c);\n border-radius: 20px 20px 0 0;\n }\n\n .form-header {\n text-align: center;\n margin-bottom: 40px;\n }\n\n .form-title {\n font-size: 2.5em;\n font-weight: 700;\n background: linear-gradient(135deg, #667eea, #764ba2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 10px;\n }\n\n .form-subtitle {\n color: #94a3b8;\n font-size: 1.1em;\n font-weight: 400;\n }\n\n .form-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 25px;\n margin-bottom: 25px;\n }\n\n .form-group {\n position: relative;\n }\n\n .form-group.full-width {\n grid-column: span 2;\n }\n\n .form-label {\n display: block;\n margin-bottom: 8px;\n font-weight: 600;\n color: #e2e8f0;\n font-size: 0.95em;\n }\n\n .form-input,\n .form-select,\n .form-textarea {\n width: 100%;\n padding: 16px 20px;\n border: 2px solid #334155;\n border-radius: 12px;\n font-size: 1em;\n font-family: inherit;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n background: rgba(30, 41, 59, 0.8);\n backdrop-filter: blur(10px);\n color: #e2e8f0;\n }\n\n .form-input::placeholder,\n .form-textarea::placeholder {\n color: #64748b;\n }\n\n .form-input:focus,\n .form-select:focus,\n .form-textarea:focus {\n outline: none;\n border-color: #667eea;\n box-shadow: \n 0 0 0 4px rgba(102, 126, 234, 0.2),\n 0 4px 12px rgba(102, 126, 234, 0.25);\n transform: translateY(-2px);\n }\n\n .form-select {\n color: #e2e8f0;\n }\n\n .form-select option {\n background: #1e293b;\n color: #e2e8f0;\n }\n\n .form-textarea {\n resize: vertical;\n min-height: 120px;\n }\n\n .file-upload {\n position: relative;\n overflow: hidden;\n border: 2px dashed #475569;\n border-radius: 12px;\n padding: 30px;\n text-align: center;\n transition: all 0.3s ease;\n cursor: pointer;\n background: linear-gradient(45deg, #1e293b, #334155);\n }\n\n .file-upload:hover {\n border-color: #667eea;\n background: linear-gradient(45deg, #334155, #475569);\n }\n\n .file-upload input[type=\"file\"] {\n position: absolute;\n left: -9999px;\n }\n\n .file-upload-icon {\n font-size: 2.5em;\n color: #64748b;\n margin-bottom: 10px;\n }\n\n .file-upload-text {\n color: #94a3b8;\n font-weight: 500;\n }\n\n .checkbox-group {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n margin: 30px 0;\n }\n\n .custom-checkbox {\n position: relative;\n width: 22px;\n height: 22px;\n margin-top: 2px;\n }\n\n .custom-checkbox input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n }\n\n .checkmark {\n position: absolute;\n top: 0;\n left: 0;\n height: 22px;\n width: 22px;\n background: #1e293b;\n border: 2px solid #475569;\n border-radius: 6px;\n transition: all 0.3s ease;\n }\n\n .custom-checkbox:hover .checkmark {\n border-color: #667eea;\n }\n\n .custom-checkbox input:checked ~ .checkmark {\n background: linear-gradient(135deg, #667eea, #764ba2);\n border-color: #667eea;\n }\n\n .checkmark:after {\n content: \"\";\n position: absolute;\n display: none;\n left: 6px;\n top: 2px;\n width: 6px;\n height: 10px;\n border: solid white;\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n }\n\n .custom-checkbox input:checked ~ .checkmark:after {\n display: block;\n }\n\n .checkbox-label {\n color: #cbd5e1;\n line-height: 1.6;\n cursor: pointer;\n }\n\n .submit-btn {\n width: 100%;\n background: linear-gradient(135deg, #667eea, #764ba2);\n color: white;\n padding: 18px 30px;\n border: none;\n border-radius: 12px;\n font-size: 1.1em;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n margin-top: 20px;\n }\n\n .submit-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n transition: left 0.6s;\n }\n\n .submit-btn:hover::before {\n left: 100%;\n }\n\n .submit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 12px 24px rgba(102, 126, 234, 0.4);\n }\n\n .submit-btn:active {\n transform: translateY(0);\n }\n\n \/* Responsive Design *\/\n @media (max-width: 1024px) {\n .mentor-job-form {\n max-width: 95%;\n padding: 35px;\n }\n }\n\n @media (max-width: 768px) {\n .mentor-job-form {\n padding: 25px 20px;\n margin: 15px;\n border-radius: 16px;\n }\n\n .form-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n\n .form-group.full-width {\n grid-column: span 1;\n }\n\n .form-title {\n font-size: 2em;\n margin-bottom: 8px;\n }\n\n .form-subtitle {\n font-size: 1em;\n margin-bottom: 30px;\n }\n\n .form-input,\n .form-select,\n .form-textarea {\n padding: 14px 16px;\n font-size: 16px; \/* Prevents zoom on iOS *\/\n }\n\n .form-label {\n font-size: 0.9em;\n margin-bottom: 6px;\n }\n\n .file-upload {\n padding: 20px 15px;\n }\n\n .file-upload-icon {\n font-size: 2em;\n }\n\n .file-upload-text {\n font-size: 0.9em;\n }\n\n .checkbox-group {\n gap: 10px;\n margin: 25px 0;\n }\n\n .checkbox-label {\n font-size: 0.9em;\n line-height: 1.5;\n }\n\n .submit-btn {\n padding: 16px 25px;\n font-size: 1em;\n margin-top: 15px;\n }\n }\n\n @media (max-width: 480px) {\n .mentor-job-form {\n padding: 20px 15px;\n margin: 10px 5px;\n border-radius: 12px;\n }\n\n .form-header {\n margin-bottom: 30px;\n }\n\n .form-title {\n font-size: 1.8em;\n line-height: 1.2;\n }\n\n .form-subtitle {\n font-size: 0.95em;\n }\n\n .form-grid {\n gap: 18px;\n margin-bottom: 20px;\n }\n\n .form-input,\n .form-select,\n .form-textarea {\n padding: 12px 14px;\n border-radius: 10px;\n }\n\n .form-textarea {\n min-height: 100px;\n }\n\n .file-upload {\n padding: 18px 12px;\n border-radius: 10px;\n }\n\n .file-upload-text {\n font-size: 0.85em;\n }\n\n .custom-checkbox {\n width: 20px;\n height: 20px;\n }\n\n .checkmark {\n width: 20px;\n height: 20px;\n }\n\n .checkmark:after {\n left: 5px;\n top: 1px;\n width: 5px;\n height: 9px;\n }\n\n .checkbox-label {\n font-size: 0.85em;\n }\n\n .submit-btn {\n padding: 14px 20px;\n font-size: 0.95em;\n border-radius: 10px;\n }\n }\n\n @media (max-width: 360px) {\n .mentor-job-form {\n padding: 18px 12px;\n margin: 8px 3px;\n }\n\n .form-title {\n font-size: 1.6em;\n }\n\n .form-input,\n .form-select,\n .form-textarea {\n padding: 11px 12px;\n font-size: 15px;\n }\n\n .file-upload {\n padding: 15px 10px;\n }\n\n .submit-btn {\n padding: 13px 18px;\n }\n }\n\n \/* Touch-friendly enhancements *\/\n @media (pointer: coarse) {\n .form-input,\n .form-select,\n .form-textarea {\n min-height: 44px; \/* Minimum touch target *\/\n }\n\n .custom-checkbox {\n min-width: 44px;\n min-height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .checkmark {\n position: relative;\n }\n\n .submit-btn {\n min-height: 48px;\n }\n\n .file-upload {\n min-height: 80px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n }\n\n \/* Animation classes *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .form-group {\n animation: fadeInUp 0.6s ease forwards;\n }\n\n .form-group:nth-child(1) { animation-delay: 0.1s; }\n .form-group:nth-child(2) { animation-delay: 0.2s; }\n .form-group:nth-child(3) { animation-delay: 0.3s; }\n .form-group:nth-child(4) { animation-delay: 0.4s; }\n .form-group:nth-child(5) { animation-delay: 0.5s; }\n .form-group:nth-child(6) { animation-delay: 0.6s; }\n <\/style>\n<\/head>\n<body>\n <div class=\"mentor-job-form\">\n <div class=\"form-header\">\n <h1 class=\"form-title\">ZONESCENT<\/h1>\n <p class=\"form-subtitle\">We are hiring beginners and trainees, fill out the application <\/p>\n <\/div>\n\n <form>\n <div class=\"form-grid\">\n <div class=\"form-group\">\n <label class=\"form-label\">First Name *<\/label>\n <input type=\"text\" class=\"form-input\" placeholder=\"Enter your first name\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label\">Last Name *<\/label>\n <input type=\"text\" class=\"form-input\" placeholder=\"Enter your last name\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label\">Email Address *<\/label>\n <input type=\"email\" class=\"form-input\" placeholder=\"example@email.com\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label\">Phone Number *<\/label>\n <input type=\"tel\" class=\"form-input\" placeholder=\"+1 (555) 123-4567\" required>\n <\/div>\n\n <div class=\"form-group full-width\">\n <label class=\"form-label\">Position Applied For *<\/label>\n <input type=\"text\" class=\"form-input\" placeholder=\"e.g. Frontend Developer, UI\/UX Designer\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label\">Years of Experience *<\/label>\n <select class=\"form-select\" required>\n <option value=\"\">Select experience level<\/option>\n <option value=\"Entry Level (0-1 years)\">Entry Level (0-1 years)<\/option>\n <option value=\"Mid Level (1-3 years)\">Mid Level (1-3 years)<\/option>\n <option value=\"Senior Level (3-5 years)\">Senior Level (3-5 years)<\/option>\n <option value=\"Expert Level (5+ years)\">Expert Level (5+ years)<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label\">Expected Salary<\/label>\n <input type=\"text\" class=\"form-input\" placeholder=\"e.g. $75,000 - $85,000\">\n <\/div>\n\n <div class=\"form-group full-width\">\n <label class=\"form-label\">Tell Us About Yourself *<\/label>\n <textarea class=\"form-textarea\" placeholder=\"Write a brief summary of your experience, skills, and what makes you a great fit for this position...\" required><\/textarea>\n <\/div>\n\n <div class=\"form-group full-width\">\n <label class=\"form-label\">Upload Resume *<\/label>\n <div class=\"file-upload\" onclick=\"document.getElementById('cv-upload').click()\">\n <div class=\"file-upload-icon\">\ud83d\udcc4<\/div>\n <div class=\"file-upload-text\">\n <strong>Click to upload your resume<\/strong><br>\n or drag and drop file here (PDF, DOC, DOCX - Max 5MB)\n <\/div>\n <input type=\"file\" id=\"cv-upload\" accept=\".pdf,.doc,.docx\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-group full-width\">\n <label class=\"form-label\">Portfolio Link (Optional)<\/label>\n <input type=\"url\" class=\"form-input\" placeholder=\"https:\/\/your-portfolio.com\">\n <\/div>\n\n <div class=\"form-group full-width\">\n <label class=\"form-label\">LinkedIn Profile (Optional)<\/label>\n <input type=\"url\" class=\"form-input\" placeholder=\"https:\/\/linkedin.com\/in\/yourprofile\">\n <\/div>\n <\/div>\n\n <div class=\"checkbox-group\">\n <label class=\"custom-checkbox\">\n <input type=\"checkbox\" required>\n <span class=\"checkmark\"><\/span>\n <\/label>\n <label class=\"checkbox-label\">\n I agree to the <strong>Terms of Service<\/strong> and <strong>Privacy Policy<\/strong> and allow Mentor Pro to contact me regarding this application *\n <\/label>\n <\/div>\n\n <button type=\"submit\" class=\"submit-btn\">\n Submit Application\n <\/button>\n <\/form>\n <\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n <ul>\n\t\t\t <\/ul>\n <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Job Application Form – Mentor Pro ZONESCENT We are hiring beginners and trainees, fill out the application First Name * Last Name * Email Address * Phone Number * Position Applied For * Years of Experience * Select experience levelEntry Level (0-1 years)Mid Level (1-3 years)Senior Level (3-5 years)Expert Level (5+ years) Expected Salary Tell Us About Yourself * Upload Resume * \ud83d\udcc4 Click to upload your resume or drag and drop file here (PDF, DOC, DOCX – Max 5MB) Portfolio Link (Optional) LinkedIn Profile (Optional) I agree to the Terms of Service and Privacy Policy and allow Mentor Pro to contact me regarding this application * Submit Application<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2306,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-8362","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/zonescent.net\/kw\/wp-json\/wp\/v2\/pages\/8362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zonescent.net\/kw\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zonescent.net\/kw\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zonescent.net\/kw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zonescent.net\/kw\/wp-json\/wp\/v2\/comments?post=8362"}],"version-history":[{"count":19,"href":"https:\/\/zonescent.net\/kw\/wp-json\/wp\/v2\/pages\/8362\/revisions"}],"predecessor-version":[{"id":8399,"href":"https:\/\/zonescent.net\/kw\/wp-json\/wp\/v2\/pages\/8362\/revisions\/8399"}],"up":[{"embeddable":true,"href":"https:\/\/zonescent.net\/kw\/wp-json\/wp\/v2\/pages\/2306"}],"wp:attachment":[{"href":"https:\/\/zonescent.net\/kw\/wp-json\/wp\/v2\/media?parent=8362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\t

<\/div>\n\t\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Job Application Form - Mentor Pro<\/title>\n <style>\n .mentor-job-form {\n background: linear-gradient(145deg, #1a1a2e, #16213e);\n border-radius: 20px;\n padding: 40px;\n box-shadow: \n 0 20px 40px rgba(0, 0, 0, 0.3),\n inset 0 1px 0 rgba(255, 255, 255, 0.1);\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n }\n\n .mentor-job-form::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #667eea, #764ba2, #f093fb, #f5576c);\n border-radius: 20px 20px 0 0;\n }\n\n .form-header {\n text-align: center;\n margin-bottom: 40px;\n }\n\n .form-title {\n font-size: 2.5em;\n font-weight: 700;\n background: linear-gradient(135deg, #667eea, #764ba2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 10px;\n }\n\n .form-subtitle {\n color: #94a3b8;\n font-size: 1.1em;\n font-weight: 400;\n }\n\n .form-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 25px;\n margin-bottom: 25px;\n }\n\n .form-group {\n position: relative;\n }\n\n .form-group.full-width {\n grid-column: span 2;\n }\n\n .form-label {\n display: block;\n margin-bottom: 8px;\n font-weight: 600;\n color: #e2e8f0;\n font-size: 0.95em;\n }\n\n .form-input,\n .form-select,\n .form-textarea {\n width: 100%;\n padding: 16px 20px;\n border: 2px solid #334155;\n border-radius: 12px;\n font-size: 1em;\n font-family: inherit;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n background: rgba(30, 41, 59, 0.8);\n backdrop-filter: blur(10px);\n color: #e2e8f0;\n }\n\n .form-input::placeholder,\n .form-textarea::placeholder {\n color: #64748b;\n }\n\n .form-input:focus,\n .form-select:focus,\n .form-textarea:focus {\n outline: none;\n border-color: #667eea;\n box-shadow: \n 0 0 0 4px rgba(102, 126, 234, 0.2),\n 0 4px 12px rgba(102, 126, 234, 0.25);\n transform: translateY(-2px);\n }\n\n .form-select {\n color: #e2e8f0;\n }\n\n .form-select option {\n background: #1e293b;\n color: #e2e8f0;\n }\n\n .form-textarea {\n resize: vertical;\n min-height: 120px;\n }\n\n .file-upload {\n position: relative;\n overflow: hidden;\n border: 2px dashed #475569;\n border-radius: 12px;\n padding: 30px;\n text-align: center;\n transition: all 0.3s ease;\n cursor: pointer;\n background: linear-gradient(45deg, #1e293b, #334155);\n }\n\n .file-upload:hover {\n border-color: #667eea;\n background: linear-gradient(45deg, #334155, #475569);\n }\n\n .file-upload input[type=\"file\"] {\n position: absolute;\n left: -9999px;\n }\n\n .file-upload-icon {\n font-size: 2.5em;\n color: #64748b;\n margin-bottom: 10px;\n }\n\n .file-upload-text {\n color: #94a3b8;\n font-weight: 500;\n }\n\n .checkbox-group {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n margin: 30px 0;\n }\n\n .custom-checkbox {\n position: relative;\n width: 22px;\n height: 22px;\n margin-top: 2px;\n }\n\n .custom-checkbox input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n }\n\n .checkmark {\n position: absolute;\n top: 0;\n left: 0;\n height: 22px;\n width: 22px;\n background: #1e293b;\n border: 2px solid #475569;\n border-radius: 6px;\n transition: all 0.3s ease;\n }\n\n .custom-checkbox:hover .checkmark {\n border-color: #667eea;\n }\n\n .custom-checkbox input:checked ~ .checkmark {\n background: linear-gradient(135deg, #667eea, #764ba2);\n border-color: #667eea;\n }\n\n .checkmark:after {\n content: \"\";\n position: absolute;\n display: none;\n left: 6px;\n top: 2px;\n width: 6px;\n height: 10px;\n border: solid white;\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n }\n\n .custom-checkbox input:checked ~ .checkmark:after {\n display: block;\n }\n\n .checkbox-label {\n color: #cbd5e1;\n line-height: 1.6;\n cursor: pointer;\n }\n\n .submit-btn {\n width: 100%;\n background: linear-gradient(135deg, #667eea, #764ba2);\n color: white;\n padding: 18px 30px;\n border: none;\n border-radius: 12px;\n font-size: 1.1em;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n margin-top: 20px;\n }\n\n .submit-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n transition: left 0.6s;\n }\n\n .submit-btn:hover::before {\n left: 100%;\n }\n\n .submit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 12px 24px rgba(102, 126, 234, 0.4);\n }\n\n .submit-btn:active {\n transform: translateY(0);\n }\n\n \/* Responsive Design *\/\n @media (max-width: 1024px) {\n .mentor-job-form {\n max-width: 95%;\n padding: 35px;\n }\n }\n\n @media (max-width: 768px) {\n .mentor-job-form {\n padding: 25px 20px;\n margin: 15px;\n border-radius: 16px;\n }\n\n .form-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n\n .form-group.full-width {\n grid-column: span 1;\n }\n\n .form-title {\n font-size: 2em;\n margin-bottom: 8px;\n }\n\n .form-subtitle {\n font-size: 1em;\n margin-bottom: 30px;\n }\n\n .form-input,\n .form-select,\n .form-textarea {\n padding: 14px 16px;\n font-size: 16px; \/* Prevents zoom on iOS *\/\n }\n\n .form-label {\n font-size: 0.9em;\n margin-bottom: 6px;\n }\n\n .file-upload {\n padding: 20px 15px;\n }\n\n .file-upload-icon {\n font-size: 2em;\n }\n\n .file-upload-text {\n font-size: 0.9em;\n }\n\n .checkbox-group {\n gap: 10px;\n margin: 25px 0;\n }\n\n .checkbox-label {\n font-size: 0.9em;\n line-height: 1.5;\n }\n\n .submit-btn {\n padding: 16px 25px;\n font-size: 1em;\n margin-top: 15px;\n }\n }\n\n @media (max-width: 480px) {\n .mentor-job-form {\n padding: 20px 15px;\n margin: 10px 5px;\n border-radius: 12px;\n }\n\n .form-header {\n margin-bottom: 30px;\n }\n\n .form-title {\n font-size: 1.8em;\n line-height: 1.2;\n }\n\n .form-subtitle {\n font-size: 0.95em;\n }\n\n .form-grid {\n gap: 18px;\n margin-bottom: 20px;\n }\n\n .form-input,\n .form-select,\n .form-textarea {\n padding: 12px 14px;\n border-radius: 10px;\n }\n\n .form-textarea {\n min-height: 100px;\n }\n\n .file-upload {\n padding: 18px 12px;\n border-radius: 10px;\n }\n\n .file-upload-text {\n font-size: 0.85em;\n }\n\n .custom-checkbox {\n width: 20px;\n height: 20px;\n }\n\n .checkmark {\n width: 20px;\n height: 20px;\n }\n\n .checkmark:after {\n left: 5px;\n top: 1px;\n width: 5px;\n height: 9px;\n }\n\n .checkbox-label {\n font-size: 0.85em;\n }\n\n .submit-btn {\n padding: 14px 20px;\n font-size: 0.95em;\n border-radius: 10px;\n }\n }\n\n @media (max-width: 360px) {\n .mentor-job-form {\n padding: 18px 12px;\n margin: 8px 3px;\n }\n\n .form-title {\n font-size: 1.6em;\n }\n\n .form-input,\n .form-select,\n .form-textarea {\n padding: 11px 12px;\n font-size: 15px;\n }\n\n .file-upload {\n padding: 15px 10px;\n }\n\n .submit-btn {\n padding: 13px 18px;\n }\n }\n\n \/* Touch-friendly enhancements *\/\n @media (pointer: coarse) {\n .form-input,\n .form-select,\n .form-textarea {\n min-height: 44px; \/* Minimum touch target *\/\n }\n\n .custom-checkbox {\n min-width: 44px;\n min-height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .checkmark {\n position: relative;\n }\n\n .submit-btn {\n min-height: 48px;\n }\n\n .file-upload {\n min-height: 80px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n }\n\n \/* Animation classes *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .form-group {\n animation: fadeInUp 0.6s ease forwards;\n }\n\n .form-group:nth-child(1) { animation-delay: 0.1s; }\n .form-group:nth-child(2) { animation-delay: 0.2s; }\n .form-group:nth-child(3) { animation-delay: 0.3s; }\n .form-group:nth-child(4) { animation-delay: 0.4s; }\n .form-group:nth-child(5) { animation-delay: 0.5s; }\n .form-group:nth-child(6) { animation-delay: 0.6s; }\n <\/style>\n<\/head>\n<body>\n <div class=\"mentor-job-form\">\n <div class=\"form-header\">\n <h1 class=\"form-title\">ZONESCENT<\/h1>\n <p class=\"form-subtitle\">We are hiring beginners and trainees, fill out the application <\/p>\n <\/div>\n\n <form>\n <div class=\"form-grid\">\n <div class=\"form-group\">\n <label class=\"form-label\">First Name *<\/label>\n <input type=\"text\" class=\"form-input\" placeholder=\"Enter your first name\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label\">Last Name *<\/label>\n <input type=\"text\" class=\"form-input\" placeholder=\"Enter your last name\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label\">Email Address *<\/label>\n <input type=\"email\" class=\"form-input\" placeholder=\"example@email.com\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label\">Phone Number *<\/label>\n <input type=\"tel\" class=\"form-input\" placeholder=\"+1 (555) 123-4567\" required>\n <\/div>\n\n <div class=\"form-group full-width\">\n <label class=\"form-label\">Position Applied For *<\/label>\n <input type=\"text\" class=\"form-input\" placeholder=\"e.g. Frontend Developer, UI\/UX Designer\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label\">Years of Experience *<\/label>\n <select class=\"form-select\" required>\n <option value=\"\">Select experience level<\/option>\n <option value=\"Entry Level (0-1 years)\">Entry Level (0-1 years)<\/option>\n <option value=\"Mid Level (1-3 years)\">Mid Level (1-3 years)<\/option>\n <option value=\"Senior Level (3-5 years)\">Senior Level (3-5 years)<\/option>\n <option value=\"Expert Level (5+ years)\">Expert Level (5+ years)<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label\">Expected Salary<\/label>\n <input type=\"text\" class=\"form-input\" placeholder=\"e.g. $75,000 - $85,000\">\n <\/div>\n\n <div class=\"form-group full-width\">\n <label class=\"form-label\">Tell Us About Yourself *<\/label>\n <textarea class=\"form-textarea\" placeholder=\"Write a brief summary of your experience, skills, and what makes you a great fit for this position...\" required><\/textarea>\n <\/div>\n\n <div class=\"form-group full-width\">\n <label class=\"form-label\">Upload Resume *<\/label>\n <div class=\"file-upload\" onclick=\"document.getElementById('cv-upload').click()\">\n <div class=\"file-upload-icon\">\ud83d\udcc4<\/div>\n <div class=\"file-upload-text\">\n <strong>Click to upload your resume<\/strong><br>\n or drag and drop file here (PDF, DOC, DOCX - Max 5MB)\n <\/div>\n <input type=\"file\" id=\"cv-upload\" accept=\".pdf,.doc,.docx\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-group full-width\">\n <label class=\"form-label\">Portfolio Link (Optional)<\/label>\n <input type=\"url\" class=\"form-input\" placeholder=\"https:\/\/your-portfolio.com\">\n <\/div>\n\n <div class=\"form-group full-width\">\n <label class=\"form-label\">LinkedIn Profile (Optional)<\/label>\n <input type=\"url\" class=\"form-input\" placeholder=\"https:\/\/linkedin.com\/in\/yourprofile\">\n <\/div>\n <\/div>\n\n <div class=\"checkbox-group\">\n <label class=\"custom-checkbox\">\n <input type=\"checkbox\" required>\n <span class=\"checkmark\"><\/span>\n <\/label>\n <label class=\"checkbox-label\">\n I agree to the <strong>Terms of Service<\/strong> and <strong>Privacy Policy<\/strong> and allow Mentor Pro to contact me regarding this application *\n <\/label>\n <\/div>\n\n <button type=\"submit\" class=\"submit-btn\">\n Submit Application\n <\/button>\n <\/form>\n <\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n <ul>\n\t\t\t <\/ul>\n <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Job Application Form – Mentor Pro ZONESCENT We are hiring beginners and trainees, fill out the application First Name * Last Name * Email Address * Phone Number * Position Applied For * Years of Experience * Select experience levelEntry Level (0-1 years)Mid Level (1-3 years)Senior Level (3-5 years)Expert Level (5+ years) Expected Salary Tell Us About Yourself * Upload Resume * \ud83d\udcc4 Click to upload your resume or drag and drop file here (PDF, DOC, DOCX – Max 5MB) Portfolio Link (Optional) LinkedIn Profile (Optional) I agree to the Terms of Service and Privacy Policy and allow Mentor Pro to contact me regarding this application * Submit Application<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2306,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-8362","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/zonescent.net\/kw\/wp-json\/wp\/v2\/pages\/8362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zonescent.net\/kw\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zonescent.net\/kw\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zonescent.net\/kw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zonescent.net\/kw\/wp-json\/wp\/v2\/comments?post=8362"}],"version-history":[{"count":19,"href":"https:\/\/zonescent.net\/kw\/wp-json\/wp\/v2\/pages\/8362\/revisions"}],"predecessor-version":[{"id":8399,"href":"https:\/\/zonescent.net\/kw\/wp-json\/wp\/v2\/pages\/8362\/revisions\/8399"}],"up":[{"embeddable":true,"href":"https:\/\/zonescent.net\/kw\/wp-json\/wp\/v2\/pages\/2306"}],"wp:attachment":[{"href":"https:\/\/zonescent.net\/kw\/wp-json\/wp\/v2\/media?parent=8362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}