{"id":262,"date":"2025-06-05T09:52:31","date_gmt":"2025-06-05T09:52:31","guid":{"rendered":"https:\/\/webdemo.giantandro.com\/herrington\/?page_id=262"},"modified":"2026-01-26T12:28:05","modified_gmt":"2026-01-26T05:28:05","slug":"apply-now","status":"publish","type":"page","link":"https:\/\/webdemo.giantandro.com\/herrington\/apply-now\/","title":{"rendered":"Apply now"},"content":{"rendered":"<p>[vc_section][vc_row][vc_column el_class=&#8221;column_apply_now&#8221;]<div class=\"boc_spacing \" style=\"height: 20px\"><\/div>[vc_column_text]\t\t<style>\n\t\t\t:root {\n\t\t\t\t--primary: #0056b3;\n\t\t\t\t--secondary: #003366;\n\t\t\t\t--accent: #ffc107;\n\t\t\t\t--light: #f8f9fa;\n\t\t\t\t--dark: #343a40;\n\t\t\t\t--success: #28a745;\n\t\t\t}\n\t\t\t.form-wrapper {\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t.form-container {\n\t\t\t\tbackground: white;\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tbox-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);\n\t\t\t\tposition: relative;\n\t\t\t\toverflow: hidden;\n\t\t\t\tpadding: 20px;\n\t\t\t}\n\t\t\t.form-container::before {\n\t\t\t\tcontent: \"\";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 5px;\n\t\t\t\tbackground: linear-gradient(90deg, var(--accent), var(--primary), var(--accent));\n\t\t\t}\n\t\t\t.form-title {\n\t\t\t\tcolor: var(--secondary);\n\t\t\t\ttext-align: center;\n\t\t\t\tmargin-bottom: 2rem;\n\t\t\t\tfont-size: 25px;\n\t\t\t\tposition: relative;\n\t\t\t\tpadding: 20px;\n\t\t\t}\n\t\t\t.form-title::after {\n\t\t\t\tcontent: \"\";\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 80px;\n\t\t\t\theight: 3px;\n\t\t\t\tbackground: var(--accent);\n\t\t\t\tmargin: 0.5rem auto 0;\n\t\t\t}\n\t\t\t.form-section {\n\t\t\t\tmargin-bottom: 2.5rem;\n\t\t\t\tpadding-bottom: 1.5rem;\n\t\t\t\tborder-bottom: 1px solid #eee;\n\t\t\t}\n\t\t\t.form-section:last-child {\n\t\t\t\tborder-bottom: none;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tpadding-bottom: 0;\n\t\t\t}\n\t\t\t.section-title {\n\t\t\t\tcolor: var(--secondary);\n\t\t\t\tfont-size: 1.25rem;\n\t\t\t\tmargin-bottom: 1.5rem;\n\t\t\t\tpadding-bottom: 0.5rem;\n\t\t\t\tborder-bottom: 2px solid var(--accent);\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t\t.form-group {\n\t\t\t\tmargin-bottom: 1.5rem;\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t\tlabel {\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin-bottom: 0.5rem;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t.required:after {\n\t\t\t\tcontent: \" *\";\n\t\t\t\tcolor: #dc3545;\n\t\t\t}\n\t\t\tinput[type=\"text\"],\n\t\t\tinput[type=\"email\"],\n\t\t\tinput[type=\"tel\"],\n\t\t\tinput[type=\"date\"],\n\t\t\tselect,\n\t\t\ttextarea {\n\t\t\t\twidth: 100%;\n\t\t\t\tpadding: 0.75rem;\n\t\t\t\tborder: 1px solid #ddd;\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tfont-size: 1rem;\n\t\t\t\ttransition: border-color 0.3s;\n\t\t\t}\n\t\t\tinput[type=\"text\"]:focus,\n\t\t\tinput[type=\"email\"]:focus,\n\t\t\tinput[type=\"tel\"]:focus,\n\t\t\tinput[type=\"date\"]:focus,\n\t\t\tselect:focus,\n\t\t\ttextarea:focus {\n\t\t\t\tborder-color: var(--primary);\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: 0 0 0 3px rgba(0, 86, 179, 0.1);\n\t\t\t}\n\t\t\tselect {\n\t\t\t\tappearance: none;\n\t\t\t\tbackground-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\tbackground-position: right 0.75rem center;\n\t\t\t\tbackground-size: 1rem;\n\t\t\t}\n\t\t\t.btn-submit {\n\t\t\t\tbackground-color: var(--primary);\n\t\t\t\tcolor: white;\n\t\t\t\tborder: none;\n\t\t\t\tpadding: 1rem 2rem;\n\t\t\t\tfont-size: 1rem;\n\t\t\t\tfont-weight: 500;\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tcursor: pointer;\n\t\t\t\ttransition: background-color 0.3s, transform 0.2s;\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.5px;\n\t\t\t\tmargin-top: 1rem;\n\t\t\t}\n\t\t\t.btn-submit:hover {\n\t\t\t\tbackground-color: var(--secondary);\n\t\t\t\ttransform: translateY(-2px);\n\t\t\t}\n\t\t\t.btn-submit:active {\n\t\t\t\ttransform: translateY(0);\n\t\t\t}\n\t\t\t.modal {\n\t\t\t\tdisplay: none;\n\t\t\t\tposition: fixed;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tbackground-color: rgba(0, 0, 0, 0.5);\n\t\t\t\tz-index: 1000;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\t\t\t}\n\t\t\t.modal-content {\n\t\t\t\tbackground-color: white;\n\t\t\t\tpadding: 2rem;\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tmax-width: 500px;\n\t\t\t\ttext-align: center;\n\t\t\t\tbox-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n\t\t\t}\n\t\t\t.modal h2 {\n\t\t\t\tcolor: var(--success);\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t\t.modal p {\n\t\t\t\tmargin-bottom: 1.5rem;\n\t\t\t}\n\t\t\t.modal-btn {\n\t\t\t\tbackground-color: var(--primary);\n\t\t\t\tcolor: white;\n\t\t\t\tborder: none;\n\t\t\t\tpadding: 0.75rem 1.5rem;\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tcursor: pointer;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t.floating-shapes {\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tpointer-events: none;\n\t\t\t\tz-index: -1;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t\t.shape {\n\t\t\t\tposition: absolute;\n\t\t\t\topacity: 0.05;\n\t\t\t\tborder-radius: 50%;\n\t\t\t}\n\t\t\t.shape-1 {\n\t\t\t\twidth: 200px;\n\t\t\t\theight: 200px;\n\t\t\t\tbackground-color: var(--primary);\n\t\t\t\ttop: -50px;\n\t\t\t\tright: -50px;\n\t\t\t}\n\t\t\t.shape-2 {\n\t\t\t\twidth: 150px;\n\t\t\t\theight: 150px;\n\t\t\t\tbackground-color: var(--accent);\n\t\t\t\tbottom: -50px;\n\t\t\t\tleft: -50px;\n\t\t\t}\n\t\t\t@media (max-width: 768px) {\n\t\t\t\t.form-title{\n\/* \t\t\t\t\tfont-size: 20px; *\/\n\t\t\t\t\tpadding: 10px;\n\t\t\t\t}\n\t\t\t}\n    \t<\/style>\n\t\t<div class=\"form-wrapper\">\n\t\t\t<div class=\"form-container\">\n\t\t\t\t<div class=\"floating-shapes\">\n\t\t\t\t\t<div class=\"shape shape-1\"><\/div>\n\t\t\t\t\t<div class=\"shape shape-2\"><\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<h1 class=\"form-title\">Student Application Form<\/h1>\n\n\t\t\t\t<form id=\"admissionForm\" method=\"post\">\n\t\t\t\t\t<div class=\"form-section\">\n\t\t\t\t\t\t<h2 class=\"section-title\">Parent\/Guardian Information<\/h2>\n\n\t\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t\t<label for=\"parentName\" class=\"required\">Full Name<\/label>\n\t\t\t\t\t\t\t<input type=\"text\" id=\"parentName\" name=\"parentName\" required>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t\t<label for=\"parentEmail\" class=\"required\">Email Address<\/label>\n\t\t\t\t\t\t\t<input type=\"email\" id=\"parentEmail\" name=\"parentEmail\" required>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t\t<label for=\"parentPhone\" class=\"required\">Phone Number<\/label>\n\t\t\t\t\t\t\t<input type=\"tel\" id=\"parentPhone\" name=\"parentPhone\" required>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"form-section\">\n\t\t\t\t\t\t<h2 class=\"section-title\">Child Information<\/h2>\n\n\t\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t\t<label for=\"childName\" class=\"required\">Child's Full Name<\/label>\n\t\t\t\t\t\t\t<input type=\"text\" id=\"childName\" name=\"childName\" required>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t\t<label for=\"childDob\" class=\"required\">Child's Date of Birth<\/label>\n\t\t\t\t\t\t\t<input type=\"date\" id=\"childDob\" name=\"childDob\" required>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t\t<label for=\"currentSchool\">Current School \/ Kindergarten<\/label>\n\t\t\t\t\t\t\t<input type=\"text\" id=\"currentSchool\" name=\"currentSchool\">\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t\t<label for=\"gradeLevel\" class=\"required\">Grade Level Applying For<\/label>\n\t\t\t\t\t\t\t<select id=\"gradeLevel\" name=\"gradeLevel\" required>\n\t\t\t\t\t\t\t\t<option value=\"\">-- Please select --<\/option>\n\t\t\t\t\t\t\t\t<option value=\"pre-school\">Pre-school<\/option>\n\t\t\t\t\t\t\t\t<option value=\"primary\">Primary<\/option>\n\t\t\t\t\t\t\t\t<option value=\"secondary\">Secondary<\/option>\n\t\t\t\t\t\t\t\t<option value=\"other\">Other<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"form-section\">\n\t\t\t\t\t\t<h2 class=\"section-title\">Additional Information<\/h2>\n\n\t\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t\t<label for=\"startDate\">Preferred Start Date<\/label>\n\t\t\t\t\t\t\t<input type=\"text\" id=\"startDate\" name=\"startDate\" placeholder=\"Month\/Year or Term\">\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t\t<label for=\"languages\">Languages Spoken at Home<\/label>\n\t\t\t\t\t\t\t<input type=\"text\" id=\"languages\" name=\"languages\" placeholder=\"English, Spanish, etc.\">\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t\t<label for=\"hearAbout\">How Did You Hear About Us?<\/label>\n\t\t\t\t\t\t\t<select id=\"hearAbout\" name=\"hearAbout\">\n\t\t\t\t\t\t\t\t<option value=\"\">-- Please select --<\/option>\n\t\t\t\t\t\t\t\t<option value=\"website\">Website<\/option>\n\t\t\t\t\t\t\t\t<option value=\"social\">Social Media<\/option>\n\t\t\t\t\t\t\t\t<option value=\"friend\">Friend\/Family<\/option>\n\t\t\t\t\t\t\t\t<option value=\"event\">School Event<\/option>\n\t\t\t\t\t\t\t\t<option value=\"other\">Other<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"form-group\">\n\t\t\t\t\t\t\t<label for=\"specialNeeds\">Any Special Educational Needs \/ Notes?<\/label>\n\t\t\t\t\t\t\t<textarea id=\"specialNeeds\" name=\"specialNeeds\" rows=\"4\"><\/textarea>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<button type=\"submit\" class=\"btn-submit\" id=\"submitBtn\">Submit Application<\/button>\n\t\t\t\t\t<p class=\"cooldown-message\" id=\"cooldownMessage\" style=\"display: none;\">You have successfully submitted your form.<\/p>\n\t\t\t\t<\/form>\n\t\t\t<\/div>\n    \t<\/div>\n    \n    <div id=\"confirmationModal\" class=\"modal\">\n        <div class=\"modal-content\">\n            <h2>Thank You!<\/h2>\n            <p>Thank you for your application! Our admissions team will contact you shortly.<\/p>\n            <button class=\"modal-btn\" onclick=\"closeModal()\">Close<\/button>\n        <\/div>\n    <\/div>\n\n    <script>\t\t\n\t\tdocument.getElementById('admissionForm').addEventListener('submit', function(e) {\n            e.preventDefault();\n            const submitBtn = document.getElementById('submitBtn');\n            const cooldownMessage = document.getElementById('cooldownMessage');\n\n            submitBtn.disabled = true;\n            cooldownMessage.style.display = \"block\";\n\n            const data = {\n\t\t\t\t\/\/ parent information.\n                parentName: document.getElementById('parentName').value,\n                parentEmail: document.getElementById('parentEmail').value,\n                parentPhone: document.getElementById('parentPhone').value,\n\t\t\t\t\n\t\t\t\t\/\/ child information.\n                childName: document.getElementById('childName').value,\n                childDob: document.getElementById('childDob').value,\n                currentSchool: document.getElementById('currentSchool').value,\n                gradeLevel: document.getElementById('gradeLevel').value,\n\t\t\t\t\n\t\t\t\t\/\/ additional information.\n                startDate: document.getElementById('startDate').value,\n                languages: document.getElementById('languages').value,\n                hearAbout: document.getElementById('hearAbout').value,\n                specialNeeds: document.getElementById('specialNeeds').value,\n            };\n\n            \/\/ Basic sanitization\n            for (let key in data) {\n                if (data[key]) {\n                    data[key] = data[key]\n                        .replace(\/<script.*?>.*?<\\\/script>\/gi, '')\n                        .replace(\/[<>]\/g, '');\n                }\n            }\n            \n            const message = `New Apply Now Form \\n\nparent name : ${data.parentName}\nParent email : ${data.parentEmail}\nparent phone : ${data.parentPhone}\n\nChild name : ${data.childName}\nChild Dob : ${data.childDob}\nCurrent school : ${data.currentSchool}\nGrade level : ${data.gradeLevel}\n\nStart date : ${data.startDate}\nLanguages : ${data.languages}\nHear about : ${data.hearAbout}\nSpecial notes : \\n${data.specialNeeds}`;\n\n            const telegramUrl = `https:\/\/api.telegram.org\/bot7824646409:AAHAyWCyhMEufMaWDKoFdm0JWOMnoFaw7Ps\/sendMessage?chat_id=@herrington_chennal&text=${encodeURIComponent(message)}`;\n\n            fetch(telegramUrl, {\n                method: 'GET',\n            })\n            .then(response => response.json())\n            .then(result => {\n                if (result.ok) {\n\/\/                     alert('Form Submitted Successfully');\n                    document.getElementById('admissionForm').reset();\n                } else {\n                    alert('There was an error submitting the form.');\n                }\n            })\n            .catch(error => {\n                console.error('Error:', error);\n                alert('Error: ' + error.message);\n            });\n\n            setTimeout(() => {\n                submitBtn.disabled = false;\n                cooldownMessage.style.display = \"none\";\n            }, 30000);\n\t\t\t\n\t\t\tshowModal();\n        });\n\t\t\n        function showModal() {\n            document.getElementById('confirmationModal').style.display = 'flex';\n        }\n        function closeModal() {\n            document.getElementById('confirmationModal').style.display = 'none';\n        }\n    <\/script>\n\n    [\/vc_column_text]<div class=\"boc_spacing \" style=\"height: 50px\"><\/div>[\/vc_column][\/vc_row][\/vc_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_section][vc_row][vc_column el_class=&#8221;column_apply_now&#8221;][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][\/vc_section]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-262","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/webdemo.giantandro.com\/herrington\/wp-json\/wp\/v2\/pages\/262","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdemo.giantandro.com\/herrington\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webdemo.giantandro.com\/herrington\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webdemo.giantandro.com\/herrington\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webdemo.giantandro.com\/herrington\/wp-json\/wp\/v2\/comments?post=262"}],"version-history":[{"count":5,"href":"https:\/\/webdemo.giantandro.com\/herrington\/wp-json\/wp\/v2\/pages\/262\/revisions"}],"predecessor-version":[{"id":996,"href":"https:\/\/webdemo.giantandro.com\/herrington\/wp-json\/wp\/v2\/pages\/262\/revisions\/996"}],"wp:attachment":[{"href":"https:\/\/webdemo.giantandro.com\/herrington\/wp-json\/wp\/v2\/media?parent=262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}