Application Form<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.min.css\">\n <style>\n body {\n background-color: #f0f2f5;\n padding: 20px;\n }\n .form-card {\n background: #fff;\n border-radius: 12px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n padding: 40px;\n max-width: 900px;\n margin: 0 auto;\n }\n .icon-badge {\n background: #10b981;\n color: #fff;\n width: 60px;\n height: 60px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 15px;\n font-size: 2rem;\n }\n .form-title {\n font-size: 2rem;\n margin-bottom: 5px;\n }\n .form-subtitle {\n color: #718096;\n font-size: 1rem;\n }\n .form-section {\n border-top: 1px solid #e2e8f0;\n padding-top: 30px;\n margin-top: 30px;\n }\n .section-title {\n font-size: 1.25rem;\n margin-bottom: 20px;\n }\n .required-asterisk {\n color: #e53e3e;\n }\n \/* \ud83d\udd34 Red border for all inputs and selects *\/\n .form-control,\n .form-select {\n border: 2px solid red !important;\n border-radius: 8px;\n }\n \/* Optional: keep focus green if desired, or remove for consistency *\/\n .form-control:focus,\n .form-select:focus {\n border-color: red !important;\n outline: none;\n box-shadow: none;\n }\n .btn-primary {\n background: #10b981;\n border-color: #10b981;\n font-weight: bold;\n padding: 12px 30px;\n border-radius: 8px;\n }\n .btn-primary:hover {\n background: #0d9669;\n }\n #messageDiv {\n margin-top: 30px;\n padding: 20px;\n border-radius: 8px;\n background: #f0fdf4;\n color: #065f46;\n border: 1px solid #34d399;\n text-align: center;\n display: none;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"form-card\">\n <div class=\"text-center mb-4\">\n <div class=\"icon-badge\"><i class=\"bi bi-person-fill-add\"><\/i><\/div>\n <h1 class=\"form-title\">Application Form<\/h1>\n <p class=\"form-subtitle\">Fill out all required fields to submit your application<\/p>\n <\/div>\n\n <form id=\"applicationForm\" novalidate>\n <div class=\"form-section\">\n <h3 class=\"section-title\"><i class=\"bi bi-person-circle me-2\"><\/i> Personal Information<\/h3>\n <div class=\"row g-4\">\n <div class=\"col-md-4\">\n <label class=\"form-label\"><i class=\"bi bi-person\"><\/i> Full Name<span class=\"required-asterisk\">*<\/span><\/label>\n <input type=\"text\" class=\"form-control\" id=\"name\" name=\"entry.24118263\" required placeholder=\"Enter your full name\">\n <div class=\"invalid-feedback\">Please provide your full name.<\/div>\n <\/div>\n <div class=\"col-md-4\">\n <label class=\"form-label\"><i class=\"bi bi-phone\"><\/i> Mobile Number<span class=\"required-asterisk\">*<\/span><\/label>\n <div class=\"input-group\">\n <span class=\"input-group-text\">+977<\/span>\n <input type=\"tel\" class=\"form-control\" id=\"mobile\" name=\"entry.1243797636\" required maxlength=\"10\" pattern=\"[0-9]{10}\" placeholder=\"Enter 10 digits\">\n <\/div>\n <div class=\"invalid-feedback\">Please provide a valid 10-digit mobile number.<\/div>\n <\/div>\n <div class=\"col-md-4\">\n <label class=\"form-label\"><i class=\"bi bi-envelope\"><\/i> Email Address<span class=\"required-asterisk\">*<\/span><\/label>\n <input type=\"email\" class=\"form-control\" id=\"email\" name=\"entry.1684942499\" required placeholder=\"user@example.com\">\n <div class=\"invalid-feedback\">Please provide a valid email address.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"form-section\">\n <h3 class=\"section-title\"><i class=\"bi bi-briefcase me-2\"><\/i> Application Details<\/h3>\n <div class=\"row g-4\">\n <div class=\"col-md-4\">\n <label class=\"form-label\"><i class=\"bi bi-geo-alt\"><\/i> Province<span class=\"required-asterisk\">*<\/span><\/label>\n <select class=\"form-select\" id=\"state\" name=\"entry.1409232620\" required>\n <option value=\"\">Select State<\/option>\n <option value=\"Koshi Pradesh\">Koshi Pradesh<\/option>\n <option value=\"Madhesh Pradesh\">Madhesh Pradesh<\/option>\n <option value=\"Bagmati Pradesh\">Bagmati Pradesh<\/option>\n <option value=\"Gandaki Pradesh\">Gandaki Pradesh<\/option>\n <option value=\"Lumbini Pradesh\">Lumbini Pradesh<\/option>\n <option value=\"Karnali Pradesh\">Karnali Pradesh<\/option>\n <option value=\"Sudurpaschim Pradesh\">Sudurpaschim Pradesh<\/option>\n <\/select>\n <div class=\"invalid-feedback\">Please select the state<\/div>\n <\/div>\n <div class=\"col-md-4\">\n <label class=\"form-label\"><i class=\"bi bi-mortarboard\"><\/i> Class Applied For<span class=\"required-asterisk\">*<\/span><\/label>\n <select class=\"form-select\" id=\"applyingFor\" name=\"entry.1138425480\" required>\n <option value=\"\">Select Position<\/option>\n <option value=\"TSC NiMaVI Math\">TSC NiMaVI Math<\/option>\n <option value=\"TSC MaVI Math\">TSC MaVI Math<\/option>\n <option value=\"Grade 8 Math\">Grade 8 Math<\/option>\n <option value=\"Grade 9 Math\">Grade 9 Math<\/option>\n <option value=\"Grade 10 Math\">Grade 10 Math<\/option>\n <option value=\"Grade 11 Math\">Grade 11 Math<\/option>\n <option value=\"Grade 12 Math\">Grade 12 Math<\/option>\n <\/select>\n <div class=\"invalid-feedback\">Please select the position you’re applying for.<\/div>\n <\/div>\n <div class=\"col-md-4\">\n <label class=\"form-label\"><i class=\"bi bi-chat-dots\"><\/i> Preferred Contact Method<span class=\"required-asterisk\">*<\/span><\/label>\n <select class=\"form-select\" id=\"contactMethod\" name=\"entry.1763178497\" required>\n <option value=\"\">Select Contact Method<\/option>\n <option value=\"Phone Call\">Phone Call<\/option>\n <option value=\"WhatsApp or Email\">WhatsApp or Email<\/option>\n <option value=\"Both (Phone & Digital)\">Both (Phone & Digital)<\/option>\n <\/select>\n <div class=\"invalid-feedback\">Please select your preferred contact method.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"text-center mt-5\">\n <button type=\"submit\" class=\"btn btn-primary btn-lg\">\n <i class=\"bi bi-send me-2\"><\/i> Submit Application\n <\/button>\n <\/div>\n <\/form>\n\n <div id=\"messageDiv\"><\/div>\n <\/div>\n\n <script>\n const form = document.getElementById('applicationForm');\n const messageDiv = document.getElementById('messageDiv');\n\n form.addEventListener('submit', function(e) {\n e.preventDefault();\n if (!form.checkValidity()) {\n form.classList.add('was-validated');\n return;\n }\n\n const btn = form.querySelector('button');\n btn.innerHTML = '<span class=\"spinner-border spinner-border-sm\" aria-hidden=\"true\"><\/span> Submitting...';\n btn.disabled = true;\n\n const url = \"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSftN6kJAWj3rKDOQPCuD9ydxT814-mrZA32taxsDS4vDgz5VQ\/formResponse\";\n const data = new FormData(form);\n\n fetch(url, { method: 'POST', mode: 'no-cors', body: data })\n .then(() => {\n const values = {};\n for (let [key, val] of data) {\n const el = form.querySelector(`[name=\"${key}\"]`);\n if (el && el.id) values[el.id] = val;\n }\n\n form.style.display = 'none';\n messageDiv.style.display = 'block';\n messageDiv.innerHTML = `\n <div class=\"alert alert-success\">\n <h4>Application Received!<\/h4>\n <p>Thank you, <strong>${values.name}<\/strong>! Your application for <strong>${values.applyingFor}<\/strong> has been submitted.<\/p>\n <a href=\"https:\/\/meet.google.com\/jrf-iyjf-ood\" target=\"_blank\" class=\"btn btn-success\">Join the Class<\/a>\n <p class=\"mt-3\">Class starts Monday, 06 October 2025.<\/p>\n <\/div>\n `;\n btn.disabled = false;\n })\n .catch(() => {\n messageDiv.style.display = 'block';\n messageDiv.innerHTML = '<div class=\"alert alert-danger\">Submission failed. Please try again.<\/div>';\n btn.innerHTML = '<i class=\"bi bi-send me-2\"><\/i> Submit Application';\n btn.disabled = false;\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Application Form Application Form Fill out all required fields to submit your application Personal Information Full Name* Please provide your full name. Mobile Number* +977 Please provide a valid 10-digit mobile number. Email Address* Please provide a valid email address. Application Details Province* Select StateKoshi PradeshMadhesh PradeshBagmati PradeshGandaki PradeshLumbini PradeshKarnali PradeshSudurpaschim Pradesh Please select the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"_links":{"self":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages\/341"}],"collection":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/comments?post=341"}],"version-history":[{"count":7,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages\/341\/revisions"}],"predecessor-version":[{"id":351,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages\/341\/revisions\/351"}],"wp:attachment":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/media?parent=341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":341,"date":"2025-09-28T08:39:10","date_gmt":"2025-09-28T08:39:10","guid":{"rendered":"https:\/\/mean.edu.np\/?page_id=341"},"modified":"2025-09-29T04:59:19","modified_gmt":"2025-09-29T04:59:19","slug":"apply-now","status":"publish","type":"page","link":"https:\/\/mean.edu.np\/index.php\/apply-now\/","title":{"rendered":"Apply Now"},"content":{"rendered":"\n\n\n\n \n \n Application Form<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.min.css\">\n <style>\n body {\n background-color: #f0f2f5;\n padding: 20px;\n }\n .form-card {\n background: #fff;\n border-radius: 12px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n padding: 40px;\n max-width: 900px;\n margin: 0 auto;\n }\n .icon-badge {\n background: #10b981;\n color: #fff;\n width: 60px;\n height: 60px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 15px;\n font-size: 2rem;\n }\n .form-title {\n font-size: 2rem;\n margin-bottom: 5px;\n }\n .form-subtitle {\n color: #718096;\n font-size: 1rem;\n }\n .form-section {\n border-top: 1px solid #e2e8f0;\n padding-top: 30px;\n margin-top: 30px;\n }\n .section-title {\n font-size: 1.25rem;\n margin-bottom: 20px;\n }\n .required-asterisk {\n color: #e53e3e;\n }\n \/* \ud83d\udd34 Red border for all inputs and selects *\/\n .form-control,\n .form-select {\n border: 2px solid red !important;\n border-radius: 8px;\n }\n \/* Optional: keep focus green if desired, or remove for consistency *\/\n .form-control:focus,\n .form-select:focus {\n border-color: red !important;\n outline: none;\n box-shadow: none;\n }\n .btn-primary {\n background: #10b981;\n border-color: #10b981;\n font-weight: bold;\n padding: 12px 30px;\n border-radius: 8px;\n }\n .btn-primary:hover {\n background: #0d9669;\n }\n #messageDiv {\n margin-top: 30px;\n padding: 20px;\n border-radius: 8px;\n background: #f0fdf4;\n color: #065f46;\n border: 1px solid #34d399;\n text-align: center;\n display: none;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"form-card\">\n <div class=\"text-center mb-4\">\n <div class=\"icon-badge\"><i class=\"bi bi-person-fill-add\"><\/i><\/div>\n <h1 class=\"form-title\">Application Form<\/h1>\n <p class=\"form-subtitle\">Fill out all required fields to submit your application<\/p>\n <\/div>\n\n <form id=\"applicationForm\" novalidate>\n <div class=\"form-section\">\n <h3 class=\"section-title\"><i class=\"bi bi-person-circle me-2\"><\/i> Personal Information<\/h3>\n <div class=\"row g-4\">\n <div class=\"col-md-4\">\n <label class=\"form-label\"><i class=\"bi bi-person\"><\/i> Full Name<span class=\"required-asterisk\">*<\/span><\/label>\n <input type=\"text\" class=\"form-control\" id=\"name\" name=\"entry.24118263\" required placeholder=\"Enter your full name\">\n <div class=\"invalid-feedback\">Please provide your full name.<\/div>\n <\/div>\n <div class=\"col-md-4\">\n <label class=\"form-label\"><i class=\"bi bi-phone\"><\/i> Mobile Number<span class=\"required-asterisk\">*<\/span><\/label>\n <div class=\"input-group\">\n <span class=\"input-group-text\">+977<\/span>\n <input type=\"tel\" class=\"form-control\" id=\"mobile\" name=\"entry.1243797636\" required maxlength=\"10\" pattern=\"[0-9]{10}\" placeholder=\"Enter 10 digits\">\n <\/div>\n <div class=\"invalid-feedback\">Please provide a valid 10-digit mobile number.<\/div>\n <\/div>\n <div class=\"col-md-4\">\n <label class=\"form-label\"><i class=\"bi bi-envelope\"><\/i> Email Address<span class=\"required-asterisk\">*<\/span><\/label>\n <input type=\"email\" class=\"form-control\" id=\"email\" name=\"entry.1684942499\" required placeholder=\"user@example.com\">\n <div class=\"invalid-feedback\">Please provide a valid email address.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"form-section\">\n <h3 class=\"section-title\"><i class=\"bi bi-briefcase me-2\"><\/i> Application Details<\/h3>\n <div class=\"row g-4\">\n <div class=\"col-md-4\">\n <label class=\"form-label\"><i class=\"bi bi-geo-alt\"><\/i> Province<span class=\"required-asterisk\">*<\/span><\/label>\n <select class=\"form-select\" id=\"state\" name=\"entry.1409232620\" required>\n <option value=\"\">Select State<\/option>\n <option value=\"Koshi Pradesh\">Koshi Pradesh<\/option>\n <option value=\"Madhesh Pradesh\">Madhesh Pradesh<\/option>\n <option value=\"Bagmati Pradesh\">Bagmati Pradesh<\/option>\n <option value=\"Gandaki Pradesh\">Gandaki Pradesh<\/option>\n <option value=\"Lumbini Pradesh\">Lumbini Pradesh<\/option>\n <option value=\"Karnali Pradesh\">Karnali Pradesh<\/option>\n <option value=\"Sudurpaschim Pradesh\">Sudurpaschim Pradesh<\/option>\n <\/select>\n <div class=\"invalid-feedback\">Please select the state<\/div>\n <\/div>\n <div class=\"col-md-4\">\n <label class=\"form-label\"><i class=\"bi bi-mortarboard\"><\/i> Class Applied For<span class=\"required-asterisk\">*<\/span><\/label>\n <select class=\"form-select\" id=\"applyingFor\" name=\"entry.1138425480\" required>\n <option value=\"\">Select Position<\/option>\n <option value=\"TSC NiMaVI Math\">TSC NiMaVI Math<\/option>\n <option value=\"TSC MaVI Math\">TSC MaVI Math<\/option>\n <option value=\"Grade 8 Math\">Grade 8 Math<\/option>\n <option value=\"Grade 9 Math\">Grade 9 Math<\/option>\n <option value=\"Grade 10 Math\">Grade 10 Math<\/option>\n <option value=\"Grade 11 Math\">Grade 11 Math<\/option>\n <option value=\"Grade 12 Math\">Grade 12 Math<\/option>\n <\/select>\n <div class=\"invalid-feedback\">Please select the position you’re applying for.<\/div>\n <\/div>\n <div class=\"col-md-4\">\n <label class=\"form-label\"><i class=\"bi bi-chat-dots\"><\/i> Preferred Contact Method<span class=\"required-asterisk\">*<\/span><\/label>\n <select class=\"form-select\" id=\"contactMethod\" name=\"entry.1763178497\" required>\n <option value=\"\">Select Contact Method<\/option>\n <option value=\"Phone Call\">Phone Call<\/option>\n <option value=\"WhatsApp or Email\">WhatsApp or Email<\/option>\n <option value=\"Both (Phone & Digital)\">Both (Phone & Digital)<\/option>\n <\/select>\n <div class=\"invalid-feedback\">Please select your preferred contact method.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"text-center mt-5\">\n <button type=\"submit\" class=\"btn btn-primary btn-lg\">\n <i class=\"bi bi-send me-2\"><\/i> Submit Application\n <\/button>\n <\/div>\n <\/form>\n\n <div id=\"messageDiv\"><\/div>\n <\/div>\n\n <script>\n const form = document.getElementById('applicationForm');\n const messageDiv = document.getElementById('messageDiv');\n\n form.addEventListener('submit', function(e) {\n e.preventDefault();\n if (!form.checkValidity()) {\n form.classList.add('was-validated');\n return;\n }\n\n const btn = form.querySelector('button');\n btn.innerHTML = '<span class=\"spinner-border spinner-border-sm\" aria-hidden=\"true\"><\/span> Submitting...';\n btn.disabled = true;\n\n const url = \"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSftN6kJAWj3rKDOQPCuD9ydxT814-mrZA32taxsDS4vDgz5VQ\/formResponse\";\n const data = new FormData(form);\n\n fetch(url, { method: 'POST', mode: 'no-cors', body: data })\n .then(() => {\n const values = {};\n for (let [key, val] of data) {\n const el = form.querySelector(`[name=\"${key}\"]`);\n if (el && el.id) values[el.id] = val;\n }\n\n form.style.display = 'none';\n messageDiv.style.display = 'block';\n messageDiv.innerHTML = `\n <div class=\"alert alert-success\">\n <h4>Application Received!<\/h4>\n <p>Thank you, <strong>${values.name}<\/strong>! Your application for <strong>${values.applyingFor}<\/strong> has been submitted.<\/p>\n <a href=\"https:\/\/meet.google.com\/jrf-iyjf-ood\" target=\"_blank\" class=\"btn btn-success\">Join the Class<\/a>\n <p class=\"mt-3\">Class starts Monday, 06 October 2025.<\/p>\n <\/div>\n `;\n btn.disabled = false;\n })\n .catch(() => {\n messageDiv.style.display = 'block';\n messageDiv.innerHTML = '<div class=\"alert alert-danger\">Submission failed. Please try again.<\/div>';\n btn.innerHTML = '<i class=\"bi bi-send me-2\"><\/i> Submit Application';\n btn.disabled = false;\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Application Form Application Form Fill out all required fields to submit your application Personal Information Full Name* Please provide your full name. Mobile Number* +977 Please provide a valid 10-digit mobile number. Email Address* Please provide a valid email address. Application Details Province* Select StateKoshi PradeshMadhesh PradeshBagmati PradeshGandaki PradeshLumbini PradeshKarnali PradeshSudurpaschim Pradesh Please select the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"_links":{"self":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages\/341"}],"collection":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/comments?post=341"}],"version-history":[{"count":7,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages\/341\/revisions"}],"predecessor-version":[{"id":351,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages\/341\/revisions\/351"}],"wp:attachment":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/media?parent=341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}