Contact Us | National School Karatagi<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --primary-blue: #1a3a6c;\r\n --btn-blue: #1e60d5;\r\n --accent-gold: #c5a059;\r\n --text-dark: #333;\r\n --success-green: #27ae60;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', 'Segoe UI', sans-serif; }\r\n body { background-color: #fdfdfd; overflow-x: hidden; color: var(--text-dark); line-height: 1.6; }\r\n\r\n \/* =============================================\r\n STICKY BUTTON \u2014 mobile base\r\n ============================================= *\/\r\n .sticky-admission-btn {\r\n position: fixed;\r\n top: 45%;\r\n right: 0;\r\n transform: translateY(-50%);\r\n background: var(--primary-blue);\r\n color: white;\r\n padding: 14px 8px;\r\n border: none;\r\n border-radius: 10px 0 0 10px;\r\n cursor: pointer;\r\n writing-mode: vertical-rl;\r\n text-orientation: mixed;\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n letter-spacing: 1.2px;\r\n text-transform: uppercase;\r\n box-shadow: -4px 0 16px rgba(0,0,0,0.2);\r\n transition: all 0.3s ease;\r\n z-index: 1000;\r\n }\r\n .sticky-admission-btn:hover { background: var(--accent-gold); padding-right: 14px; }\r\n\r\n @media (min-width: 768px) {\r\n .sticky-admission-btn {\r\n padding: 18px 10px;\r\n font-size: 0.9rem;\r\n letter-spacing: 1.5px;\r\n border-radius: 12px 0 0 12px;\r\n }\r\n .sticky-admission-btn:hover { padding-right: 15px; }\r\n }\r\n\r\n \/* =============================================\r\n HERO \u2014 mobile base\r\n ============================================= *\/\r\n .hero-section {\r\n background: linear-gradient(rgba(26,58,108,0.85), rgba(26,58,108,0.85)),\r\n url('https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_zbs22yzbs22yzbs2-edited.png');\r\n background-size: cover;\r\n background-position: center;\r\n height: 280px;\r\n text-align: center;\r\n color: white;\r\n padding: 40px 20px 120px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n .hero-section h1 { font-size: clamp(1.8rem, 8vw, 3.5rem); margin-bottom: 8px; font-weight: 800;\r\n color: white;}\r\n .hero-section p { font-size: clamp(0.85rem, 4vw, 1.1rem); opacity: 0.9; }\r\n\r\n @media (min-width: 768px) {\r\n .hero-section { height: 350px; padding: 60px 20px 140px; }\r\n }\r\n\r\n \/* =============================================\r\n CARD CONTAINER\r\n ============================================= *\/\r\n .contact-card-container {\r\n max-width: 1100px;\r\n margin: -80px auto 50px;\r\n padding: 0 16px;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n @media (min-width: 768px) {\r\n .contact-card-container { margin: -100px auto 60px; padding: 0 20px; }\r\n }\r\n\r\n \/* =============================================\r\n CONTACT CARD \u2014 stacked on mobile\r\n ============================================= *\/\r\n .contact-card {\r\n background: white;\r\n border-radius: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\r\n overflow: hidden;\r\n }\r\n @media (min-width: 900px) {\r\n .contact-card { flex-direction: row; border-radius: 24px; box-shadow: 0 30px 60px rgba(0,0,0,0.1); }\r\n }\r\n\r\n \/* =============================================\r\n PANELS\r\n ============================================= *\/\r\n .info-panel { padding: 28px 20px; background: #fff; }\r\n .form-panel { padding: 28px 20px; background: #fcfdfe; border-top: 1px solid #f0f0f0; }\r\n\r\n @media (min-width: 600px) {\r\n .info-panel, .form-panel { padding: 38px 30px; }\r\n }\r\n @media (min-width: 900px) {\r\n .info-panel { flex: 1; padding: 50px; }\r\n .form-panel { flex: 1.3; padding: 50px; border-top: none; border-left: 1px solid #f0f0f0; }\r\n }\r\n\r\n .info-panel h2, .form-panel h2 {\r\n color: var(--primary-blue);\r\n font-size: clamp(1.35rem, 5vw, 1.8rem);\r\n margin-bottom: 22px;\r\n }\r\n\r\n \/* --- Contact items --- *\/\r\n .contact-item { display: flex; align-items: flex-start; margin-bottom: 22px; }\r\n @media (min-width: 768px) { .contact-item { margin-bottom: 30px; } }\r\n\r\n .icon-circle {\r\n background: var(--btn-blue); color: white;\r\n width: 40px; height: 40px; border-radius: 10px;\r\n display: flex; align-items: center; justify-content: center;\r\n margin-right: 14px; flex-shrink: 0; font-size: 1rem;\r\n }\r\n @media (min-width: 768px) {\r\n .icon-circle { width: 44px; height: 44px; border-radius: 12px; font-size: 1.1rem; }\r\n }\r\n\r\n .item-text h4 { font-size: 0.92rem; margin-bottom: 3px; color: var(--primary-blue); }\r\n .item-text p { color: #666; font-size: 0.88rem; }\r\n @media (min-width: 768px) {\r\n .item-text h4 { font-size: 1rem; }\r\n .item-text p { font-size: 0.95rem; }\r\n }\r\n\r\n \/* --- Info tip --- *\/\r\n .info-tip {\r\n margin-top: 20px; padding: 16px;\r\n background: #f8faff; border-radius: 12px; border-left: 4px solid var(--btn-blue);\r\n }\r\n .info-tip p { font-size: 0.85rem; color: #4a5568; line-height: 1.5; }\r\n @media (min-width: 768px) {\r\n .info-tip { margin-top: 30px; padding: 20px; }\r\n .info-tip p { font-size: 0.9rem; }\r\n }\r\n\r\n \/* =============================================\r\n FORM GRID \u2014 1 col mobile, 2 col tablet+\r\n ============================================= *\/\r\n .form-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }\r\n .full-width { grid-column: span 1; }\r\n\r\n @media (min-width: 540px) {\r\n .form-grid { grid-template-columns: 1fr 1fr; gap: 14px; }\r\n .full-width { grid-column: span 2; }\r\n }\r\n\r\n input, textarea {\r\n width: 100%;\r\n padding: 13px 14px;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 10px;\r\n font-size: 0.95rem;\r\n outline: none;\r\n transition: all 0.3s ease;\r\n background: #fff;\r\n -webkit-appearance: none;\r\n }\r\n input:focus, textarea:focus {\r\n border-color: var(--btn-blue);\r\n box-shadow: 0 0 0 4px rgba(30,96,213,0.08);\r\n }\r\n textarea { height: 110px; resize: none; }\r\n @media (min-width: 768px) {\r\n input, textarea { padding: 14px; }\r\n textarea { height: 120px; }\r\n }\r\n\r\n \/* Submit button *\/\r\n .send-btn {\r\n width: 100%; padding: 15px;\r\n background: var(--primary-blue); color: white;\r\n border: none; border-radius: 10px;\r\n font-weight: 700; font-size: 0.9rem;\r\n cursor: pointer; margin-top: 14px;\r\n transition: all 0.3s ease;\r\n display: flex; align-items: center; justify-content: center; gap: 10px;\r\n text-transform: uppercase; letter-spacing: 1px;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n .send-btn:hover { background: var(--btn-blue); transform: translateY(-2px); }\r\n .send-btn:active { transform: scale(0.98); }\r\n .send-btn:disabled { opacity: 0.7; cursor: not-allowed; transform: none; }\r\n @media (min-width: 768px) {\r\n .send-btn { padding: 18px; font-size: 1rem; margin-top: 15px; }\r\n }\r\n\r\n \/* =============================================\r\n SUCCESS MODAL\r\n ============================================= *\/\r\n .modal-overlay {\r\n position: fixed; top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: rgba(26,58,108,0.95);\r\n display: none; align-items: center; justify-content: center;\r\n z-index: 9999; backdrop-filter: blur(8px);\r\n padding: 20px;\r\n }\r\n .modal-overlay.active { display: flex; }\r\n\r\n .success-modal {\r\n background: white; padding: 28px 22px;\r\n border-radius: 20px; text-align: center;\r\n max-width: 420px; width: 100%;\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.3);\r\n }\r\n @media (min-width: 480px) {\r\n .success-modal { padding: 40px; border-radius: 24px; }\r\n }\r\n\r\n .checkmark-circle {\r\n width: 60px; height: 60px; background: var(--success-green); color: white;\r\n border-radius: 50%; display: flex; align-items: center; justify-content: center;\r\n margin: 0 auto 16px; font-size: 26px;\r\n }\r\n @media (min-width: 480px) {\r\n .checkmark-circle { width: 70px; height: 70px; font-size: 30px; margin-bottom: 20px; }\r\n }\r\n\r\n .fallback-link {\r\n display: inline-block; margin-top: 16px;\r\n color: var(--btn-blue); font-weight: 700;\r\n text-decoration: none; border-bottom: 2px solid; font-size: 0.93rem;\r\n }\r\n .modal-close-btn {\r\n display: inline-block; margin-top: 14px; padding: 10px 28px;\r\n background: var(--primary-blue); color: white;\r\n border: none; border-radius: 8px;\r\n font-weight: 600; cursor: pointer; font-size: 0.95rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <button class=\"sticky-admission-btn\" onclick=\"window.location.href='\/admissions'\">\r\n <i class=\"fas fa-graduation-cap\" style=\"margin-bottom: 8px;\"><\/i> Admission 2026\r\n <\/button>\r\n\r\n <section class=\"hero-section\">\r\n <h1>Contact Us<\/h1>\r\n <p>Your journey with National School Karatagi starts here.<\/p>\r\n <\/section>\r\n\r\n <div class=\"contact-card-container\">\r\n <div class=\"contact-card\">\r\n\r\n <div class=\"info-panel\">\r\n <h2>Information<\/h2>\r\n <div class=\"contact-item\">\r\n <div class=\"icon-circle\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n <div class=\"item-text\">\r\n <h4>Location<\/h4>\r\n <p>National School Road, Karatagi,<br>Koppal District, Karnataka - 583229<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <div class=\"icon-circle\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\r\n <div class=\"item-text\">\r\n <h4>Call Support<\/h4>\r\n <p>Admission: +91 99860 77113<br>Office: +91 94493 37304<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-tip\">\r\n <p><strong>Direct Support:<\/strong> Once you submit the form, we'll open a WhatsApp chat with our admission officer for instant assistance.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-panel\">\r\n <h2>Admission Inquiry<\/h2>\r\n\r\n <iframe name=\"hidden_iframe\" id=\"hidden_iframe\" style=\"display:none;\" aria-hidden=\"true\"><\/iframe>\r\n\r\n <form id=\"inquiryForm\"\r\n action=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSdSLdYvEoIoDb7E71vlhyG0AamEB1pQQuhswRD9d1FKJmCaFw\/formResponse\"\r\n method=\"POST\"\r\n target=\"hidden_iframe\">\r\n <div class=\"form-grid\">\r\n <input type=\"text\" name=\"entry.696704203\" id=\"parent_name\" placeholder=\"Parent\/Guardian Name\" required>\r\n <input type=\"text\" name=\"entry.1049910072\" id=\"student_name\" placeholder=\"Student Name\" required>\r\n <input type=\"text\" name=\"entry.1089489972\" id=\"student_class\" placeholder=\"Applying for Class\" required>\r\n <input type=\"tel\" name=\"entry.1819232693\" id=\"phone_number\" placeholder=\"WhatsApp Number\" required>\r\n <input type=\"email\" name=\"entry.800204033\" id=\"email_address\" placeholder=\"Email Address (Optional)\" class=\"full-width\">\r\n <textarea name=\"entry.794227521\" id=\"form_message\" placeholder=\"Message or Special Requirements (Optional)\" class=\"full-width\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"send-btn\" id=\"submitBtn\">\r\n <i class=\"fab fa-whatsapp\"><\/i> SUBMIT & CHAT ON WHATSAPP\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"modal-overlay\" id=\"successModal\">\r\n <div class=\"success-modal\">\r\n <div class=\"checkmark-circle\"><i class=\"fas fa-check\"><\/i><\/div>\r\n <h2 style=\"color:var(--primary-blue); font-size:clamp(1.2rem,5vw,1.6rem);\">Inquiry Recorded!<\/h2>\r\n <p style=\"color:#666; margin-top:12px; font-size:0.93rem; line-height:1.6;\">\r\n Your details have been saved. A WhatsApp chat has opened \u2014 please send the message to connect with our admission team.\r\n <\/p>\r\n <p style=\"color:#999; margin-top:10px; font-size:0.83rem;\">If WhatsApp didn't open automatically:<\/p>\r\n <a id=\"fallbackLink\" href=\"#\" class=\"fallback-link\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp\"><\/i> Open WhatsApp manually\r\n <\/a>\r\n <br>\r\n <button class=\"modal-close-btn\" onclick=\"closeModal()\">Done<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n var form = document.getElementById('inquiryForm');\r\n var modal = document.getElementById('successModal');\r\n var btn = document.getElementById('submitBtn');\r\n var fallback = document.getElementById('fallbackLink');\r\n var WA_NUMBER = '919986077113';\r\n\r\n function buildWhatsAppURL() {\r\n var parent = document.getElementById('parent_name').value.trim();\r\n var student = document.getElementById('student_name').value.trim();\r\n var cls = document.getElementById('student_class').value.trim();\r\n var phone = document.getElementById('phone_number').value.trim();\r\n var email = document.getElementById('email_address').value.trim();\r\n var msg = document.getElementById('form_message').value.trim();\r\n\r\n var text = '*New Admission Inquiry \\u2013 National School Karatagi*\\n\\n'\r\n + '*Parent\/Guardian:* ' + parent + '\\n'\r\n + '*Student Name:* ' + student + '\\n'\r\n + '*Applying for Class:* ' + cls + '\\n'\r\n + '*WhatsApp No:* ' + phone + '\\n';\r\n if (email) text += '*Email:* ' + email + '\\n';\r\n if (msg) text += '*Message:* ' + msg + '\\n';\r\n\r\n return 'https:\/\/wa.me\/' + WA_NUMBER + '?text=' + encodeURIComponent(text);\r\n }\r\n\r\n form.addEventListener('submit', function () {\r\n \/\/ Build URL synchronously\r\n var waURL = buildWhatsAppURL();\r\n fallback.href = waURL;\r\n\r\n \/\/ Open WhatsApp IMMEDIATELY \u2014 must be synchronous inside user gesture\r\n window.open(waURL, '_blank');\r\n\r\n \/\/ UI feedback (form POSTs to hidden iframe naturally)\r\n btn.innerHTML = '<i class=\"fas fa-circle-notch fa-spin\"><\/i> SENDING\\u2026';\r\n btn.disabled = true;\r\n\r\n \/\/ Show modal + reset\r\n setTimeout(function () {\r\n modal.classList.add('active');\r\n form.reset();\r\n btn.innerHTML = '<i class=\"fab fa-whatsapp\"><\/i> SUBMIT & CHAT ON WHATSAPP';\r\n btn.disabled = false;\r\n }, 800);\r\n });\r\n\r\n window.closeModal = function () { modal.classList.remove('active'); };\r\n modal.addEventListener('click', function (e) { if (e.target === modal) closeModal(); });\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-561f454 e-flex e-con-boxed e-con e-parent\" data-id=\"561f454\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57d3947 elementor-widget elementor-widget-html\" data-id=\"57d3947\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n \/* \u2500\u2500 Main container for the entire floating stack \u2500\u2500 *\/\r\n #ns-floating-stack {\r\n position: fixed;\r\n bottom: 20px;\r\n right: 20px;\r\n z-index: 99999;\r\n display: flex;\r\n flex-direction: column-reverse; \/* Stacks items vertically from bottom to top *\/\r\n gap: 12px; \/* Gap between the buttons *\/\r\n align-items: center;\r\n }\r\n\r\n \/* \u2500\u2500 General styling for social media buttons \u2500\u2500 *\/\r\n .ns-social-btn {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n text-decoration: none;\r\n border: none;\r\n color: white;\r\n font-size: 22px;\r\n }\r\n\r\n .ns-social-btn:hover {\r\n transform: scale(1.08);\r\n box-shadow: 0 6px 20px rgba(0,0,0,0.3);\r\n }\r\n\r\n \/* Specific colors for each platform *\/\r\n .ns-social-btn.facebook {\r\n background-color: #1877F2;\r\n }\r\n\r\n .ns-social-btn.instagram {\r\n background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);\r\n }\r\n\r\n .ns-social-btn.whatsapp {\r\n background-color: #25D366;\r\n }\r\n\r\n \/* \u2500\u2500 Chatbot Widget Adjustments \u2500\u2500 *\/\r\n #ns-cb-wrap {\r\n --ns-p: #1A3A6C;\r\n --ns-lime: #A4D233;\r\n --ns-red: #E31E24;\r\n \/* Removed fixed positioning as it's now in the flex stack *\/\r\n font-family: 'Segoe UI', Arial, sans-serif;\r\n position: relative; \/* Needed for greeting bubble and window positioning *\/\r\n width: 48px;\r\n height: 48px;\r\n }\r\n\r\n \/* Chatbot Toggle button (matches social button size) *\/\r\n #ns-cb-btn {\r\n width: 48px; height: 48px;\r\n background: var(--ns-p);\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer;\r\n box-shadow: 0 4px 18px rgba(26,58,108,0.38);\r\n border: none;\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n position: relative;\r\n }\r\n #ns-cb-btn:hover { transform: scale(1.08); box-shadow: 0 6px 22px rgba(26,58,108,0.48); }\r\n #ns-cb-btn svg { transition: transform 0.3s, opacity 0.3s; }\r\n #ns-cb-btn .icon-chat { position: absolute; }\r\n #ns-cb-btn .icon-close { position: absolute; opacity: 0; transform: rotate(-90deg); }\r\n #ns-cb-wrap.open #ns-cb-btn .icon-chat { opacity: 0; transform: rotate(90deg); }\r\n #ns-cb-wrap.open #ns-cb-btn .icon-close { opacity: 1; transform: rotate(0deg); }\r\n\r\n \/* Pulse ring on toggle *\/\r\n #ns-cb-btn::before {\r\n content: '';\r\n position: absolute; inset: -5px;\r\n border-radius: 50%;\r\n border: 2px solid rgba(26,58,108,0.3);\r\n animation: ns-pulse 2.5s ease-out infinite;\r\n }\r\n @keyframes ns-pulse { 0%,100%{transform:scale(1);opacity:.7} 60%{transform:scale(1.3);opacity:0} }\r\n\r\n \/* Greeting bubble \u2014 sits to the LEFT of the button *\/\r\n #ns-cb-bubble {\r\n position: absolute;\r\n top: 50%;\r\n right: 58px; \/* left of the 48px button + 10px gap *\/\r\n transform: translateY(-50%);\r\n background: white;\r\n border: 1px solid #e8ecf0;\r\n border-radius: 12px 12px 2px 12px;\r\n padding: 8px 14px;\r\n font-size: 12.5px; font-weight: 600;\r\n color: var(--ns-p);\r\n white-space: nowrap;\r\n box-shadow: 0 4px 16px rgba(0,0,0,0.1);\r\n cursor: pointer;\r\n animation: ns-bubble-in 0.4s cubic-bezier(0.34,1.56,0.64,1) forwards;\r\n }\r\n @keyframes ns-bubble-in { from{opacity:0;transform:translateY(-50%) translateX(12px)} to{opacity:1;transform:translateY(-50%) translateX(0)} }\r\n #ns-cb-bubble.hide { animation: ns-bubble-out 0.2s ease forwards; pointer-events:none; }\r\n @keyframes ns-bubble-out { to{opacity:0;transform:translateY(-50%) translateX(8px)} }\r\n\r\n \/* \u2500\u2500 Chat window \u2500\u2500 *\/\r\n #ns-cb-window {\r\n position: absolute;\r\n bottom: 58px; \/* Above the chatbot button *\/\r\n right: 0;\r\n width: 330px;\r\n height: 470px;\r\n background: #fff;\r\n border-radius: 20px;\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.18), 0 4px 16px rgba(0,0,0,0.08);\r\n display: flex; flex-direction: column; overflow: hidden;\r\n border: 1px solid #eaecf0;\r\n transform-origin: bottom right;\r\n transform: scale(0.85) translateY(12px);\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: transform 0.35s cubic-bezier(0.34,1.4,0.64,1), opacity 0.28s ease;\r\n }\r\n #ns-cb-wrap.open #ns-cb-window {\r\n transform: scale(1) translateY(0);\r\n opacity: 1;\r\n pointer-events: all;\r\n }\r\n\r\n \/* Header *\/\r\n .ns-cb-head {\r\n background: var(--ns-p);\r\n padding: 12px 14px 10px;\r\n display: flex; align-items: center; gap: 10px;\r\n flex-shrink: 0;\r\n }\r\n .ns-cb-head-logo {\r\n width: 38px; height: 38px;\r\n border-radius: 50%; background: #fff;\r\n display: flex; align-items: center; justify-content: center;\r\n overflow: hidden; flex-shrink: 0;\r\n }\r\n .ns-cb-head-logo img { width: 100%; height: 100%; object-fit: contain; }\r\n .ns-cb-head-info { flex: 1; }\r\n .ns-cb-head-info strong { color: #fff; font-size: 14px; display: block; line-height: 1.2; }\r\n .ns-cb-head-info small { color: rgba(255,255,255,0.72); font-size: 10px; }\r\n .ns-cb-status-dot { display: inline-block; width: 7px; height: 7px; background: #A4D233; border-radius: 50%; margin-right: 4px; }\r\n\r\n \/* Messages area *\/\r\n #ns-cb-msgs {\r\n flex: 1; overflow-y: auto; padding: 14px 12px 6px;\r\n display: flex; flex-direction: column; gap: 8px;\r\n background: #f0f2f5;\r\n scroll-behavior: smooth;\r\n }\r\n #ns-cb-msgs::-webkit-scrollbar { width: 4px; }\r\n #ns-cb-msgs::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }\r\n\r\n \/* Bubbles *\/\r\n .ns-msg-row { display: flex; align-items: flex-end; gap: 6px; }\r\n .ns-msg-row.bot { justify-content: flex-start; }\r\n .ns-msg-row.user { justify-content: flex-end; }\r\n\r\n .ns-avatar {\r\n width: 26px; height: 26px; border-radius: 50%;\r\n background: var(--ns-p); flex-shrink: 0;\r\n display: flex; align-items: center; justify-content: center;\r\n overflow: hidden;\r\n }\r\n .ns-avatar img { width: 100%; object-fit: cover; }\r\n\r\n .ns-bubble {\r\n max-width: 80%;\r\n padding: 9px 13px;\r\n border-radius: 18px;\r\n font-size: 13.5px; line-height: 1.45;\r\n animation: ns-msg-in 0.3s cubic-bezier(0.34,1.3,0.64,1) forwards;\r\n }\r\n @keyframes ns-msg-in { from{opacity:0;transform:translateY(8px) scale(0.95)} to{opacity:1;transform:none} }\r\n\r\n .ns-msg-row.bot .ns-bubble {\r\n background: #fff;\r\n color: #222;\r\n border-bottom-left-radius: 4px;\r\n box-shadow: 0 1px 4px rgba(0,0,0,0.08);\r\n }\r\n .ns-msg-row.user .ns-bubble {\r\n background: var(--ns-p);\r\n color: #fff;\r\n border-bottom-right-radius: 4px;\r\n }\r\n\r\n .ns-time {\r\n font-size: 9.5px; color: #aaa;\r\n margin: 0 6px 2px;\r\n display: block;\r\n }\r\n .ns-msg-row.user .ns-time { text-align: right; }\r\n\r\n \/* Typing indicator *\/\r\n .ns-typing-bubble {\r\n background: #fff;\r\n border-radius: 18px 18px 18px 4px;\r\n padding: 11px 16px;\r\n display: inline-flex; gap: 4px; align-items: center;\r\n box-shadow: 0 1px 4px rgba(0,0,0,0.08);\r\n animation: ns-msg-in 0.3s ease forwards;\r\n }\r\n .ns-typing-bubble span {\r\n width: 7px; height: 7px; background: #bbb; border-radius: 50%;\r\n animation: ns-dot-bounce 1.2s ease-in-out infinite;\r\n }\r\n .ns-typing-bubble span:nth-child(2) { animation-delay: 0.15s; }\r\n .ns-typing-bubble span:nth-child(3) { animation-delay: 0.3s; }\r\n @keyframes ns-dot-bounce { 0%,60%,100%{transform:translateY(0)} 30%{transform:translateY(-6px)} }\r\n\r\n \/* Quick chips *\/\r\n #ns-cb-chips {\r\n padding: 8px 10px 4px;\r\n display: flex; flex-wrap: wrap; gap: 6px;\r\n background: #f0f2f5;\r\n flex-shrink: 0;\r\n }\r\n .ns-chip {\r\n background: #fff; border: 1.5px solid var(--ns-p);\r\n color: var(--ns-p); border-radius: 20px;\r\n padding: 5px 13px; font-size: 12px; font-weight: 600;\r\n cursor: pointer; white-space: nowrap;\r\n transition: all 0.18s;\r\n animation: ns-chip-in 0.25s ease forwards;\r\n }\r\n @keyframes ns-chip-in { from{opacity:0;transform:scale(0.88)} to{opacity:1;transform:none} }\r\n .ns-chip:hover { background: var(--ns-p); color: #fff; }\r\n\r\n \/* Input row *\/\r\n .ns-cb-input-row {\r\n padding: 10px 12px;\r\n background: #fff;\r\n display: flex; gap: 8px; align-items: center;\r\n border-top: 1px solid #eaecf0;\r\n flex-shrink: 0;\r\n }\r\n #ns-cb-input {\r\n flex: 1; border: 1.5px solid #e0e3e8; border-radius: 22px;\r\n padding: 9px 16px; font-size: 13px; outline: none;\r\n transition: border-color 0.2s;\r\n background: #f7f8fa;\r\n }\r\n #ns-cb-input:focus { border-color: var(--ns-p); background: #fff; }\r\n #ns-cb-send {\r\n width: 38px; height: 38px; border-radius: 50%;\r\n background: var(--ns-p); border: none; cursor: pointer;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0; transition: background 0.2s, transform 0.15s;\r\n }\r\n #ns-cb-send:hover { background: #2d5aa8; transform: scale(1.08); }\r\n\r\n @media (max-width: 400px) {\r\n #ns-cb-window { width: calc(100vw - 20px); right: -12px; }\r\n }\r\n<\/style>\r\n\r\n<div id=\"ns-floating-stack\">\r\n\r\n <div id=\"ns-cb-wrap\">\r\n <div id=\"ns-cb-bubble\" onclick=\"nsCbToggle()\">\ud83d\udc4b Hi! Need help?<\/div>\r\n\r\n <button id=\"ns-cb-btn\" onclick=\"nsCbToggle()\" aria-label=\"Chat\">\r\n <svg class=\"icon-chat\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"white\">\r\n <path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z\"\/>\r\n <\/svg>\r\n <svg class=\"icon-close\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"white\">\r\n <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <div id=\"ns-cb-window\">\r\n <div class=\"ns-cb-head\">\r\n <div class=\"ns-cb-head-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\" alt=\"Logo\"\/>\r\n <\/div>\r\n <div class=\"ns-cb-head-info\">\r\n <strong>National School Assistant<\/strong>\r\n <small><span class=\"ns-cb-status-dot\"><\/span>Online \u00b7 Typically replies instantly<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"ns-cb-msgs\"><\/div>\r\n <div id=\"ns-cb-chips\"><\/div>\r\n <div class=\"ns-cb-input-row\">\r\n <input type=\"text\" id=\"ns-cb-input\" placeholder=\"Type a message\u2026\" autocomplete=\"off\"\/>\r\n <button id=\"ns-cb-send\">\r\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"white\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/wa.me\/919986077113?text=Hello%2C%20I%20am%20interested%20in%20admission%20to%20National%20School%20Karatagi.\" target=\"_blank\" class=\"ns-social-btn whatsapp\" aria-label=\"WhatsApp\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.instagram.com\/national_school_karatagi_?igsh=ZGZnbXF6eTN4MWpx&utm_source=qr\" target=\"_blank\" class=\"ns-social-btn instagram\" aria-label=\"Instagram\">\r\n <i class=\"fab fa-instagram\"><\/i>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.facebook.com\/share\/18ipySu59x\/?mibextid=wwXIfr\" target=\"_blank\" class=\"ns-social-btn facebook\" aria-label=\"Facebook\">\r\n <i class=\"fab fa-facebook-f\"><\/i>\r\n <\/a>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n const FORM_URL = \"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSdSLdYvEoIoDb7E71vlhyG0AamEB1pQQuhswRD9d1FKJmCaFw\/formResponse\";\r\n const ENTRY = { name:\"entry.696704203\", cls:\"entry.1089489972\", phone:\"entry.1819232693\", msg:\"entry.794227521\" };\r\n\r\n let step = 0, user = { name:'', phone:'', cls:'' }, opened = false;\r\n\r\n const wrap = document.getElementById('ns-cb-wrap');\r\n const msgs = document.getElementById('ns-cb-msgs');\r\n const chips = document.getElementById('ns-cb-chips');\r\n const input = document.getElementById('ns-cb-input');\r\n const bubble = document.getElementById('ns-cb-bubble');\r\n\r\n \/* \u2500\u2500 Toggle \u2500\u2500 *\/\r\n window.nsCbToggle = function() {\r\n wrap.classList.toggle('open');\r\n bubble.classList.add('hide');\r\n if (!opened) { opened = true; setTimeout(() => botSay(\"Hello! \ud83d\udc4b Welcome to **National School Karatagi**. How can I help you today?\", [\"Admission Info\", \"School Timings\", \"Fee Structure\", \"Contact Us\"]), 400); }\r\n };\r\n\r\n \/* Auto-show bubble after 3s *\/\r\n setTimeout(() => { if (bubble) bubble.style.display = 'block'; }, 3000);\r\n if (bubble) bubble.style.display = 'none';\r\n\r\n \/* \u2500\u2500 Bot message with typing animation \u2500\u2500 *\/\r\n function botSay(text, options = [], delay = 1100) {\r\n const typingRow = addTyping();\r\n setTimeout(() => {\r\n typingRow.remove();\r\n addBubble('bot', text);\r\n if (options.length) setChips(options);\r\n }, delay);\r\n }\r\n\r\n function addBubble(who, text) {\r\n const time = new Date().toLocaleTimeString([], { hour:'2-digit', minute:'2-digit' });\r\n const row = document.createElement('div');\r\n row.className = `ns-msg-row ${who}`;\r\n if (who === 'bot') {\r\n row.innerHTML = `\r\n <div class=\"ns-avatar\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\"\/><\/div>\r\n <div>\r\n <div class=\"ns-bubble\">${text.replace(\/\\*\\*(.*?)\\*\\*\/g,'<strong>$1<\/strong>').replace(\/\\n\/g,'<br>')}<\/div>\r\n <span class=\"ns-time\">${time}<\/span>\r\n <\/div>`;\r\n } else {\r\n row.innerHTML = `\r\n <div>\r\n <div class=\"ns-bubble\">${text}<\/div>\r\n <span class=\"ns-time\">${time} \u2713\u2713<\/span>\r\n <\/div>`;\r\n }\r\n msgs.appendChild(row);\r\n msgs.scrollTop = msgs.scrollHeight;\r\n }\r\n\r\n function addTyping() {\r\n const row = document.createElement('div');\r\n row.className = 'ns-msg-row bot';\r\n row.innerHTML = `\r\n <div class=\"ns-avatar\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\"\/><\/div>\r\n <div class=\"ns-typing-bubble\"><span><\/span><span><\/span><span><\/span><\/div>`;\r\n msgs.appendChild(row);\r\n msgs.scrollTop = msgs.scrollHeight;\r\n return row;\r\n }\r\n\r\n function setChips(opts) {\r\n chips.innerHTML = '';\r\n opts.forEach(o => {\r\n const b = document.createElement('button');\r\n b.className = 'ns-chip'; b.textContent = o;\r\n b.onclick = () => send(o);\r\n chips.appendChild(b);\r\n });\r\n }\r\n\r\n \/* \u2500\u2500 Send \u2500\u2500 *\/\r\n function send(text) {\r\n const t = text || input.value.trim();\r\n if (!t) return;\r\n addBubble('user', t);\r\n input.value = '';\r\n chips.innerHTML = '';\r\n processFlow(t);\r\n }\r\n\r\n document.getElementById('ns-cb-send').onclick = () => send();\r\n input.addEventListener('keypress', e => { if (e.key === 'Enter') send(); });\r\n\r\n \/* \u2500\u2500 Conversation flow \u2500\u2500 *\/\r\n function processFlow(t) {\r\n const low = t.toLowerCase();\r\n\r\n if (low.includes('admission')) {\r\n step = 1;\r\n botSay(\"Great choice! \ud83c\udf89 Let's get you started with the admission process.\\n\\nFirst, may I know the **student's full name**?\", [], 900);\r\n }\r\n else if (low.includes('timing') || low.includes('time') || low.includes('hour')) {\r\n botSay(\"\ud83d\udd58 **School Timings:**\\n\u2022 Monday \u2013 Friday: 9:00 AM \u2013 4:00 PM\\n\u2022 Saturday: 9:00 AM \u2013 1:00 PM\\n\\nGates open 15 minutes before school starts.\", [\"Admission Info\", \"Contact Us\"], 900);\r\n }\r\n else if (low.includes('fee') || low.includes('fees') || low.includes('cost')) {\r\n botSay(\"\ud83d\udcb0 For detailed **fee structure**, please contact our office directly.\\n\\nWould you like us to call you back?\", [\"Yes, Call Me Back\", \"Contact Us\"], 900);\r\n }\r\n else if (low.includes('contact') || low.includes('address') || low.includes('location')) {\r\n botSay(\"\ud83d\udccd **National School Karatagi**\\nKaratagi, Gangavathi Taluk\\nKoppal District, Karnataka \u2013 583233\\n\\n\ud83d\udcde **+91 99860 77113**\\n\u2709\ufe0f nationalschoolkaratagi@gmail.com\", [\"Admission Info\", \"School Timings\"], 900);\r\n }\r\n else if (low.includes('yes, call') || low.includes('call me')) {\r\n step = 1;\r\n botSay(\"Sure! Could you share the **student's name** so we can personalise the call?\", [], 800);\r\n }\r\n else if (step === 1) {\r\n user.name = t;\r\n step = 2;\r\n botSay(`Nice to meet you, **${t}**! \ud83d\ude0a\\n\\nWhich **class or grade** are you enquiring for?\\n_(e.g. Nursery, Class 3, Class 9\u2026)_`, [], 950);\r\n }\r\n else if (step === 2) {\r\n user.cls = t;\r\n step = 3;\r\n botSay(`Perfect! \ud83d\udcda Lastly, please share your **WhatsApp number** so our admissions team can reach you.`, [], 900);\r\n }\r\n else if (step === 3) {\r\n user.phone = t;\r\n step = 0;\r\n botSay(`Almost done! Let me save your details\u2026 \ud83d\udcdd`, [], 600);\r\n submitToSheet();\r\n }\r\n else {\r\n botSay(\"I'm here to help! Here's what I can assist you with \ud83d\udc47\", [\"Admission Info\", \"School Timings\", \"Fee Structure\", \"Contact Us\"], 900);\r\n }\r\n }\r\n\r\n function submitToSheet() {\r\n\u00a0 \u00a0 \/\/ 1. SILENTLY SUBMIT TO GOOGLE SHEETS\r\n\u00a0 \u00a0 const fd = new FormData();\r\n\u00a0 \u00a0 fd.append(ENTRY.name, user.name);\r\n\u00a0 \u00a0 fd.append(ENTRY.phone, user.phone);\r\n\u00a0 \u00a0 fd.append(ENTRY.cls, user.cls);\r\n\u00a0 \u00a0 fd.append(ENTRY.msg, \"Chatbot enquiry\");\r\n\u00a0 \u00a0 fetch(FORM_URL, { method:'POST', mode:'no-cors', body: fd });\r\n\r\n\u00a0 \u00a0 \/\/ 2. PREPARE WHATSAPP MESSAGE\r\n\u00a0 \u00a0 const messageText = `Hello! Here is a new admission enquiry from the website Chatbot:\r\n*Name:* ${user.name}\r\n*Class:* ${user.cls}\r\n*Phone:* ${user.phone}`;\r\n\r\n\u00a0 \u00a0 const waUrl = `https:\/\/wa.me\/919986077113?text=${encodeURIComponent(messageText)}`;\r\n\r\n\u00a0 \u00a0 \/\/ 3. OPEN WHATSAPP IN A NEW TAB\r\n\u00a0 \u00a0 window.open(waUrl, '_blank');\r\n\r\n\u00a0 \u00a0 \/\/ 4. UPDATE CHATBOT UI\r\n\u00a0 \u00a0 setTimeout(() => {\r\n\u00a0 \u00a0 \u00a0 botSay(`\u2705 **All set, ${user.name}!**\\n\\nI have submitted your details and opened a WhatsApp chat with your pre-filled info so you can connect with us directly.\\n\\nThank you for choosing National School Karatagi! \ud83c\udfeb`, [\"Ask Another Question\"], 1200);\r\n\u00a0 \u00a0 }, 800);\r\n\u00a0 }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us | National School Karatagi Admission 2026 Contact Us Your journey with National School Karatagi starts here. Information Location […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","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":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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-26","page","type-page","status-publish","hentry"],"aioseo_notices":[],"yoast_head":"\n<title>Contact Us - Green Valley Rural High School<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact Us - Green Valley Rural High School\" \/>\n<meta property=\"og:description\" content=\"Contact Us | National School Karatagi Admission 2026 Contact Us Your journey with National School Karatagi starts here. Information Location […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/\" \/>\n<meta property=\"og:site_name\" content=\"Green Valley Rural High School\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.instagram.com\/national_school_karatagi_?igsh=ZGZnbXF6eTN4MWpx&utm_source=qr\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-14T12:45:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/\",\"name\":\"Contact Us - Green Valley Rural High School\",\"isPartOf\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\",\"datePublished\":\"2026-03-23T09:29:40+00:00\",\"dateModified\":\"2026-04-14T12:45:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#primaryimage\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\",\"contentUrl\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\",\"width\":1024,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/nationalschoolkaratagi.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact Us\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#website\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/\",\"name\":\"National Higher Primary and Green Valley Rural High School\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/nationalschoolkaratagi.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#organization\",\"name\":\"National Higher Primary and Green Valley Rural High School\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/cropped-favicon.png\",\"contentUrl\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/cropped-favicon.png\",\"width\":512,\"height\":512,\"caption\":\"National Higher Primary and Green Valley Rural High School\"},\"image\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/national_school_karatagi_?igsh=ZGZnbXF6eTN4MWpx&utm_source=qr\"]}]}<\/script>\n","yoast_head_json":{"title":"Contact Us - Green Valley Rural High School","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/","og_locale":"en_US","og_type":"article","og_title":"Contact Us - Green Valley Rural High School","og_description":"Contact Us | National School Karatagi Admission 2026 Contact Us Your journey with National School Karatagi starts here. Information Location […]","og_url":"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/","og_site_name":"Green Valley Rural High School","article_publisher":"https:\/\/www.instagram.com\/national_school_karatagi_?igsh=ZGZnbXF6eTN4MWpx&utm_source=qr","article_modified_time":"2026-04-14T12:45:09+00:00","og_image":[{"url":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/","url":"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/","name":"Contact Us - Green Valley Rural High School","isPartOf":{"@id":"https:\/\/nationalschoolkaratagi.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#primaryimage"},"image":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#primaryimage"},"thumbnailUrl":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg","datePublished":"2026-03-23T09:29:40+00:00","dateModified":"2026-04-14T12:45:09+00:00","breadcrumb":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#primaryimage","url":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg","contentUrl":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg","width":1024,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nationalschoolkaratagi.com\/"},{"@type":"ListItem","position":2,"name":"Contact Us"}]},{"@type":"WebSite","@id":"https:\/\/nationalschoolkaratagi.com\/#website","url":"https:\/\/nationalschoolkaratagi.com\/","name":"National Higher Primary and Green Valley Rural High School","description":"","publisher":{"@id":"https:\/\/nationalschoolkaratagi.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nationalschoolkaratagi.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/nationalschoolkaratagi.com\/#organization","name":"National Higher Primary and Green Valley Rural High School","url":"https:\/\/nationalschoolkaratagi.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nationalschoolkaratagi.com\/#\/schema\/logo\/image\/","url":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/cropped-favicon.png","contentUrl":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/cropped-favicon.png","width":512,"height":512,"caption":"National Higher Primary and Green Valley Rural High School"},"image":{"@id":"https:\/\/nationalschoolkaratagi.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/national_school_karatagi_?igsh=ZGZnbXF6eTN4MWpx&utm_source=qr"]}]}},"_links":{"self":[{"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":85,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":1939,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions\/1939"}],"wp:attachment":[{"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Contact Us | National School Karatagi<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --primary-blue: #1a3a6c;\r\n --btn-blue: #1e60d5;\r\n --accent-gold: #c5a059;\r\n --text-dark: #333;\r\n --success-green: #27ae60;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', 'Segoe UI', sans-serif; }\r\n body { background-color: #fdfdfd; overflow-x: hidden; color: var(--text-dark); line-height: 1.6; }\r\n\r\n \/* =============================================\r\n STICKY BUTTON \u2014 mobile base\r\n ============================================= *\/\r\n .sticky-admission-btn {\r\n position: fixed;\r\n top: 45%;\r\n right: 0;\r\n transform: translateY(-50%);\r\n background: var(--primary-blue);\r\n color: white;\r\n padding: 14px 8px;\r\n border: none;\r\n border-radius: 10px 0 0 10px;\r\n cursor: pointer;\r\n writing-mode: vertical-rl;\r\n text-orientation: mixed;\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n letter-spacing: 1.2px;\r\n text-transform: uppercase;\r\n box-shadow: -4px 0 16px rgba(0,0,0,0.2);\r\n transition: all 0.3s ease;\r\n z-index: 1000;\r\n }\r\n .sticky-admission-btn:hover { background: var(--accent-gold); padding-right: 14px; }\r\n\r\n @media (min-width: 768px) {\r\n .sticky-admission-btn {\r\n padding: 18px 10px;\r\n font-size: 0.9rem;\r\n letter-spacing: 1.5px;\r\n border-radius: 12px 0 0 12px;\r\n }\r\n .sticky-admission-btn:hover { padding-right: 15px; }\r\n }\r\n\r\n \/* =============================================\r\n HERO \u2014 mobile base\r\n ============================================= *\/\r\n .hero-section {\r\n background: linear-gradient(rgba(26,58,108,0.85), rgba(26,58,108,0.85)),\r\n url('https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_zbs22yzbs22yzbs2-edited.png');\r\n background-size: cover;\r\n background-position: center;\r\n height: 280px;\r\n text-align: center;\r\n color: white;\r\n padding: 40px 20px 120px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n .hero-section h1 { font-size: clamp(1.8rem, 8vw, 3.5rem); margin-bottom: 8px; font-weight: 800;\r\n color: white;}\r\n .hero-section p { font-size: clamp(0.85rem, 4vw, 1.1rem); opacity: 0.9; }\r\n\r\n @media (min-width: 768px) {\r\n .hero-section { height: 350px; padding: 60px 20px 140px; }\r\n }\r\n\r\n \/* =============================================\r\n CARD CONTAINER\r\n ============================================= *\/\r\n .contact-card-container {\r\n max-width: 1100px;\r\n margin: -80px auto 50px;\r\n padding: 0 16px;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n @media (min-width: 768px) {\r\n .contact-card-container { margin: -100px auto 60px; padding: 0 20px; }\r\n }\r\n\r\n \/* =============================================\r\n CONTACT CARD \u2014 stacked on mobile\r\n ============================================= *\/\r\n .contact-card {\r\n background: white;\r\n border-radius: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.1);\r\n overflow: hidden;\r\n }\r\n @media (min-width: 900px) {\r\n .contact-card { flex-direction: row; border-radius: 24px; box-shadow: 0 30px 60px rgba(0,0,0,0.1); }\r\n }\r\n\r\n \/* =============================================\r\n PANELS\r\n ============================================= *\/\r\n .info-panel { padding: 28px 20px; background: #fff; }\r\n .form-panel { padding: 28px 20px; background: #fcfdfe; border-top: 1px solid #f0f0f0; }\r\n\r\n @media (min-width: 600px) {\r\n .info-panel, .form-panel { padding: 38px 30px; }\r\n }\r\n @media (min-width: 900px) {\r\n .info-panel { flex: 1; padding: 50px; }\r\n .form-panel { flex: 1.3; padding: 50px; border-top: none; border-left: 1px solid #f0f0f0; }\r\n }\r\n\r\n .info-panel h2, .form-panel h2 {\r\n color: var(--primary-blue);\r\n font-size: clamp(1.35rem, 5vw, 1.8rem);\r\n margin-bottom: 22px;\r\n }\r\n\r\n \/* --- Contact items --- *\/\r\n .contact-item { display: flex; align-items: flex-start; margin-bottom: 22px; }\r\n @media (min-width: 768px) { .contact-item { margin-bottom: 30px; } }\r\n\r\n .icon-circle {\r\n background: var(--btn-blue); color: white;\r\n width: 40px; height: 40px; border-radius: 10px;\r\n display: flex; align-items: center; justify-content: center;\r\n margin-right: 14px; flex-shrink: 0; font-size: 1rem;\r\n }\r\n @media (min-width: 768px) {\r\n .icon-circle { width: 44px; height: 44px; border-radius: 12px; font-size: 1.1rem; }\r\n }\r\n\r\n .item-text h4 { font-size: 0.92rem; margin-bottom: 3px; color: var(--primary-blue); }\r\n .item-text p { color: #666; font-size: 0.88rem; }\r\n @media (min-width: 768px) {\r\n .item-text h4 { font-size: 1rem; }\r\n .item-text p { font-size: 0.95rem; }\r\n }\r\n\r\n \/* --- Info tip --- *\/\r\n .info-tip {\r\n margin-top: 20px; padding: 16px;\r\n background: #f8faff; border-radius: 12px; border-left: 4px solid var(--btn-blue);\r\n }\r\n .info-tip p { font-size: 0.85rem; color: #4a5568; line-height: 1.5; }\r\n @media (min-width: 768px) {\r\n .info-tip { margin-top: 30px; padding: 20px; }\r\n .info-tip p { font-size: 0.9rem; }\r\n }\r\n\r\n \/* =============================================\r\n FORM GRID \u2014 1 col mobile, 2 col tablet+\r\n ============================================= *\/\r\n .form-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }\r\n .full-width { grid-column: span 1; }\r\n\r\n @media (min-width: 540px) {\r\n .form-grid { grid-template-columns: 1fr 1fr; gap: 14px; }\r\n .full-width { grid-column: span 2; }\r\n }\r\n\r\n input, textarea {\r\n width: 100%;\r\n padding: 13px 14px;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 10px;\r\n font-size: 0.95rem;\r\n outline: none;\r\n transition: all 0.3s ease;\r\n background: #fff;\r\n -webkit-appearance: none;\r\n }\r\n input:focus, textarea:focus {\r\n border-color: var(--btn-blue);\r\n box-shadow: 0 0 0 4px rgba(30,96,213,0.08);\r\n }\r\n textarea { height: 110px; resize: none; }\r\n @media (min-width: 768px) {\r\n input, textarea { padding: 14px; }\r\n textarea { height: 120px; }\r\n }\r\n\r\n \/* Submit button *\/\r\n .send-btn {\r\n width: 100%; padding: 15px;\r\n background: var(--primary-blue); color: white;\r\n border: none; border-radius: 10px;\r\n font-weight: 700; font-size: 0.9rem;\r\n cursor: pointer; margin-top: 14px;\r\n transition: all 0.3s ease;\r\n display: flex; align-items: center; justify-content: center; gap: 10px;\r\n text-transform: uppercase; letter-spacing: 1px;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n .send-btn:hover { background: var(--btn-blue); transform: translateY(-2px); }\r\n .send-btn:active { transform: scale(0.98); }\r\n .send-btn:disabled { opacity: 0.7; cursor: not-allowed; transform: none; }\r\n @media (min-width: 768px) {\r\n .send-btn { padding: 18px; font-size: 1rem; margin-top: 15px; }\r\n }\r\n\r\n \/* =============================================\r\n SUCCESS MODAL\r\n ============================================= *\/\r\n .modal-overlay {\r\n position: fixed; top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: rgba(26,58,108,0.95);\r\n display: none; align-items: center; justify-content: center;\r\n z-index: 9999; backdrop-filter: blur(8px);\r\n padding: 20px;\r\n }\r\n .modal-overlay.active { display: flex; }\r\n\r\n .success-modal {\r\n background: white; padding: 28px 22px;\r\n border-radius: 20px; text-align: center;\r\n max-width: 420px; width: 100%;\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.3);\r\n }\r\n @media (min-width: 480px) {\r\n .success-modal { padding: 40px; border-radius: 24px; }\r\n }\r\n\r\n .checkmark-circle {\r\n width: 60px; height: 60px; background: var(--success-green); color: white;\r\n border-radius: 50%; display: flex; align-items: center; justify-content: center;\r\n margin: 0 auto 16px; font-size: 26px;\r\n }\r\n @media (min-width: 480px) {\r\n .checkmark-circle { width: 70px; height: 70px; font-size: 30px; margin-bottom: 20px; }\r\n }\r\n\r\n .fallback-link {\r\n display: inline-block; margin-top: 16px;\r\n color: var(--btn-blue); font-weight: 700;\r\n text-decoration: none; border-bottom: 2px solid; font-size: 0.93rem;\r\n }\r\n .modal-close-btn {\r\n display: inline-block; margin-top: 14px; padding: 10px 28px;\r\n background: var(--primary-blue); color: white;\r\n border: none; border-radius: 8px;\r\n font-weight: 600; cursor: pointer; font-size: 0.95rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <button class=\"sticky-admission-btn\" onclick=\"window.location.href='\/admissions'\">\r\n <i class=\"fas fa-graduation-cap\" style=\"margin-bottom: 8px;\"><\/i> Admission 2026\r\n <\/button>\r\n\r\n <section class=\"hero-section\">\r\n <h1>Contact Us<\/h1>\r\n <p>Your journey with National School Karatagi starts here.<\/p>\r\n <\/section>\r\n\r\n <div class=\"contact-card-container\">\r\n <div class=\"contact-card\">\r\n\r\n <div class=\"info-panel\">\r\n <h2>Information<\/h2>\r\n <div class=\"contact-item\">\r\n <div class=\"icon-circle\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n <div class=\"item-text\">\r\n <h4>Location<\/h4>\r\n <p>National School Road, Karatagi,<br>Koppal District, Karnataka - 583229<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <div class=\"icon-circle\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\r\n <div class=\"item-text\">\r\n <h4>Call Support<\/h4>\r\n <p>Admission: +91 99860 77113<br>Office: +91 94493 37304<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"info-tip\">\r\n <p><strong>Direct Support:<\/strong> Once you submit the form, we'll open a WhatsApp chat with our admission officer for instant assistance.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-panel\">\r\n <h2>Admission Inquiry<\/h2>\r\n\r\n <iframe name=\"hidden_iframe\" id=\"hidden_iframe\" style=\"display:none;\" aria-hidden=\"true\"><\/iframe>\r\n\r\n <form id=\"inquiryForm\"\r\n action=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSdSLdYvEoIoDb7E71vlhyG0AamEB1pQQuhswRD9d1FKJmCaFw\/formResponse\"\r\n method=\"POST\"\r\n target=\"hidden_iframe\">\r\n <div class=\"form-grid\">\r\n <input type=\"text\" name=\"entry.696704203\" id=\"parent_name\" placeholder=\"Parent\/Guardian Name\" required>\r\n <input type=\"text\" name=\"entry.1049910072\" id=\"student_name\" placeholder=\"Student Name\" required>\r\n <input type=\"text\" name=\"entry.1089489972\" id=\"student_class\" placeholder=\"Applying for Class\" required>\r\n <input type=\"tel\" name=\"entry.1819232693\" id=\"phone_number\" placeholder=\"WhatsApp Number\" required>\r\n <input type=\"email\" name=\"entry.800204033\" id=\"email_address\" placeholder=\"Email Address (Optional)\" class=\"full-width\">\r\n <textarea name=\"entry.794227521\" id=\"form_message\" placeholder=\"Message or Special Requirements (Optional)\" class=\"full-width\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"send-btn\" id=\"submitBtn\">\r\n <i class=\"fab fa-whatsapp\"><\/i> SUBMIT & CHAT ON WHATSAPP\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"modal-overlay\" id=\"successModal\">\r\n <div class=\"success-modal\">\r\n <div class=\"checkmark-circle\"><i class=\"fas fa-check\"><\/i><\/div>\r\n <h2 style=\"color:var(--primary-blue); font-size:clamp(1.2rem,5vw,1.6rem);\">Inquiry Recorded!<\/h2>\r\n <p style=\"color:#666; margin-top:12px; font-size:0.93rem; line-height:1.6;\">\r\n Your details have been saved. A WhatsApp chat has opened \u2014 please send the message to connect with our admission team.\r\n <\/p>\r\n <p style=\"color:#999; margin-top:10px; font-size:0.83rem;\">If WhatsApp didn't open automatically:<\/p>\r\n <a id=\"fallbackLink\" href=\"#\" class=\"fallback-link\" target=\"_blank\" rel=\"noopener\">\r\n <i class=\"fab fa-whatsapp\"><\/i> Open WhatsApp manually\r\n <\/a>\r\n <br>\r\n <button class=\"modal-close-btn\" onclick=\"closeModal()\">Done<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n var form = document.getElementById('inquiryForm');\r\n var modal = document.getElementById('successModal');\r\n var btn = document.getElementById('submitBtn');\r\n var fallback = document.getElementById('fallbackLink');\r\n var WA_NUMBER = '919986077113';\r\n\r\n function buildWhatsAppURL() {\r\n var parent = document.getElementById('parent_name').value.trim();\r\n var student = document.getElementById('student_name').value.trim();\r\n var cls = document.getElementById('student_class').value.trim();\r\n var phone = document.getElementById('phone_number').value.trim();\r\n var email = document.getElementById('email_address').value.trim();\r\n var msg = document.getElementById('form_message').value.trim();\r\n\r\n var text = '*New Admission Inquiry \\u2013 National School Karatagi*\\n\\n'\r\n + '*Parent\/Guardian:* ' + parent + '\\n'\r\n + '*Student Name:* ' + student + '\\n'\r\n + '*Applying for Class:* ' + cls + '\\n'\r\n + '*WhatsApp No:* ' + phone + '\\n';\r\n if (email) text += '*Email:* ' + email + '\\n';\r\n if (msg) text += '*Message:* ' + msg + '\\n';\r\n\r\n return 'https:\/\/wa.me\/' + WA_NUMBER + '?text=' + encodeURIComponent(text);\r\n }\r\n\r\n form.addEventListener('submit', function () {\r\n \/\/ Build URL synchronously\r\n var waURL = buildWhatsAppURL();\r\n fallback.href = waURL;\r\n\r\n \/\/ Open WhatsApp IMMEDIATELY \u2014 must be synchronous inside user gesture\r\n window.open(waURL, '_blank');\r\n\r\n \/\/ UI feedback (form POSTs to hidden iframe naturally)\r\n btn.innerHTML = '<i class=\"fas fa-circle-notch fa-spin\"><\/i> SENDING\\u2026';\r\n btn.disabled = true;\r\n\r\n \/\/ Show modal + reset\r\n setTimeout(function () {\r\n modal.classList.add('active');\r\n form.reset();\r\n btn.innerHTML = '<i class=\"fab fa-whatsapp\"><\/i> SUBMIT & CHAT ON WHATSAPP';\r\n btn.disabled = false;\r\n }, 800);\r\n });\r\n\r\n window.closeModal = function () { modal.classList.remove('active'); };\r\n modal.addEventListener('click', function (e) { if (e.target === modal) closeModal(); });\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-561f454 e-flex e-con-boxed e-con e-parent\" data-id=\"561f454\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57d3947 elementor-widget elementor-widget-html\" data-id=\"57d3947\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n \/* \u2500\u2500 Main container for the entire floating stack \u2500\u2500 *\/\r\n #ns-floating-stack {\r\n position: fixed;\r\n bottom: 20px;\r\n right: 20px;\r\n z-index: 99999;\r\n display: flex;\r\n flex-direction: column-reverse; \/* Stacks items vertically from bottom to top *\/\r\n gap: 12px; \/* Gap between the buttons *\/\r\n align-items: center;\r\n }\r\n\r\n \/* \u2500\u2500 General styling for social media buttons \u2500\u2500 *\/\r\n .ns-social-btn {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n text-decoration: none;\r\n border: none;\r\n color: white;\r\n font-size: 22px;\r\n }\r\n\r\n .ns-social-btn:hover {\r\n transform: scale(1.08);\r\n box-shadow: 0 6px 20px rgba(0,0,0,0.3);\r\n }\r\n\r\n \/* Specific colors for each platform *\/\r\n .ns-social-btn.facebook {\r\n background-color: #1877F2;\r\n }\r\n\r\n .ns-social-btn.instagram {\r\n background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);\r\n }\r\n\r\n .ns-social-btn.whatsapp {\r\n background-color: #25D366;\r\n }\r\n\r\n \/* \u2500\u2500 Chatbot Widget Adjustments \u2500\u2500 *\/\r\n #ns-cb-wrap {\r\n --ns-p: #1A3A6C;\r\n --ns-lime: #A4D233;\r\n --ns-red: #E31E24;\r\n \/* Removed fixed positioning as it's now in the flex stack *\/\r\n font-family: 'Segoe UI', Arial, sans-serif;\r\n position: relative; \/* Needed for greeting bubble and window positioning *\/\r\n width: 48px;\r\n height: 48px;\r\n }\r\n\r\n \/* Chatbot Toggle button (matches social button size) *\/\r\n #ns-cb-btn {\r\n width: 48px; height: 48px;\r\n background: var(--ns-p);\r\n border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer;\r\n box-shadow: 0 4px 18px rgba(26,58,108,0.38);\r\n border: none;\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n position: relative;\r\n }\r\n #ns-cb-btn:hover { transform: scale(1.08); box-shadow: 0 6px 22px rgba(26,58,108,0.48); }\r\n #ns-cb-btn svg { transition: transform 0.3s, opacity 0.3s; }\r\n #ns-cb-btn .icon-chat { position: absolute; }\r\n #ns-cb-btn .icon-close { position: absolute; opacity: 0; transform: rotate(-90deg); }\r\n #ns-cb-wrap.open #ns-cb-btn .icon-chat { opacity: 0; transform: rotate(90deg); }\r\n #ns-cb-wrap.open #ns-cb-btn .icon-close { opacity: 1; transform: rotate(0deg); }\r\n\r\n \/* Pulse ring on toggle *\/\r\n #ns-cb-btn::before {\r\n content: '';\r\n position: absolute; inset: -5px;\r\n border-radius: 50%;\r\n border: 2px solid rgba(26,58,108,0.3);\r\n animation: ns-pulse 2.5s ease-out infinite;\r\n }\r\n @keyframes ns-pulse { 0%,100%{transform:scale(1);opacity:.7} 60%{transform:scale(1.3);opacity:0} }\r\n\r\n \/* Greeting bubble \u2014 sits to the LEFT of the button *\/\r\n #ns-cb-bubble {\r\n position: absolute;\r\n top: 50%;\r\n right: 58px; \/* left of the 48px button + 10px gap *\/\r\n transform: translateY(-50%);\r\n background: white;\r\n border: 1px solid #e8ecf0;\r\n border-radius: 12px 12px 2px 12px;\r\n padding: 8px 14px;\r\n font-size: 12.5px; font-weight: 600;\r\n color: var(--ns-p);\r\n white-space: nowrap;\r\n box-shadow: 0 4px 16px rgba(0,0,0,0.1);\r\n cursor: pointer;\r\n animation: ns-bubble-in 0.4s cubic-bezier(0.34,1.56,0.64,1) forwards;\r\n }\r\n @keyframes ns-bubble-in { from{opacity:0;transform:translateY(-50%) translateX(12px)} to{opacity:1;transform:translateY(-50%) translateX(0)} }\r\n #ns-cb-bubble.hide { animation: ns-bubble-out 0.2s ease forwards; pointer-events:none; }\r\n @keyframes ns-bubble-out { to{opacity:0;transform:translateY(-50%) translateX(8px)} }\r\n\r\n \/* \u2500\u2500 Chat window \u2500\u2500 *\/\r\n #ns-cb-window {\r\n position: absolute;\r\n bottom: 58px; \/* Above the chatbot button *\/\r\n right: 0;\r\n width: 330px;\r\n height: 470px;\r\n background: #fff;\r\n border-radius: 20px;\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.18), 0 4px 16px rgba(0,0,0,0.08);\r\n display: flex; flex-direction: column; overflow: hidden;\r\n border: 1px solid #eaecf0;\r\n transform-origin: bottom right;\r\n transform: scale(0.85) translateY(12px);\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: transform 0.35s cubic-bezier(0.34,1.4,0.64,1), opacity 0.28s ease;\r\n }\r\n #ns-cb-wrap.open #ns-cb-window {\r\n transform: scale(1) translateY(0);\r\n opacity: 1;\r\n pointer-events: all;\r\n }\r\n\r\n \/* Header *\/\r\n .ns-cb-head {\r\n background: var(--ns-p);\r\n padding: 12px 14px 10px;\r\n display: flex; align-items: center; gap: 10px;\r\n flex-shrink: 0;\r\n }\r\n .ns-cb-head-logo {\r\n width: 38px; height: 38px;\r\n border-radius: 50%; background: #fff;\r\n display: flex; align-items: center; justify-content: center;\r\n overflow: hidden; flex-shrink: 0;\r\n }\r\n .ns-cb-head-logo img { width: 100%; height: 100%; object-fit: contain; }\r\n .ns-cb-head-info { flex: 1; }\r\n .ns-cb-head-info strong { color: #fff; font-size: 14px; display: block; line-height: 1.2; }\r\n .ns-cb-head-info small { color: rgba(255,255,255,0.72); font-size: 10px; }\r\n .ns-cb-status-dot { display: inline-block; width: 7px; height: 7px; background: #A4D233; border-radius: 50%; margin-right: 4px; }\r\n\r\n \/* Messages area *\/\r\n #ns-cb-msgs {\r\n flex: 1; overflow-y: auto; padding: 14px 12px 6px;\r\n display: flex; flex-direction: column; gap: 8px;\r\n background: #f0f2f5;\r\n scroll-behavior: smooth;\r\n }\r\n #ns-cb-msgs::-webkit-scrollbar { width: 4px; }\r\n #ns-cb-msgs::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }\r\n\r\n \/* Bubbles *\/\r\n .ns-msg-row { display: flex; align-items: flex-end; gap: 6px; }\r\n .ns-msg-row.bot { justify-content: flex-start; }\r\n .ns-msg-row.user { justify-content: flex-end; }\r\n\r\n .ns-avatar {\r\n width: 26px; height: 26px; border-radius: 50%;\r\n background: var(--ns-p); flex-shrink: 0;\r\n display: flex; align-items: center; justify-content: center;\r\n overflow: hidden;\r\n }\r\n .ns-avatar img { width: 100%; object-fit: cover; }\r\n\r\n .ns-bubble {\r\n max-width: 80%;\r\n padding: 9px 13px;\r\n border-radius: 18px;\r\n font-size: 13.5px; line-height: 1.45;\r\n animation: ns-msg-in 0.3s cubic-bezier(0.34,1.3,0.64,1) forwards;\r\n }\r\n @keyframes ns-msg-in { from{opacity:0;transform:translateY(8px) scale(0.95)} to{opacity:1;transform:none} }\r\n\r\n .ns-msg-row.bot .ns-bubble {\r\n background: #fff;\r\n color: #222;\r\n border-bottom-left-radius: 4px;\r\n box-shadow: 0 1px 4px rgba(0,0,0,0.08);\r\n }\r\n .ns-msg-row.user .ns-bubble {\r\n background: var(--ns-p);\r\n color: #fff;\r\n border-bottom-right-radius: 4px;\r\n }\r\n\r\n .ns-time {\r\n font-size: 9.5px; color: #aaa;\r\n margin: 0 6px 2px;\r\n display: block;\r\n }\r\n .ns-msg-row.user .ns-time { text-align: right; }\r\n\r\n \/* Typing indicator *\/\r\n .ns-typing-bubble {\r\n background: #fff;\r\n border-radius: 18px 18px 18px 4px;\r\n padding: 11px 16px;\r\n display: inline-flex; gap: 4px; align-items: center;\r\n box-shadow: 0 1px 4px rgba(0,0,0,0.08);\r\n animation: ns-msg-in 0.3s ease forwards;\r\n }\r\n .ns-typing-bubble span {\r\n width: 7px; height: 7px; background: #bbb; border-radius: 50%;\r\n animation: ns-dot-bounce 1.2s ease-in-out infinite;\r\n }\r\n .ns-typing-bubble span:nth-child(2) { animation-delay: 0.15s; }\r\n .ns-typing-bubble span:nth-child(3) { animation-delay: 0.3s; }\r\n @keyframes ns-dot-bounce { 0%,60%,100%{transform:translateY(0)} 30%{transform:translateY(-6px)} }\r\n\r\n \/* Quick chips *\/\r\n #ns-cb-chips {\r\n padding: 8px 10px 4px;\r\n display: flex; flex-wrap: wrap; gap: 6px;\r\n background: #f0f2f5;\r\n flex-shrink: 0;\r\n }\r\n .ns-chip {\r\n background: #fff; border: 1.5px solid var(--ns-p);\r\n color: var(--ns-p); border-radius: 20px;\r\n padding: 5px 13px; font-size: 12px; font-weight: 600;\r\n cursor: pointer; white-space: nowrap;\r\n transition: all 0.18s;\r\n animation: ns-chip-in 0.25s ease forwards;\r\n }\r\n @keyframes ns-chip-in { from{opacity:0;transform:scale(0.88)} to{opacity:1;transform:none} }\r\n .ns-chip:hover { background: var(--ns-p); color: #fff; }\r\n\r\n \/* Input row *\/\r\n .ns-cb-input-row {\r\n padding: 10px 12px;\r\n background: #fff;\r\n display: flex; gap: 8px; align-items: center;\r\n border-top: 1px solid #eaecf0;\r\n flex-shrink: 0;\r\n }\r\n #ns-cb-input {\r\n flex: 1; border: 1.5px solid #e0e3e8; border-radius: 22px;\r\n padding: 9px 16px; font-size: 13px; outline: none;\r\n transition: border-color 0.2s;\r\n background: #f7f8fa;\r\n }\r\n #ns-cb-input:focus { border-color: var(--ns-p); background: #fff; }\r\n #ns-cb-send {\r\n width: 38px; height: 38px; border-radius: 50%;\r\n background: var(--ns-p); border: none; cursor: pointer;\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0; transition: background 0.2s, transform 0.15s;\r\n }\r\n #ns-cb-send:hover { background: #2d5aa8; transform: scale(1.08); }\r\n\r\n @media (max-width: 400px) {\r\n #ns-cb-window { width: calc(100vw - 20px); right: -12px; }\r\n }\r\n<\/style>\r\n\r\n<div id=\"ns-floating-stack\">\r\n\r\n <div id=\"ns-cb-wrap\">\r\n <div id=\"ns-cb-bubble\" onclick=\"nsCbToggle()\">\ud83d\udc4b Hi! Need help?<\/div>\r\n\r\n <button id=\"ns-cb-btn\" onclick=\"nsCbToggle()\" aria-label=\"Chat\">\r\n <svg class=\"icon-chat\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"white\">\r\n <path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z\"\/>\r\n <\/svg>\r\n <svg class=\"icon-close\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"white\">\r\n <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/>\r\n <\/svg>\r\n <\/button>\r\n\r\n <div id=\"ns-cb-window\">\r\n <div class=\"ns-cb-head\">\r\n <div class=\"ns-cb-head-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\" alt=\"Logo\"\/>\r\n <\/div>\r\n <div class=\"ns-cb-head-info\">\r\n <strong>National School Assistant<\/strong>\r\n <small><span class=\"ns-cb-status-dot\"><\/span>Online \u00b7 Typically replies instantly<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"ns-cb-msgs\"><\/div>\r\n <div id=\"ns-cb-chips\"><\/div>\r\n <div class=\"ns-cb-input-row\">\r\n <input type=\"text\" id=\"ns-cb-input\" placeholder=\"Type a message\u2026\" autocomplete=\"off\"\/>\r\n <button id=\"ns-cb-send\">\r\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"white\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/wa.me\/919986077113?text=Hello%2C%20I%20am%20interested%20in%20admission%20to%20National%20School%20Karatagi.\" target=\"_blank\" class=\"ns-social-btn whatsapp\" aria-label=\"WhatsApp\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.instagram.com\/national_school_karatagi_?igsh=ZGZnbXF6eTN4MWpx&utm_source=qr\" target=\"_blank\" class=\"ns-social-btn instagram\" aria-label=\"Instagram\">\r\n <i class=\"fab fa-instagram\"><\/i>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.facebook.com\/share\/18ipySu59x\/?mibextid=wwXIfr\" target=\"_blank\" class=\"ns-social-btn facebook\" aria-label=\"Facebook\">\r\n <i class=\"fab fa-facebook-f\"><\/i>\r\n <\/a>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n const FORM_URL = \"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSdSLdYvEoIoDb7E71vlhyG0AamEB1pQQuhswRD9d1FKJmCaFw\/formResponse\";\r\n const ENTRY = { name:\"entry.696704203\", cls:\"entry.1089489972\", phone:\"entry.1819232693\", msg:\"entry.794227521\" };\r\n\r\n let step = 0, user = { name:'', phone:'', cls:'' }, opened = false;\r\n\r\n const wrap = document.getElementById('ns-cb-wrap');\r\n const msgs = document.getElementById('ns-cb-msgs');\r\n const chips = document.getElementById('ns-cb-chips');\r\n const input = document.getElementById('ns-cb-input');\r\n const bubble = document.getElementById('ns-cb-bubble');\r\n\r\n \/* \u2500\u2500 Toggle \u2500\u2500 *\/\r\n window.nsCbToggle = function() {\r\n wrap.classList.toggle('open');\r\n bubble.classList.add('hide');\r\n if (!opened) { opened = true; setTimeout(() => botSay(\"Hello! \ud83d\udc4b Welcome to **National School Karatagi**. How can I help you today?\", [\"Admission Info\", \"School Timings\", \"Fee Structure\", \"Contact Us\"]), 400); }\r\n };\r\n\r\n \/* Auto-show bubble after 3s *\/\r\n setTimeout(() => { if (bubble) bubble.style.display = 'block'; }, 3000);\r\n if (bubble) bubble.style.display = 'none';\r\n\r\n \/* \u2500\u2500 Bot message with typing animation \u2500\u2500 *\/\r\n function botSay(text, options = [], delay = 1100) {\r\n const typingRow = addTyping();\r\n setTimeout(() => {\r\n typingRow.remove();\r\n addBubble('bot', text);\r\n if (options.length) setChips(options);\r\n }, delay);\r\n }\r\n\r\n function addBubble(who, text) {\r\n const time = new Date().toLocaleTimeString([], { hour:'2-digit', minute:'2-digit' });\r\n const row = document.createElement('div');\r\n row.className = `ns-msg-row ${who}`;\r\n if (who === 'bot') {\r\n row.innerHTML = `\r\n <div class=\"ns-avatar\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\"\/><\/div>\r\n <div>\r\n <div class=\"ns-bubble\">${text.replace(\/\\*\\*(.*?)\\*\\*\/g,'<strong>$1<\/strong>').replace(\/\\n\/g,'<br>')}<\/div>\r\n <span class=\"ns-time\">${time}<\/span>\r\n <\/div>`;\r\n } else {\r\n row.innerHTML = `\r\n <div>\r\n <div class=\"ns-bubble\">${text}<\/div>\r\n <span class=\"ns-time\">${time} \u2713\u2713<\/span>\r\n <\/div>`;\r\n }\r\n msgs.appendChild(row);\r\n msgs.scrollTop = msgs.scrollHeight;\r\n }\r\n\r\n function addTyping() {\r\n const row = document.createElement('div');\r\n row.className = 'ns-msg-row bot';\r\n row.innerHTML = `\r\n <div class=\"ns-avatar\"><img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\"\/><\/div>\r\n <div class=\"ns-typing-bubble\"><span><\/span><span><\/span><span><\/span><\/div>`;\r\n msgs.appendChild(row);\r\n msgs.scrollTop = msgs.scrollHeight;\r\n return row;\r\n }\r\n\r\n function setChips(opts) {\r\n chips.innerHTML = '';\r\n opts.forEach(o => {\r\n const b = document.createElement('button');\r\n b.className = 'ns-chip'; b.textContent = o;\r\n b.onclick = () => send(o);\r\n chips.appendChild(b);\r\n });\r\n }\r\n\r\n \/* \u2500\u2500 Send \u2500\u2500 *\/\r\n function send(text) {\r\n const t = text || input.value.trim();\r\n if (!t) return;\r\n addBubble('user', t);\r\n input.value = '';\r\n chips.innerHTML = '';\r\n processFlow(t);\r\n }\r\n\r\n document.getElementById('ns-cb-send').onclick = () => send();\r\n input.addEventListener('keypress', e => { if (e.key === 'Enter') send(); });\r\n\r\n \/* \u2500\u2500 Conversation flow \u2500\u2500 *\/\r\n function processFlow(t) {\r\n const low = t.toLowerCase();\r\n\r\n if (low.includes('admission')) {\r\n step = 1;\r\n botSay(\"Great choice! \ud83c\udf89 Let's get you started with the admission process.\\n\\nFirst, may I know the **student's full name**?\", [], 900);\r\n }\r\n else if (low.includes('timing') || low.includes('time') || low.includes('hour')) {\r\n botSay(\"\ud83d\udd58 **School Timings:**\\n\u2022 Monday \u2013 Friday: 9:00 AM \u2013 4:00 PM\\n\u2022 Saturday: 9:00 AM \u2013 1:00 PM\\n\\nGates open 15 minutes before school starts.\", [\"Admission Info\", \"Contact Us\"], 900);\r\n }\r\n else if (low.includes('fee') || low.includes('fees') || low.includes('cost')) {\r\n botSay(\"\ud83d\udcb0 For detailed **fee structure**, please contact our office directly.\\n\\nWould you like us to call you back?\", [\"Yes, Call Me Back\", \"Contact Us\"], 900);\r\n }\r\n else if (low.includes('contact') || low.includes('address') || low.includes('location')) {\r\n botSay(\"\ud83d\udccd **National School Karatagi**\\nKaratagi, Gangavathi Taluk\\nKoppal District, Karnataka \u2013 583233\\n\\n\ud83d\udcde **+91 99860 77113**\\n\u2709\ufe0f nationalschoolkaratagi@gmail.com\", [\"Admission Info\", \"School Timings\"], 900);\r\n }\r\n else if (low.includes('yes, call') || low.includes('call me')) {\r\n step = 1;\r\n botSay(\"Sure! Could you share the **student's name** so we can personalise the call?\", [], 800);\r\n }\r\n else if (step === 1) {\r\n user.name = t;\r\n step = 2;\r\n botSay(`Nice to meet you, **${t}**! \ud83d\ude0a\\n\\nWhich **class or grade** are you enquiring for?\\n_(e.g. Nursery, Class 3, Class 9\u2026)_`, [], 950);\r\n }\r\n else if (step === 2) {\r\n user.cls = t;\r\n step = 3;\r\n botSay(`Perfect! \ud83d\udcda Lastly, please share your **WhatsApp number** so our admissions team can reach you.`, [], 900);\r\n }\r\n else if (step === 3) {\r\n user.phone = t;\r\n step = 0;\r\n botSay(`Almost done! Let me save your details\u2026 \ud83d\udcdd`, [], 600);\r\n submitToSheet();\r\n }\r\n else {\r\n botSay(\"I'm here to help! Here's what I can assist you with \ud83d\udc47\", [\"Admission Info\", \"School Timings\", \"Fee Structure\", \"Contact Us\"], 900);\r\n }\r\n }\r\n\r\n function submitToSheet() {\r\n\u00a0 \u00a0 \/\/ 1. SILENTLY SUBMIT TO GOOGLE SHEETS\r\n\u00a0 \u00a0 const fd = new FormData();\r\n\u00a0 \u00a0 fd.append(ENTRY.name, user.name);\r\n\u00a0 \u00a0 fd.append(ENTRY.phone, user.phone);\r\n\u00a0 \u00a0 fd.append(ENTRY.cls, user.cls);\r\n\u00a0 \u00a0 fd.append(ENTRY.msg, \"Chatbot enquiry\");\r\n\u00a0 \u00a0 fetch(FORM_URL, { method:'POST', mode:'no-cors', body: fd });\r\n\r\n\u00a0 \u00a0 \/\/ 2. PREPARE WHATSAPP MESSAGE\r\n\u00a0 \u00a0 const messageText = `Hello! Here is a new admission enquiry from the website Chatbot:\r\n*Name:* ${user.name}\r\n*Class:* ${user.cls}\r\n*Phone:* ${user.phone}`;\r\n\r\n\u00a0 \u00a0 const waUrl = `https:\/\/wa.me\/919986077113?text=${encodeURIComponent(messageText)}`;\r\n\r\n\u00a0 \u00a0 \/\/ 3. OPEN WHATSAPP IN A NEW TAB\r\n\u00a0 \u00a0 window.open(waUrl, '_blank');\r\n\r\n\u00a0 \u00a0 \/\/ 4. UPDATE CHATBOT UI\r\n\u00a0 \u00a0 setTimeout(() => {\r\n\u00a0 \u00a0 \u00a0 botSay(`\u2705 **All set, ${user.name}!**\\n\\nI have submitted your details and opened a WhatsApp chat with your pre-filled info so you can connect with us directly.\\n\\nThank you for choosing National School Karatagi! \ud83c\udfeb`, [\"Ask Another Question\"], 1200);\r\n\u00a0 \u00a0 }, 800);\r\n\u00a0 }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us | National School Karatagi Admission 2026 Contact Us Your journey with National School Karatagi starts here. Information Location […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","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":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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-26","page","type-page","status-publish","hentry"],"aioseo_notices":[],"yoast_head":"\n<title>Contact Us - Green Valley Rural High School<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact Us - Green Valley Rural High School\" \/>\n<meta property=\"og:description\" content=\"Contact Us | National School Karatagi Admission 2026 Contact Us Your journey with National School Karatagi starts here. Information Location […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/\" \/>\n<meta property=\"og:site_name\" content=\"Green Valley Rural High School\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.instagram.com\/national_school_karatagi_?igsh=ZGZnbXF6eTN4MWpx&utm_source=qr\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-14T12:45:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/\",\"name\":\"Contact Us - Green Valley Rural High School\",\"isPartOf\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\",\"datePublished\":\"2026-03-23T09:29:40+00:00\",\"dateModified\":\"2026-04-14T12:45:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#primaryimage\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\",\"contentUrl\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg\",\"width\":1024,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/nationalschoolkaratagi.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact Us\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#website\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/\",\"name\":\"National Higher Primary and Green Valley Rural High School\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/nationalschoolkaratagi.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#organization\",\"name\":\"National Higher Primary and Green Valley Rural High School\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/cropped-favicon.png\",\"contentUrl\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/cropped-favicon.png\",\"width\":512,\"height\":512,\"caption\":\"National Higher Primary and Green Valley Rural High School\"},\"image\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/national_school_karatagi_?igsh=ZGZnbXF6eTN4MWpx&utm_source=qr\"]}]}<\/script>\n","yoast_head_json":{"title":"Contact Us - Green Valley Rural High School","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/","og_locale":"en_US","og_type":"article","og_title":"Contact Us - Green Valley Rural High School","og_description":"Contact Us | National School Karatagi Admission 2026 Contact Us Your journey with National School Karatagi starts here. Information Location […]","og_url":"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/","og_site_name":"Green Valley Rural High School","article_publisher":"https:\/\/www.instagram.com\/national_school_karatagi_?igsh=ZGZnbXF6eTN4MWpx&utm_source=qr","article_modified_time":"2026-04-14T12:45:09+00:00","og_image":[{"url":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/","url":"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/","name":"Contact Us - Green Valley Rural High School","isPartOf":{"@id":"https:\/\/nationalschoolkaratagi.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#primaryimage"},"image":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#primaryimage"},"thumbnailUrl":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg","datePublished":"2026-03-23T09:29:40+00:00","dateModified":"2026-04-14T12:45:09+00:00","breadcrumb":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#primaryimage","url":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg","contentUrl":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/National-school-Karatagi-logo.jpeg","width":1024,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/contact-us\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nationalschoolkaratagi.com\/"},{"@type":"ListItem","position":2,"name":"Contact Us"}]},{"@type":"WebSite","@id":"https:\/\/nationalschoolkaratagi.com\/#website","url":"https:\/\/nationalschoolkaratagi.com\/","name":"National Higher Primary and Green Valley Rural High School","description":"","publisher":{"@id":"https:\/\/nationalschoolkaratagi.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nationalschoolkaratagi.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/nationalschoolkaratagi.com\/#organization","name":"National Higher Primary and Green Valley Rural High School","url":"https:\/\/nationalschoolkaratagi.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nationalschoolkaratagi.com\/#\/schema\/logo\/image\/","url":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/cropped-favicon.png","contentUrl":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/cropped-favicon.png","width":512,"height":512,"caption":"National Higher Primary and Green Valley Rural High School"},"image":{"@id":"https:\/\/nationalschoolkaratagi.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/national_school_karatagi_?igsh=ZGZnbXF6eTN4MWpx&utm_source=qr"]}]}},"_links":{"self":[{"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":85,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":1939,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions\/1939"}],"wp:attachment":[{"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}