School Overview | National School Karatagi<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&family=Playfair+Display:wght@700;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n:root{\r\n --navy:#1A2A6C;--navy-d:#0f1d52;--navy-l:#e8ecf8;\r\n --green:#7DC223;--green-d:#5aa800;--green-l:#f2faeb;\r\n --white:#fff;--bg:#FAFBFF;--border:#E2E6F3;--muted:#5B6480;\r\n --serif:'Playfair Display',serif;--sans:'Inter',sans-serif;\r\n}\r\nbody{font-family:var(--sans);background:var(--bg);color:var(--navy);overflow-x:hidden;line-height:1.5}\r\n\r\n\/* REVEAL BASE *\/\r\n.rv{opacity:0;transform:translateY(15px);transition:opacity .5s ease,transform .5s ease}\r\n.rv.on{opacity:1;transform:translateY(0)}\r\n\r\n\/* \u2500\u2500\u2500 HERO SECTION (COMPACT) \u2500\u2500\u2500 *\/\r\n.hero{\r\n background:linear-gradient(135deg,#FAFBFF 0%,#EEF1FF 100%);\r\n padding:40px 20px 30px; \/* Reduced padding *\/\r\n border-bottom:1px solid var(--border);\r\n position:relative;\r\n}\r\n.hero-inner{\r\n max-width:1100px;margin:0 auto;\r\n display:grid;grid-template-columns:1fr;gap:30px;align-items:center;\r\n}\r\n.hero-eyebrow{\r\n display:inline-block;background:var(--green-l);color:var(--green-d);\r\n padding:4px 12px;border-radius:20px;font-size:10px;font-weight:700;\r\n text-transform:uppercase;margin-bottom:10px;\r\n}\r\n.hero-title{\r\n font-family:var(--serif);font-size:clamp(28px,4.5vw,48px);\r\n font-weight:900;line-height:1.1;margin-bottom:10px;\r\n}\r\n.hero-title span{color:var(--green-d)}\r\n.hero-subtitle{font-size:15px;color:var(--muted);margin-bottom:20px;max-width:500px}\r\n\r\n\/* Pills & CTAs *\/\r\n.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}\r\n.pill{\r\n background:var(--white);border:1px solid var(--border);\r\n border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700;\r\n}\r\n.hero-ctas{display:flex;gap:10px}\r\n.btn{padding:10px 22px;border-radius:20px;font-size:13px;font-weight:700;text-decoration:none;transition:.2s}\r\n.btn-navy{background:var(--navy);color:#fff}\r\n.btn-outline{border:2px solid var(--border);color:var(--navy)}\r\n\r\n\/* Visuals *\/\r\n.hero-visual{position:relative;max-width:400px;margin:0 auto}\r\n.hero-img-card{\r\n border-radius:20px;overflow:hidden;aspect-ratio:1.2\/1; \/* Landscape to save height *\/\r\n border:3px solid #fff;box-shadow:0 10px 30px rgba(26,42,108,0.1);\r\n}\r\n.hero-img-card img{width:100%;height:100%;object-fit:cover}\r\n.fbdg{\r\n position:absolute;background:#fff;padding:8px 12px;border-radius:10px;\r\n box-shadow:0 5px 15px rgba(0,0,0,0.1);font-weight:800;font-size:14px;z-index:5;\r\n}\r\n.fbdg span{font-size:9px;color:var(--muted);display:block}\r\n.fbdg.tl{top:-10px;left:-10px;border-left:3px solid var(--green)}\r\n.fbdg.br{bottom:-10px;right:-10px;border-left:3px solid var(--navy)}\r\n\r\n\/* \u2500\u2500\u2500 OVERVIEW BODY (COMPACT) \u2500\u2500\u2500 *\/\r\n.overview{padding:40px 20px;background:var(--white)}\r\n.ov-inner{max-width:1100px;margin:0 auto}\r\n.section-label{\r\n font-size:10px;font-weight:700;text-transform:uppercase;color:var(--muted);\r\n display:block;margin-bottom:5px;letter-spacing:1px;\r\n}\r\n.section-h2{\r\n font-family:var(--serif);font-size:clamp(24px,3vw,36px);\r\n font-weight:900;margin-bottom:15px;\r\n}\r\n.section-h2 em{font-style:normal;color:var(--green-d)}\r\n\r\n.ov-grid{display:grid;grid-template-columns:1fr;gap:30px;align-items:start}\r\n.ov-text p{color:var(--muted);font-size:14.5px;line-height:1.7;margin-bottom:12px}\r\n.ov-text p strong{color:var(--navy)}\r\n\r\n\/* Award & Ach Grid *\/\r\n.award-strip{display:grid;grid-template-columns:1fr;gap:10px;margin:20px 0}\r\n.award-card{\r\n display:flex;align-items:center;gap:12px;background:var(--bg);\r\n padding:12px;border-radius:12px;border-left:4px solid var(--green);\r\n}\r\n.aw-ico{font-size:18px}\r\n.aw-title{font-size:13px;font-weight:800;display:block}\r\n.aw-sub{font-size:11px;color:var(--muted)}\r\n\r\n.ach-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}\r\n.ach-card{\r\n background:var(--bg);border-radius:12px;padding:15px;\r\n border:1px solid var(--border);text-align:center;\r\n}\r\n.ach-icon{font-size:24px;margin-bottom:5px;display:block}\r\n.ach-title{font-size:13px;font-weight:800;margin-bottom:3px}\r\n.ach-text{font-size:11.5px;color:var(--muted);line-height:1.4}\r\n\r\n.lvl-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}\r\n.lvl{padding:5px 12px;border-radius:15px;font-size:11px;font-weight:700;border:1px solid var(--border)}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(min-width:768px){\r\n .hero-inner{grid-template-columns:1.2fr 1fr;gap:40px}\r\n .ov-grid{grid-template-columns:1fr 1fr;gap:50px}\r\n .hero{padding:60px 40px 40px}\r\n .ach-grid{grid-template-columns:repeat(3,1fr)}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hero\">\r\n <div class=\"hero-inner\">\r\n <div class=\"rv on\">\r\n <div class=\"hero-eyebrow\">Established \u00b7 Karatagi, Karnataka<\/div>\r\n <h1 class=\"hero-title\">Where Every Child<br><span>Discovers Greatness<\/span><\/h1>\r\n <p class=\"hero-subtitle\">National School Karatagi & Green Valley \u2014 Koppal's celebrated institution nurturing 1,500+ students with CBSE, ICSE & State Board excellence.<\/p>\r\n <div class=\"hero-pills\">\r\n <span class=\"pill\">National Achievers<\/span>\r\n <span class=\"pill\">State Champions<\/span>\r\n <span class=\"pill\">Academic Excellence<\/span>\r\n <\/div>\r\n <div class=\"hero-ctas\">\r\n <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\" class=\"btn btn-navy\">Apply Now \u2192<\/a>\r\n <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/\" class=\"btn btn-outline\">About Us<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-visual rv on\">\r\n <div class=\"fbdg tl\">1,500+<span>Students<\/span><\/div>\r\n <div class=\"fbdg br\">Large<span>Green Campus<\/span><\/div>\r\n <div class=\"hero-img-card\">\r\n <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DJI_20260309100714_0188_D-scaled.jpg\" alt=\"School\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"overview\">\r\n <div class=\"ov-inner\">\r\n <div class=\"rv on\" style=\"margin-bottom:20px\">\r\n <span class=\"section-label\">\ud83c\udfc5 School Overview<\/span>\r\n <h2 class=\"section-h2\">Creating <em>Champions & Scholars<\/em><\/h2>\r\n <\/div>\r\n <div class=\"ov-grid\">\r\n <div class=\"ov-text rv on\">\r\n <p><strong>National School Karatagi<\/strong> is a launchpad for extraordinary lives. Founded on <strong>\"The Word Is God,\"<\/strong> we have been a beacon of excellence in Koppal for generations.<\/p>\r\n <p>Our students win at <strong>national and state levels<\/strong> in academics, karate, and dance. We offer <strong>CBSE\/ICSE (1\u20137)<\/strong> and <strong>State Board (8\u201310)<\/strong>, ensuring world-class multi-board education locally.<\/p>\r\n <div class=\"award-strip\">\r\n <div class=\"award-card\">\r\n <span class=\"aw-ico\">\ud83e\udd47<\/span>\r\n <div><span class=\"aw-title\">National Achievements<\/span><span class=\"aw-sub\">Recognised in academics & arts<\/span><\/div>\r\n <\/div>\r\n <div class=\"award-card\">\r\n <span class=\"aw-ico\">\ud83c\udfc6<\/span>\r\n <div><span class=\"aw-title\">State Championships<\/span><span class=\"aw-sub\">Wins in karate & cultural events<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"lvl-row\">\r\n <span class=\"lvl\" style=\"background:#fff8e1\">\ud83e\udd47 National Winners<\/span>\r\n <span class=\"lvl\" style=\"background:#f2faeb\">\ud83c\udfc6 State Champions<\/span>\r\n <span class=\"lvl\" style=\"background:#e8ecf8\">\ud83d\udcda Multi-Board<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rv on\">\r\n <div class=\"ach-grid\">\r\n <div class=\"ach-card\"><span class=\"ach-icon\">\ud83e\udd4b<\/span><div class=\"ach-title\">Karate<\/div><p class=\"ach-text\">Medals at national tournaments.<\/p><\/div>\r\n <div class=\"ach-card\"><span class=\"ach-icon\">\ud83d\udc83<\/span><div class=\"ach-title\">Dance<\/div><p class=\"ach-text\">District & State champions.<\/p><\/div>\r\n <div class=\"ach-card\"><span class=\"ach-icon\">\ud83c\udfcf<\/span><div class=\"ach-title\">Sports<\/div><p class=\"ach-text\">Representing Gangavathi Taluk.<\/p><\/div>\r\n <div class=\"ach-card\"><span class=\"ach-icon\">\ud83c\udf93<\/span><div class=\"ach-title\">Toppers<\/div><p class=\"ach-text\">Highest board exam records.<\/p><\/div>\r\n <div class=\"ach-card\"><span class=\"ach-icon\">\ud83c\udfb5<\/span><div class=\"ach-title\">Arts<\/div><p class=\"ach-text\">Winners in cultural fests.<\/p><\/div>\r\n <div class=\"ach-card\"><span class=\"ach-icon\">\ud83c\udf1f<\/span><div class=\"ach-title\">Growth<\/div><p class=\"ach-text\">Holistic talent support.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => { if(entry.isIntersecting) entry.target.classList.add('on'); });\r\n }, { threshold: 0.1 });\r\n document.querySelectorAll('.rv').forEach(el => observer.observe(el));\r\n});\r\n<\/script>\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-b0fe390 e-flex e-con-boxed e-con e-parent\" data-id=\"b0fe390\" 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-25ee1ee elementor-widget elementor-widget-html\" data-id=\"25ee1ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\r\n<title>Vision & Mission | National School Karatagi<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&family=Playfair+Display:ital,wght@0,900;1,700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n:root{\r\n --navy:#1A2A6C; --navy-d:#0f1d52; --green:#7DC223; --white:#fff;\r\n --bg:#FAFBFF; --border:#E2E6F3; --muted:#5B6480;\r\n --mission-color: #FF5A43; --vision-color: #00A9C1;\r\n --serif:'Playfair Display',serif; --sans:'Inter',sans-serif;\r\n}\r\nbody{font-family:var(--sans);background:var(--bg);color:var(--navy);-webkit-font-smoothing:antialiased;overflow-x:hidden}\r\n\r\n\/* REVEAL ANIMATION *\/\r\n.rv{opacity:0;transform:translateY(20px);transition:all .6s ease}.rv.on{opacity:1;transform:translateY(0)}\r\n\r\n.vm-section{padding:50px 20px;background:var(--white)}\r\n.wrap{max-width:1100px;margin:0 auto}\r\n\r\n\/* MOTTO STRIP *\/\r\n.quote-strip{\r\n background:linear-gradient(135deg,var(--navy-d) 0%,var(--navy) 100%);\r\n border-radius:16px;padding:30px;text-align:center;margin-bottom:40px;\r\n position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.1);\r\n}\r\n.qs-text{font-family:var(--serif);font-size:clamp(24px,4vw,36px);color:#fff;font-style:italic;position:relative;z-index:1}\r\n.qs-attribution{color:rgba(255,255,255,0.6);font-size:12px;margin-top:10px;text-transform:uppercase;letter-spacing:2px}\r\n\r\n\/* --- REDESIGNED CIRCULAR MISSION & VISION --- *\/\r\n.circles-wrapper {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 50px;\r\n flex-wrap: wrap;\r\n margin: 60px 0;\r\n}\r\n\r\n.c-card {\r\n width: 280px; \/* Reduced size *\/\r\n height: 280px;\r\n background: var(--white);\r\n border-radius: 50%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 30px;\r\n text-align: center;\r\n position: relative;\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.04);\r\n}\r\n\r\n\/* Reference Arcs *\/\r\n.c-card::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -6px; left: -6px; right: -6px; bottom: -6px;\r\n border-radius: 50%;\r\n border: 2px solid transparent;\r\n}\r\n.mission-c::before { border-top: 3px solid var(--mission-color); border-left: 3px solid var(--mission-color); }\r\n.vision-c::before { border-top: 3px solid var(--vision-color); border-right: 3px solid var(--vision-color); }\r\n\r\n.c-label {\r\n color: white;\r\n font-size: 11px;\r\n font-weight: 800;\r\n padding: 5px 15px;\r\n border-radius: 4px;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 12px;\r\n}\r\n.m-bg { background: var(--mission-color); }\r\n.v-bg { background: var(--vision-color); }\r\n\r\n.c-title { font-family: var(--serif); font-size: 20px; margin-bottom: 10px; color: var(--navy); }\r\n.c-text { font-size: 13.5px; line-height: 1.5; color: var(--muted); }\r\n.c-icon { font-size: 24px; margin-bottom: 5px; }\r\n\r\n\/* PILLARS *\/\r\n.pillars-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}\r\n.pillar{background:#f8f9ff;padding:20px;border-radius:12px;text-align:center;border:1px solid var(--border)}\r\n.pillar-icon{font-size:24px;margin-bottom:10px;display:block}\r\n.pillar-title{font-size:13px;font-weight:800;text-transform:uppercase;margin-bottom:5px}\r\n.pillar-text{font-size:12px;color:var(--muted);line-height:1.4}\r\n\r\n\/* CORE VALUES TICKER *\/\r\n.values-strip{\r\n margin-top:40px;padding:20px 0;\r\n border-top:1px solid var(--border);border-bottom:1px solid var(--border);\r\n display:flex;justify-content:space-around;flex-wrap:wrap;gap:15px;\r\n}\r\n.val-item{display:flex;align-items:center;gap:8px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px}\r\n.val-dot{width:6px;height:6px;background:var(--green);border-radius:50%}\r\n\r\n@media(min-width:768px){\r\n .pillars-grid{grid-template-columns:repeat(4,1fr)}\r\n .vm-section{padding:70px 40px}\r\n}\r\n\r\n\/* Tablet\/Mobile Alignment Fix *\/\r\n@media(max-width: 650px) {\r\n .circles-wrapper { gap: 40px; }\r\n .c-card { width: 260px; height: 260px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"vm-section\">\r\n <div class=\"wrap\">\r\n\r\n <div class=\"quote-strip rv on\">\r\n <div class=\"qs-text\">\"The Word Is God\"<\/div>\r\n <p class=\"qs-attribution\">Our Founding Principle Since 1986<\/p>\r\n <\/div>\r\n\r\n <div class=\"circles-wrapper\">\r\n <div class=\"c-card mission-c rv on\">\r\n <div class=\"c-icon\">\ud83d\udca1<\/div>\r\n <span class=\"c-label m-bg\">Mission<\/span>\r\n <h3 class=\"c-title\">Igniting Potential<\/h3>\r\n <p class=\"c-text\">To deliver world-class CBSE, ICSE, and State Board education through modern technology and character-building mentorship.<\/p>\r\n <\/div>\r\n\r\n <div class=\"c-card vision-c rv on\">\r\n <div class=\"c-icon\">\ud83c\udfaf<\/div>\r\n <span class=\"c-label v-bg\">Vision<\/span>\r\n <h3 class=\"c-title\">Legacy of Excellence<\/h3>\r\n <p class=\"c-text\">To be the most trusted educational landmark in rural Karnataka, producing globally competitive leaders rooted in Indian values.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"values-strip rv on\">\r\n <div class=\"val-item\"><div class=\"val-dot\"><\/div> Integrity<\/div>\r\n <div class=\"val-item\"><div class=\"val-dot\"><\/div> Curiosity<\/div>\r\n <div class=\"val-item\"><div class=\"val-dot\"><\/div> Resilience<\/div>\r\n <div class=\"val-item\"><div class=\"val-dot\"><\/div> Empathy<\/div>\r\n <div class=\"val-item\"><div class=\"val-dot\"><\/div> Excellence<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => { if(entry.isIntersecting) entry.target.classList.add('on'); });\r\n }, { threshold: 0.1 });\r\n document.querySelectorAll('.rv').forEach(el => observer.observe(el));\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-365b380 e-flex e-con-boxed e-con e-parent\" data-id=\"365b380\" 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-b7e37ee elementor-widget elementor-widget-html\" data-id=\"b7e37ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n --brand-blue: #1b75bc; \/* Bright corporate blue from reference *\/\r\n --brand-dark: #111111;\r\n --text-grey: #444444;\r\n --bg-light: #eaedf2; \/* Light grey background *\/\r\n --white: #ffffff;\r\n --sans: 'Inter', sans-serif;\r\n}\r\n\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\nbody { \r\n background-color: var(--white); \r\n font-family: var(--sans); \r\n color: var(--text-grey); \r\n -webkit-font-smoothing: antialiased; \r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MAIN WRAPPER & BACKGROUND ART\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ceo-message-section {\r\n position: relative;\r\n background-color: var(--bg-light);\r\n padding: 80px 20px;\r\n overflow: hidden;\r\n min-height: 700px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n\/* Dot Pattern (Top Left) *\/\r\n.ceo-message-section::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 400px; height: 400px;\r\n background-image: radial-gradient(#b8c1cc 2px, transparent 2px);\r\n background-size: 16px 16px;\r\n opacity: 0.6;\r\n z-index: 1;\r\n}\r\n\r\n\/* Large Blue Angled Shape (Right) *\/\r\n.bg-blue-swoosh {\r\n position: absolute;\r\n top: -10%;\r\n right: -15%;\r\n width: 60%;\r\n height: 120%;\r\n background: linear-gradient(135deg, #4ca1e4 0%, var(--brand-blue) 100%);\r\n transform: rotate(25deg);\r\n border-radius: 60px;\r\n z-index: 2;\r\n box-shadow: -10px 10px 30px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* Grey Pill Shape (Bottom Left) *\/\r\n.bg-pill-bottom {\r\n position: absolute;\r\n bottom: 50px;\r\n left: -40px;\r\n width: 150px;\r\n height: 35px;\r\n background-color: #a4b0be;\r\n border-radius: 20px;\r\n transform: rotate(-45deg);\r\n z-index: 2;\r\n}\r\n\r\n\/* Grey Pill Shape (Right Edge Overlay) *\/\r\n.bg-pill-right {\r\n position: absolute;\r\n top: 40%;\r\n right: -20px;\r\n width: 80px;\r\n height: 120px;\r\n border: 15px solid var(--white);\r\n border-radius: 60px;\r\n z-index: 4;\r\n}\r\n\r\n\/* Little floating triangle *\/\r\n.bg-triangle {\r\n position: absolute;\r\n top: 45%;\r\n left: 45%;\r\n width: 0; height: 0;\r\n border-left: 10px solid transparent;\r\n border-right: 10px solid transparent;\r\n border-top: 15px solid #a4b0be;\r\n background: transparent;\r\n z-index: 2;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CONTENT LAYOUT\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.content-container {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n position: relative;\r\n z-index: 5; \/* Above background art *\/\r\n width: 100%;\r\n}\r\n\r\n\/* LEFT SIDE: TEXT *\/\r\n.text-col {\r\n flex: 0 0 45%;\r\n padding-right: 30px;\r\n}\r\n\r\n\/* School Logo Placeholder Match *\/\r\n.school-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n background: var(--white);\r\n border: 1px solid #d1d8e0;\r\n padding: 5px 15px 5px 5px;\r\n border-radius: 4px;\r\n margin-bottom: 40px;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n}\r\n.school-badge-icon {\r\n background: var(--brand-blue);\r\n color: var(--white);\r\n font-weight: 800;\r\n padding: 5px 10px;\r\n border-radius: 2px;\r\n margin-right: 10px;\r\n}\r\n.school-badge-text {\r\n font-weight: 700;\r\n color: var(--brand-blue);\r\n font-size: 14px;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.text-col h1 {\r\n font-size: 52px;\r\n font-weight: 900;\r\n color: var(--brand-dark);\r\n line-height: 1.1;\r\n margin-bottom: 25px;\r\n}\r\n\r\n.text-col p {\r\n font-size: 16px;\r\n line-height: 1.6;\r\n font-weight: 500;\r\n margin-bottom: 30px;\r\n}\r\n\r\n\/* Signature Area *\/\r\n.author-area {\r\n margin-bottom: 40px;\r\n}\r\n\r\n.author-dots {\r\n display: flex;\r\n gap: 6px;\r\n margin-bottom: 12px;\r\n}\r\n.author-dots span {\r\n display: block;\r\n width: 8px;\r\n height: 8px;\r\n background-color: #ced6e0;\r\n border-radius: 50%;\r\n}\r\n\r\n.author-area strong {\r\n display: block;\r\n color: var(--brand-dark);\r\n font-size: 15px;\r\n margin-bottom: 4px;\r\n}\r\n.author-area span {\r\n display: block;\r\n font-size: 13px;\r\n color: var(--text-grey);\r\n line-height: 1.5;\r\n}\r\n\r\n.contact-btn {\r\n display: inline-block;\r\n background-color: var(--brand-blue);\r\n color: var(--white);\r\n padding: 12px 30px;\r\n border-radius: 25px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n font-size: 15px;\r\n transition: 0.3s;\r\n box-shadow: 0 8px 20px rgba(27, 117, 188, 0.3);\r\n}\r\n.contact-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 25px rgba(27, 117, 188, 0.4);\r\n}\r\n\r\n\/* RIGHT SIDE: IMAGE *\/\r\n.image-col {\r\n flex: 0 0 55%;\r\n display: flex;\r\n justify-content: flex-end;\r\n position: relative;\r\n}\r\n\r\n\/* The thick white circular border from the reference *\/\r\n.image-wrapper {\r\n width: 480px;\r\n height: 480px;\r\n background-color: var(--white);\r\n border-radius: 50%;\r\n border: 15px solid var(--white);\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.15);\r\n overflow: hidden;\r\n position: relative;\r\n z-index: 5;\r\n}\r\n\r\n.image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: top center;\r\n}\r\n\r\n\/* Floating outline circle *\/\r\n.floating-circle {\r\n position: absolute;\r\n bottom: -20px;\r\n left: 20%;\r\n width: 30px; height: 30px;\r\n border: 3px solid #ced6e0;\r\n border-radius: 50%;\r\n z-index: 2;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESPONSIVE DESIGN\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 992px) {\r\n .content-container {\r\n flex-direction: column-reverse;\r\n text-align: center;\r\n }\r\n .text-col {\r\n flex: 0 0 100%;\r\n padding-right: 0;\r\n margin-top: 50px;\r\n }\r\n .image-col {\r\n flex: 0 0 100%;\r\n justify-content: center;\r\n }\r\n .image-wrapper {\r\n width: 350px;\r\n height: 350px;\r\n }\r\n .bg-blue-swoosh {\r\n right: -30%;\r\n width: 100%;\r\n }\r\n .author-dots { justify-content: center; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .text-col h1 { font-size: 40px; }\r\n .image-wrapper { width: 280px; height: 280px; border-width: 10px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"ceo-message-section\">\r\n <div class=\"bg-blue-swoosh\"><\/div>\r\n <div class=\"bg-pill-bottom\"><\/div>\r\n <div class=\"bg-pill-right\"><\/div>\r\n <div class=\"bg-triangle\"><\/div>\r\n <div class=\"floating-circle\"><\/div>\r\n\r\n <div class=\"content-container\">\r\n \r\n <div class=\"text-col\">\r\n <div class=\"school-badge\">\r\n <span class=\"school-badge-icon\">NSK<\/span>\r\n <span class=\"school-badge-text\">EXCELLENCE DELIVERED<\/span>\r\n <\/div>\r\n\r\n <h1>Chairman's<br>Message<\/h1>\r\n \r\n <p>\r\n Believing in the mantra \"education is not merely the transfer of knowledge \u2014 it is the lighting of a flame,\" National School Karatagi attributes its success to a dedicated and inspirational community. We empower our students, valuing their personal and academic growth. Our foundation consists of trust, credibility, hard work, discipline, and robust values.\r\n <\/p>\r\n\r\n <div class=\"author-area\">\r\n <div class=\"author-dots\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n <strong>- Shri. Venkat Rao<\/strong>\r\n <span>Chairman & Founder<\/span>\r\n <span>National School Karatagi<\/span>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\" class=\"contact-btn\">Admissions Inquiry<\/a>\r\n <\/div>\r\n\r\n <div class=\"image-col\">\r\n <div class=\"image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_ts5479ts5479ts54.png\" alt=\"Chairman Shri. Venkateshwar Rao\">\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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-653e16d e-flex e-con-boxed e-con e-parent\" data-id=\"653e16d\" 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-b919590 elementor-widget elementor-widget-html\" data-id=\"b919590\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\r\n<meta name=\"description\" content=\"History of National School Karatagi \u2013 A journey of educational excellence, state & national achievements, and growth in Karatagi, Gangavathi Taluk, Koppal District, Karnataka.\">\r\n<title>Our History | National School Karatagi<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800;900&family=Playfair+Display:ital,wght@0,700;0,900;1,700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\nhtml{-webkit-text-size-adjust:100%}\r\n:root{\r\n --navy:#1A2A6C;--navy-d:#0f1d52;--navy-l:#e8ecf8;\r\n --green:#7DC223;--green-d:#5aa800;--green-l:#f2faeb;\r\n --yellow:#FFD700;--white:#fff;--bg:#FAFBFF;--bg2:#F4F6FF;\r\n --border:#E2E6F3;--muted:#5B6480;\r\n --serif:'Playfair Display',Georgia,serif;\r\n --sans:'Inter',system-ui,Arial,sans-serif;\r\n --sh-sm:0 4px 16px rgba(26,42,108,.08);\r\n --sh-md:0 8px 32px rgba(26,42,108,.11);\r\n}\r\nbody{font-family:var(--sans);background:var(--bg);color:var(--navy);-webkit-font-smoothing:antialiased}\r\n\r\n.rv{opacity:0;transform:translateY(20px);transition:all .5s ease}\r\n.rv.on{opacity:1;transform:translateY(0)}\r\n.rv.s1{transition-delay:.1s}.rv.s2{transition-delay:.2s}\r\n\r\n.wrap{max-width:1100px;margin:0 auto}\r\n\r\n\/* \u2500\u2500\u2500 SECTION \u2500\u2500\u2500 *\/\r\n.history-sec{padding:60px 20px;background:var(--white);position:relative;overflow:hidden;}\r\n.sec-label{\r\n display:inline-flex;align-items:center;gap:7px;\r\n background:var(--bg2);color:var(--navy);border:1.5px solid var(--border);\r\n padding:5px 16px;border-radius:30px;font-size:11px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;margin-bottom:14px;\r\n}\r\n.sec-h2{\r\n font-family:var(--serif);font-size:clamp(26px,3.5vw,38px);font-weight:900;\r\n color:var(--navy);line-height:1.14;letter-spacing:-.4px;margin-bottom:15px;\r\n}\r\n.sec-h2 em{font-style:normal;color:var(--green-d)}\r\n.rule{width:40px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--navy),var(--green));margin:0 auto 30px}\r\n\r\n\/* \u2500\u2500\u2500 COMPACT STATS \u2500\u2500\u2500 *\/\r\n.origin-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:50px;}\r\n.or-stat{\r\n background:var(--white);border-radius:12px;padding:15px;\r\n text-align:center;border:1px solid var(--border);box-shadow:var(--sh-sm);\r\n}\r\n.or-num{font-family:var(--serif);font-size:26px;font-weight:900;color:var(--navy);display:block;}\r\n.or-label{color:var(--muted);font-size:11px;margin-top:4px;font-weight:700;text-transform:uppercase;}\r\n\r\n\/* \u2500\u2500\u2500 CONDENSED TIMELINE \u2500\u2500\u2500 *\/\r\n.timeline{position:relative;max-width:860px;margin:0 auto;padding:0 0 0 20px;}\r\n.timeline::before{\r\n content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;\r\n background:linear-gradient(180deg,var(--navy),var(--green));border-radius:3px;\r\n}\r\n.tl-item{position:relative;padding-left:45px;margin-bottom:30px;}\r\n.tl-item:last-child{margin-bottom:0}\r\n.tl-dot{\r\n position:absolute;left:-10px;top:16px;width:24px;height:24px;border-radius:50%;\r\n background:var(--white);border:3px solid var(--navy);display:flex;align-items:center;justify-content:center;\r\n font-size:11px;z-index:1;box-shadow:0 0 0 4px rgba(26,42,108,.08);\r\n}\r\n.tl-item.milestone .tl-dot{background:linear-gradient(135deg,var(--navy-d),var(--navy));border-color:var(--green);width:28px;height:28px;left:-12px;}\r\n.tl-card{\r\n background:var(--bg);border:1px solid var(--border);border-left:4px solid var(--border);\r\n border-radius:12px;padding:20px;box-shadow:var(--sh-sm);\r\n}\r\n.tl-item.milestone .tl-card{background:var(--white);border-left-color:var(--green);}\r\n.tl-title{color:var(--navy);font-size:16px;font-weight:800;margin-bottom:6px;line-height:1.3;}\r\n.tl-text{color:var(--muted);font-size:13.5px;line-height:1.6;}\r\n.tl-tag{\r\n display:inline-flex;align-items:center;gap:5px;background:var(--green-l);color:var(--green-d);\r\n border:1px solid rgba(125,194,35,.25);padding:3px 10px;border-radius:14px;font-size:11px;font-weight:700;margin-top:10px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SEO CHIP BANNER \u2500\u2500\u2500 *\/\r\n.legacy-banner{\r\n background:linear-gradient(135deg,var(--navy-d) 0%,var(--navy) 100%);\r\n border-radius:16px;padding:35px 20px;margin-top:50px;text-align:center;box-shadow:var(--sh-md);\r\n}\r\n.lb-title{font-family:var(--serif);font-size:22px;font-weight:900;color:#fff;margin-bottom:20px;}\r\n.lb-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}\r\n.lb-chip{\r\n display:inline-flex;align-items:center;background:rgba(255,255,255,.1);color:#fff;\r\n border:1px solid rgba(255,255,255,.2);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;\r\n}\r\n\r\n@media(min-width:640px){\r\n .origin-stats{grid-template-columns:repeat(4,1fr)}\r\n .timeline{padding:0 0 0 32px}\r\n .timeline::before{left:32px}\r\n .tl-item{padding-left:60px}\r\n .tl-dot{left:-10px}\r\n .tl-item.milestone .tl-dot{left:-12px}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"history-sec\" id=\"school-history\">\r\n <div class=\"wrap\">\r\n\r\n <div style=\"text-align:center;margin-bottom:40px\" class=\"rv\">\r\n <div class=\"sec-label\" style=\"justify-content:center\">\ud83d\udcdc Our History<\/div>\r\n <h2 class=\"sec-h2\" style=\"text-align:center\">A Legacy of <em>Excellence<\/em> in Karatagi<\/h2>\r\n <div class=\"rule\"><\/div>\r\n <\/div>\r\n\r\n\r\n <div class=\"timeline\">\r\n \r\n <div class=\"tl-item rv\">\r\n <div class=\"tl-dot\">\ud83c\udf31<\/div>\r\n <div class=\"tl-card\">\r\n <div class=\"tl-title\">Foundation in Koppal District<\/div>\r\n <p class=\"tl-text\">Established in Karatagi, Gangavathi Taluk, with a mission to bring world-class CBSE and State Board education to rural Karnataka under the motto \"The Word Is God\".<\/p>\r\n <div class=\"tl-tag\">\ud83c\udfeb Education for All<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tl-item milestone rv s1\">\r\n <div class=\"tl-dot\">\ud83c\udfc6<\/div>\r\n <div class=\"tl-card\">\r\n <div class=\"tl-title\">State & National Champions Emerged<\/div>\r\n <p class=\"tl-text\">National School Karatagi students put the town on the national map by securing prestigious state and national-level titles in Karate, Athletics, and Classical Dance.<\/p>\r\n <div class=\"tl-tag\">\ud83e\udd47 National Level Achievements<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tl-item rv s2\">\r\n <div class=\"tl-dot\">\ud83d\ude80<\/div>\r\n <div class=\"tl-card\">\r\n <div class=\"tl-title\">Modern Era: Green Valley High School<\/div>\r\n <p class=\"tl-text\">Expanded to include Classes 8\u201310 via Green Valley Rural High School. Upgraded to a 3-acre digital campus featuring advanced science labs and a professional cricket academy.<\/p>\r\n <div class=\"tl-tag\">\ud83d\udcbb Digital Campus Launched<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n var els=document.querySelectorAll('.rv');\r\n if('IntersectionObserver' in window){\r\n var io=new IntersectionObserver(function(e){e.forEach(function(x){if(x.isIntersecting){x.target.classList.add('on');io.unobserve(x.target)}})},{threshold:.1,rootMargin:'0px 0px -20px 0px'});\r\n els.forEach(function(el){io.observe(el)});\r\n } else {els.forEach(function(el){el.classList.add('on')})}\r\n})();\r\n<\/script>\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-67d6029 e-flex e-con-boxed e-con e-parent\" data-id=\"67d6029\" 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-4765d26 elementor-widget elementor-widget-html\" data-id=\"4765d26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\r\n<title>Principal's Message | National School Karatagi<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --black: #111111;\r\n --white: #ffffff;\r\n --text-grey: #4a4a4a;\r\n --bg-color: #f4f6f8;\r\n --brand-blue: #004aad;\r\n --sans: 'Inter', sans-serif;\r\n }\r\n\r\n body {\r\n font-family: var(--sans);\r\n background-color: var(--bg-color);\r\n margin: 0;\r\n padding: 20px;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n \/* MAIN BANNER CONTAINER *\/\r\n .pr-banner {\r\n display: flex;\r\n max-width: 1100px;\r\n margin: 40px auto;\r\n background-color: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 15px 40px rgba(0,0,0,0.08);\r\n border-radius: 12px;\r\n }\r\n\r\n \/* LEFT SIDE: Content *\/\r\n .pr-content {\r\n flex: 1;\r\n padding: 35px 45px; \r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n position: relative;\r\n z-index: 2;\r\n background: var(--white);\r\n }\r\n\r\n .pr-content h2 {\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: var(--brand-blue);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n line-height: 1.2;\r\n margin: 0 0 12px 0;\r\n }\r\n\r\n \/* The Quote Text *\/\r\n .pr-quote {\r\n font-size: 14px;\r\n line-height: 1.5;\r\n color: var(--text-grey);\r\n margin: 0 0 15px 0;\r\n font-weight: 400;\r\n }\r\n\r\n \/* Signature Area *\/\r\n .pr-author {\r\n font-size: 13px;\r\n color: var(--black);\r\n margin-bottom: 0;\r\n line-height: 1.4;\r\n }\r\n\r\n .pr-author strong {\r\n font-size: 15px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n color: var(--brand-blue);\r\n }\r\n\r\n .pr-author span {\r\n color: #777;\r\n }\r\n\r\n \/* RIGHT SIDE: Image Wrapper *\/\r\n .pr-image-wrapper {\r\n flex: 1;\r\n position: relative;\r\n }\r\n\r\n \/* Gradient Fade Effect *\/\r\n .pr-image-wrapper::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; bottom: 0; left: -1px;\r\n width: 120px;\r\n background: linear-gradient(to right, #ffffff 0%, rgba(255,255,255,0) 100%);\r\n z-index: 1;\r\n }\r\n\r\n \/* Image fills the wrapper perfectly *\/\r\n .pr-image-wrapper img {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n \r\n \/* THE FIX: Changing to 15% nudges the image up. \r\n If you want him even higher, increase this to 20% or 25%. *\/\r\n object-position: right 15%; \r\n \r\n display: block;\r\n }\r\n\r\n \/* RESPONSIVE DESIGN *\/\r\n @media (max-width: 850px) {\r\n .pr-banner {\r\n flex-direction: column-reverse;\r\n }\r\n \r\n .pr-image-wrapper {\r\n min-height: 250px; \r\n }\r\n\r\n .pr-image-wrapper img {\r\n position: relative; \r\n object-position: center 15%; \/* Applied the same nudge for mobile *\/\r\n }\r\n\r\n .pr-image-wrapper::before {\r\n bottom: -1px; top: auto; left: 0; right: 0;\r\n width: 100%; height: 60px;\r\n background: linear-gradient(to top, #ffffff 0%, rgba(255,255,255,0) 100%);\r\n }\r\n\r\n .pr-content {\r\n padding: 30px 25px;\r\n text-align: center;\r\n align-items: center;\r\n }\r\n\r\n .pr-content h2 {\r\n font-size: 22px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"pr-banner\">\r\n \r\n <div class=\"pr-content\">\r\n <h2>SHAPING FUTURES,<br>ONE STUDENT AT A TIME<\/h2>\r\n \r\n <p class=\"pr-quote\">\r\n \"Every child who enters National School Karatagi carries within them the seeds of greatness. Our job is not to plant those seeds \u2014 they are already there. Our job is to water them, nurture them, and give them the sunlight they need to grow into something magnificent.\"\r\n <\/p>\r\n \r\n <div class=\"pr-author\">\r\n <strong>Ranjith<\/strong><br>\r\n <span>Principal, National School Karatagi<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pr-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/ranjith.png\" alt=\"Principal Ranjith\">\r\n <\/div>\r\n\r\n<\/div>\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-5e737ac e-flex e-con-boxed e-con e-parent\" data-id=\"5e737ac\" 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-75620ae elementor-widget elementor-widget-html\" data-id=\"75620ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\r\n<meta name=\"description\" content=\"Core Values \u2013 National School Karatagi. The principles of integrity, excellence, discipline and community that guide every student in Karatagi, Karnataka.\">\r\n<title>Core Values | National School Karatagi<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800;900&family=Playfair+Display:ital,wght@0,700;0,900;1,700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\nhtml{-webkit-text-size-adjust:100%}\r\n:root{\r\n --navy:#1A2A6C;--navy-d:#0f1d52;--navy-l:#e8ecf8;\r\n --green:#7DC223;--green-d:#5aa800;--green-l:#f2faeb;\r\n --yellow:#FFD700;--white:#fff;--bg:#FAFBFF;--bg2:#F4F6FF;\r\n --border:#E2E6F3;--muted:#5B6480;\r\n --serif:'Playfair Display',Georgia,serif;\r\n --sans:'Inter',system-ui,Arial,sans-serif;\r\n --sh-sm:0 4px 16px rgba(26,42,108,.08);\r\n --sh-lg:0 15px 40px rgba(26,42,108,.12);\r\n}\r\nbody{font-family:var(--sans);background:var(--bg);color:var(--navy);-webkit-font-smoothing:antialiased}\r\n\r\n\/* Scroll Reveal *\/\r\n.rv{opacity:0;transform:translateY(15px);transition:opacity .5s ease,transform .5s ease}\r\n.rv.on{opacity:1;transform:translateY(0)}\r\n.rv.s1{transition-delay:.1s} .rv.s2{transition-delay:.2s} .rv.s3{transition-delay:.3s}\r\n\r\n.wrap{max-width:1100px;margin:0 auto}\r\n\r\n\/* \u2500\u2500\u2500 SECTION (Reduced Padding) \u2500\u2500\u2500 *\/\r\n.values-sec{\r\n padding:50px 20px;\r\n background:var(--white);\r\n position:relative;overflow:hidden;\r\n}\r\n\r\n.sec-label{\r\n display:inline-flex;align-items:center;gap:7px;\r\n background:var(--bg2);color:var(--navy);border:1.5px solid var(--border);\r\n padding:4px 14px;border-radius:30px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;\r\n}\r\n.sec-h2{\r\n font-family:var(--serif);font-size:clamp(24px,3vw,36px);font-weight:900;\r\n color:var(--navy);line-height:1.2;margin-bottom:10px;\r\n}\r\n.sec-h2 em{font-style:normal;color:var(--green-d)}\r\n.rule{width:40px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--navy),var(--green));margin:0 auto 20px}\r\n\r\n\/* \u2500\u2500\u2500 COMPACT MOTTO BANNER \u2500\u2500\u2500 *\/\r\n.motto-banner{\r\n background:linear-gradient(135deg,var(--navy-d) 0%,var(--navy) 100%);\r\n border-radius:16px;padding:30px 20px;text-align:center;\r\n margin-bottom:40px;box-shadow:var(--sh-lg);\r\n position:relative;overflow:hidden;\r\n}\r\n.motto-text{\r\n font-family:var(--serif);font-size:clamp(22px,4vw,32px);font-weight:900;\r\n color:#fff;font-style:italic;margin-bottom:5px;\r\n}\r\n.motto-sub{color:rgba(255,255,255,.7);font-size:14px;}\r\n\r\n\/* \u2500\u2500\u2500 4-CARD VALUES GRID \u2500\u2500\u2500 *\/\r\n.values-grid{\r\n display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:40px;\r\n}\r\n.val-card{\r\n background:var(--bg);border:1px solid var(--border);border-left:4px solid var(--navy);\r\n border-radius:12px;padding:25px;position:relative;\r\n transition:transform .3s, box-shadow .3s;\r\n}\r\n.val-card:hover{\r\n transform:translateY(-5px);box-shadow:var(--sh-lg);border-left-color:var(--green);\r\n}\r\n.val-icon{font-size:32px;margin-bottom:12px;display:block;}\r\n.val-name{color:var(--navy);font-size:18px;font-weight:900;margin-bottom:8px;}\r\n.val-text{color:var(--muted);font-size:14px;line-height:1.6;}\r\n\r\n\/* \u2500\u2500\u2500 COMPACT CTA \u2500\u2500\u2500 *\/\r\n.cta-strip{\r\n background:var(--green-l);border-radius:12px;padding:25px;\r\n text-align:center;border:1px solid var(--border);border-left:4px solid var(--green);\r\n}\r\n.cta-strip h3{font-family:var(--serif);font-size:20px;color:var(--navy);margin-bottom:15px;}\r\n.btn{\r\n display:inline-block;background:var(--navy);color:#fff;\r\n padding:10px 24px;border-radius:20px;font-size:13px;font-weight:700;text-decoration:none;\r\n}\r\n\r\n@media(min-width:640px){\r\n .values-grid{grid-template-columns:repeat(2,1fr)}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"values-sec\" id=\"core-values\">\r\n <div class=\"wrap\">\r\n\r\n <div style=\"text-align:center; margin-bottom:20px;\" class=\"rv\">\r\n <div class=\"sec-label\" style=\"justify-content:center\">\u2764\ufe0f Core Values<\/div>\r\n <h2 class=\"sec-h2\" style=\"text-align:center\">The Principles That Guide <em>Every Day<\/em><\/h2>\r\n <div class=\"rule\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"values-grid\">\r\n \r\n <div class=\"val-card rv\">\r\n <span class=\"val-icon\">\ud83c\udfaf<\/span>\r\n <div class=\"val-name\">Excellence Without Compromise<\/div>\r\n <p class=\"val-text\">We hold every student and activity to the highest standard. From board exams to state-level tournaments, we aim for the top because mediocrity has no place here.<\/p>\r\n <\/div>\r\n\r\n <div class=\"val-card rv s1\">\r\n <span class=\"val-icon\">\ud83d\udcaa<\/span>\r\n <div class=\"val-name\">Discipline & Self-Mastery<\/div>\r\n <p class=\"val-text\">Discipline is the bridge between a dream and achievement. Through academics, sports, and karate, we teach students that mastery of oneself is the greatest victory.<\/p>\r\n <\/div>\r\n\r\n <div class=\"val-card rv s2\">\r\n <span class=\"val-icon\">\ud83c\udf0d<\/span>\r\n <div class=\"val-name\">Respect & Equality<\/div>\r\n <p class=\"val-text\">Every child is respected, seen, and valued equally at National School Karatagi. We celebrate the scholar as much as the sportsperson, the artist as much as the scientist.<\/p>\r\n <\/div>\r\n\r\n <div class=\"val-card rv s3\">\r\n <span class=\"val-icon\">\ud83d\ude80<\/span>\r\n <div class=\"val-name\">Innovation & Progress<\/div>\r\n <p class=\"val-text\">We never stand still. From launching Karatagi's first cricket academy to implementing digital classrooms, we constantly evolve to prepare children for a changing world.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cta-strip rv\">\r\n <h3>Experience These Values For Yourself<\/h3>\r\n <a href=\"\/index.php\/admissions\/\" class=\"btn\">Apply for Admission<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n var els=document.querySelectorAll('.rv');\r\n if('IntersectionObserver' in window){\r\n var io=new IntersectionObserver(function(e){e.forEach(function(x){if(x.isIntersecting){x.target.classList.add('on');io.unobserve(x.target)}})},{threshold:.1});\r\n els.forEach(function(el){io.observe(el)});\r\n } else {els.forEach(function(el){el.classList.add('on')})}\r\n})();\r\n<\/script>\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-8e70e93 e-flex e-con-boxed e-con e-parent\" data-id=\"8e70e93\" 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-09beef8 elementor-widget elementor-widget-html\" data-id=\"09beef8\" 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<div class=\"elementor-element elementor-element-7d6175d e-flex e-con-boxed e-con e-parent\" data-id=\"7d6175d\" 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-7421db6 elementor-widget elementor-widget-html\" data-id=\"7421db6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n<title>Premium Sticky Admission Form<\/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 \/* --- Shared Style Variables --- *\/\r\n :root {\r\n --primary-blue: #1a3a6c;\r\n --btn-blue: #1e60d5;\r\n --accent-gold: #d4af37;\r\n --success-green: #4CAF50;\r\n --bg-glass: rgba(255, 255, 255, 0.98);\r\n --transition-smooth: 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n \/* --- Sticky Button --- *\/\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: 18px 10px;\r\n border: none;\r\n border-radius: 12px 0 0 12px;\r\n cursor: pointer;\r\n writing-mode: vertical-rl;\r\n text-orientation: mixed;\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n box-shadow: -5px 0 20px 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(--btn-blue); padding-right: 15px; }\r\n\r\n \/* --- Modal Overlay --- *\/\r\n .sticky-modal-overlay {\r\n position: fixed;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background: rgba(26, 58, 108, 0.85);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n display: none; \/* Controlled by JS *\/\r\n align-items: center; justify-content: center;\r\n z-index: 9999;\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n }\r\n .sticky-modal-overlay.active { display: flex; opacity: 1; }\r\n\r\n \/* --- Modal Container --- *\/\r\n .sticky-modal-container {\r\n background: var(--bg-glass);\r\n width: 92%; max-width: 460px;\r\n border-radius: 24px;\r\n padding: 40px 30px;\r\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n transform: translateY(40px);\r\n transition: transform var(--transition-smooth);\r\n position: relative;\r\n }\r\n .sticky-modal-overlay.active .sticky-modal-container { transform: translateY(0); }\r\n\r\n .close-sticky-modal {\r\n position: absolute; top: 20px; right: 20px;\r\n background: #f0f4f8; border: none;\r\n width: 35px; height: 35px; border-radius: 50%;\r\n cursor: pointer; color: var(--primary-blue);\r\n font-size: 1.2rem; display: flex; align-items: center; justify-content: center;\r\n }\r\n\r\n \/* --- Form Styling --- *\/\r\n .sticky-form-content h2 { \r\n color: var(--primary-blue); \r\n text-align: center; \r\n margin-bottom: 25px; \r\n font-size: 1.8rem;\r\n font-weight: 800;\r\n }\r\n\r\n .sticky-input-group { position: relative; margin-bottom: 22px; }\r\n \r\n .sticky-input-group input, .sticky-input-group textarea {\r\n width: 100%; padding: 12px 0; font-size: 1rem;\r\n border: none; border-bottom: 2px solid #e2e8f0;\r\n background: transparent; outline: none;\r\n color: var(--primary-blue);\r\n }\r\n\r\n .sticky-input-group label {\r\n position: absolute; top: 12px; left: 0;\r\n color: #94a3b8; pointer-events: none;\r\n transition: 0.3s ease all;\r\n }\r\n\r\n .sticky-input-group input:focus ~ label, \r\n .sticky-input-group input:not(:placeholder-shown) ~ label,\r\n .sticky-input-group textarea:focus ~ label, \r\n .sticky-input-group textarea:not(:placeholder-shown) ~ label {\r\n top: -15px; font-size: 0.8rem; color: var(--btn-blue); font-weight: 700;\r\n }\r\n\r\n .sticky-input-group input:focus, .sticky-input-group textarea:focus {\r\n border-bottom-color: var(--btn-blue);\r\n }\r\n\r\n .sticky-submit-btn {\r\n width: 100%; padding: 16px; \r\n background: var(--primary-blue); color: white;\r\n border: none; border-radius: 12px;\r\n font-weight: 700; font-size: 1rem;\r\n cursor: pointer; margin-top: 10px;\r\n display: flex; align-items: center; justify-content: center; gap: 10px;\r\n transition: all 0.3s ease;\r\n }\r\n .sticky-submit-btn:hover { background: var(--btn-blue); transform: translateY(-2px); }\r\n\r\n \/* --- Success Animation --- *\/\r\n .sticky-success-content {\r\n display: none; flex-direction: column; align-items: center;\r\n text-align: center; padding: 20px 0;\r\n }\r\n .sticky-success-content.active { display: flex; }\r\n\r\n .sticky-checkmark-circle {\r\n width: 80px; height: 80px; \r\n background: var(--success-green); border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n color: white; font-size: 40px; margin-bottom: 20px;\r\n animation: scaleIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n }\r\n\r\n @keyframes scaleIn { from { transform: scale(0); } to { transform: scale(1); } }\r\n\r\n \/* Mobile Responsive *\/\r\n @media (max-width: 600px) {\r\n .sticky-modal-container { padding: 35px 20px; }\r\n .sticky-form-content h2 { font-size: 1.5rem; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n <button class=\"sticky-admission-btn\" id=\"openStickyForm\">\r\n <i class=\"fas fa-graduation-cap\" style=\"margin-bottom: 8px;\"><\/i> Admission 2026\r\n <\/button>\r\n\r\n <div class=\"sticky-modal-overlay\" id=\"stickyOverlay\">\r\n <div class=\"sticky-modal-container\">\r\n <button class=\"close-sticky-modal\" id=\"closeStickyForm\"><i class=\"fas fa-times\"><\/i><\/button>\r\n\r\n <div class=\"sticky-form-content\" id=\"stickyFormContent\">\r\n <h2>Admission Inquiry<\/h2>\r\n <form id=\"stickyAdmissionForm\">\r\n \r\n <div class=\"sticky-input-group\">\r\n <input type=\"text\" id=\"s_parent_name\" placeholder=\" \" required>\r\n <label>Parent\/Guardian Name<\/label>\r\n <\/div>\r\n\r\n <div class=\"sticky-input-group\">\r\n <input type=\"text\" id=\"s_student_class\" placeholder=\" \" required>\r\n <label>Applying for Class<\/label>\r\n <\/div>\r\n\r\n <div class=\"sticky-input-group\">\r\n <input type=\"tel\" id=\"s_phone_number\" placeholder=\" \" required>\r\n <label>WhatsApp Number<\/label>\r\n <\/div>\r\n\r\n <div class=\"sticky-input-group\">\r\n <input type=\"email\" id=\"s_email_address\" placeholder=\" \">\r\n <label>Email Address (Optional)<\/label>\r\n <\/div>\r\n\r\n <div class=\"sticky-input-group\">\r\n <textarea id=\"s_form_message\" placeholder=\" \" rows=\"2\"><\/textarea>\r\n <label>Special Requirements (Optional)<\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"sticky-submit-btn\" id=\"stickySubmitBtn\">\r\n <i class=\"fas fa-paper-plane\"><\/i> SUBMIT ENQUIRY\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n <div class=\"sticky-success-content\" id=\"stickySuccessContent\">\r\n <div class=\"sticky-checkmark-circle\"><i class=\"fas fa-check\"><\/i><\/div>\r\n <h2 style=\"color: var(--primary-blue);\">Inquiry Recorded<\/h2>\r\n <p style=\"color: #666; margin-top: 10px;\">Your details have been successfully saved. A direct WhatsApp chat has been opened for you.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\n const stickyOverlay = document.getElementById('stickyOverlay');\r\n const openStickyBtn = document.getElementById('openStickyForm');\r\n const closeStickyBtn = document.getElementById('closeStickyForm');\r\n const stickyForm = document.getElementById('stickyAdmissionForm');\r\n const stickyFormContent = document.getElementById('stickyFormContent');\r\n const stickySuccess = document.getElementById('stickySuccessContent');\r\n const stickySubmitBtn = document.getElementById('stickySubmitBtn');\r\n\r\n \/\/ Your Google Form URL\r\n const FORM_URL = \"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSdSLdYvEoIoDb7E71vlhyG0AamEB1pQQuhswRD9d1FKJmCaFw\/formResponse\";\r\n\r\n \/\/ Open Modal\r\n openStickyBtn.addEventListener('click', () => {\r\n stickyOverlay.classList.add('active');\r\n stickyFormContent.style.display = 'block';\r\n stickySuccess.classList.remove('active');\r\n stickySuccess.style.display = 'none';\r\n });\r\n\r\n \/\/ Close Modal\r\n const closeAdmissionModal = () => {\r\n stickyOverlay.classList.remove('active');\r\n };\r\n\r\n closeStickyBtn.addEventListener('click', closeAdmissionModal);\r\n stickyOverlay.addEventListener('click', (e) => {\r\n if(e.target === stickyOverlay) closeAdmissionModal();\r\n });\r\n\r\n \/\/ Handle Submission\r\n stickyForm.addEventListener('submit', function(e) {\r\n e.preventDefault(); \/\/ Stop normal page reload\r\n\r\n \/\/ 1. Get Values\r\n const parentName = document.getElementById('s_parent_name').value;\r\n const studentClass = document.getElementById('s_student_class').value;\r\n const phone = document.getElementById('s_phone_number').value;\r\n const email = document.getElementById('s_email_address').value;\r\n const msg = document.getElementById('s_form_message').value;\r\n\r\n \/\/ 2. Submit to Google Sheets Silently\r\n const fd = new FormData();\r\n fd.append(\"entry.696704203\", parentName);\r\n fd.append(\"entry.1089489972\", studentClass);\r\n fd.append(\"entry.1819232693\", phone);\r\n fd.append(\"entry.800204033\", email);\r\n fd.append(\"entry.794227521\", msg);\r\n fetch(FORM_URL, { method: 'POST', mode: 'no-cors', body: fd });\r\n\r\n \/\/ 3. Immediately Update UI to show Success State\r\n stickySubmitBtn.innerHTML = \"<i class='fas fa-circle-notch fa-spin'><\/i> RECORDING...\";\r\n stickySubmitBtn.disabled = true;\r\n\r\n setTimeout(() => {\r\n \/\/ Hide form, show checkmark\r\n stickyFormContent.style.display = 'none';\r\n stickySuccess.style.display = 'flex';\r\n setTimeout(() => stickySuccess.classList.add('active'), 50);\r\n\r\n \/\/ 4. Wait 1.5 seconds so they can see the success message, THEN open WhatsApp\r\n setTimeout(() => {\r\n const waText = `Hello! Here is a new admission enquiry from the Website Form:\\n*Parent:* ${parentName}\\n*Class:* ${studentClass}\\n*Phone:* ${phone}`;\r\n \r\n \/\/ Note: Because we delayed this window.open, strict popup blockers might occasionally block it. \r\n \/\/ To be safe, we open it in the SAME window instead of a new tab.\r\n window.location.href = `https:\/\/wa.me\/919986077113?text=${encodeURIComponent(waText)}`;\r\n \r\n \/\/ Reset the form behind the scenes before they leave\r\n stickyForm.reset();\r\n stickySubmitBtn.innerHTML = \"<i class='fas fa-paper-plane'><\/i> SUBMIT ENQUIRY\";\r\n stickySubmitBtn.disabled = false;\r\n \r\n }, 1500); \/\/ 1.5 seconds delay\r\n\r\n }, 500); \/\/ Quick artificial processing delay\r\n });\r\n <\/script>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>School Overview | National School Karatagi Established \u00b7 Karatagi, Karnataka Where Every ChildDiscovers Greatness National School Karatagi & Green Valley […]<\/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-8","page","type-page","status-publish","hentry"],"aioseo_notices":[],"yoast_head":"\n<title>About 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\/about-us\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About Us - Green Valley Rural High School\" \/>\n<meta property=\"og:description\" content=\"School Overview | National School Karatagi Established \u00b7 Karatagi, Karnataka Where Every ChildDiscovers Greatness National School Karatagi & Green Valley […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-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-16T17:53:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DJI_20260309100714_0188_D-scaled.jpg\" \/>\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=\"29 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/\",\"name\":\"About Us - Green Valley Rural High School\",\"isPartOf\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DJI_20260309100714_0188_D-scaled.jpg\",\"datePublished\":\"2026-03-23T09:27:52+00:00\",\"dateModified\":\"2026-04-16T17:53:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#primaryimage\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DJI_20260309100714_0188_D-scaled.jpg\",\"contentUrl\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DJI_20260309100714_0188_D-scaled.jpg\",\"width\":2560,\"height\":1440,\"caption\":\"default\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/nationalschoolkaratagi.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About 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":"About 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\/about-us\/","og_locale":"en_US","og_type":"article","og_title":"About Us - Green Valley Rural High School","og_description":"School Overview | National School Karatagi Established \u00b7 Karatagi, Karnataka Where Every ChildDiscovers Greatness National School Karatagi & Green Valley […]","og_url":"https:\/\/nationalschoolkaratagi.com\/index.php\/about-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-16T17:53:38+00:00","og_image":[{"url":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DJI_20260309100714_0188_D-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"29 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/","url":"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/","name":"About Us - Green Valley Rural High School","isPartOf":{"@id":"https:\/\/nationalschoolkaratagi.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#primaryimage"},"image":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#primaryimage"},"thumbnailUrl":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DJI_20260309100714_0188_D-scaled.jpg","datePublished":"2026-03-23T09:27:52+00:00","dateModified":"2026-04-16T17:53:38+00:00","breadcrumb":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#primaryimage","url":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DJI_20260309100714_0188_D-scaled.jpg","contentUrl":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DJI_20260309100714_0188_D-scaled.jpg","width":2560,"height":1440,"caption":"default"},{"@type":"BreadcrumbList","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nationalschoolkaratagi.com\/"},{"@type":"ListItem","position":2,"name":"About 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\/8","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=8"}],"version-history":[{"count":103,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":1945,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/1945"}],"wp:attachment":[{"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"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\nSchool Overview | National School Karatagi<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&family=Playfair+Display:wght@700;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n:root{\r\n --navy:#1A2A6C;--navy-d:#0f1d52;--navy-l:#e8ecf8;\r\n --green:#7DC223;--green-d:#5aa800;--green-l:#f2faeb;\r\n --white:#fff;--bg:#FAFBFF;--border:#E2E6F3;--muted:#5B6480;\r\n --serif:'Playfair Display',serif;--sans:'Inter',sans-serif;\r\n}\r\nbody{font-family:var(--sans);background:var(--bg);color:var(--navy);overflow-x:hidden;line-height:1.5}\r\n\r\n\/* REVEAL BASE *\/\r\n.rv{opacity:0;transform:translateY(15px);transition:opacity .5s ease,transform .5s ease}\r\n.rv.on{opacity:1;transform:translateY(0)}\r\n\r\n\/* \u2500\u2500\u2500 HERO SECTION (COMPACT) \u2500\u2500\u2500 *\/\r\n.hero{\r\n background:linear-gradient(135deg,#FAFBFF 0%,#EEF1FF 100%);\r\n padding:40px 20px 30px; \/* Reduced padding *\/\r\n border-bottom:1px solid var(--border);\r\n position:relative;\r\n}\r\n.hero-inner{\r\n max-width:1100px;margin:0 auto;\r\n display:grid;grid-template-columns:1fr;gap:30px;align-items:center;\r\n}\r\n.hero-eyebrow{\r\n display:inline-block;background:var(--green-l);color:var(--green-d);\r\n padding:4px 12px;border-radius:20px;font-size:10px;font-weight:700;\r\n text-transform:uppercase;margin-bottom:10px;\r\n}\r\n.hero-title{\r\n font-family:var(--serif);font-size:clamp(28px,4.5vw,48px);\r\n font-weight:900;line-height:1.1;margin-bottom:10px;\r\n}\r\n.hero-title span{color:var(--green-d)}\r\n.hero-subtitle{font-size:15px;color:var(--muted);margin-bottom:20px;max-width:500px}\r\n\r\n\/* Pills & CTAs *\/\r\n.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}\r\n.pill{\r\n background:var(--white);border:1px solid var(--border);\r\n border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700;\r\n}\r\n.hero-ctas{display:flex;gap:10px}\r\n.btn{padding:10px 22px;border-radius:20px;font-size:13px;font-weight:700;text-decoration:none;transition:.2s}\r\n.btn-navy{background:var(--navy);color:#fff}\r\n.btn-outline{border:2px solid var(--border);color:var(--navy)}\r\n\r\n\/* Visuals *\/\r\n.hero-visual{position:relative;max-width:400px;margin:0 auto}\r\n.hero-img-card{\r\n border-radius:20px;overflow:hidden;aspect-ratio:1.2\/1; \/* Landscape to save height *\/\r\n border:3px solid #fff;box-shadow:0 10px 30px rgba(26,42,108,0.1);\r\n}\r\n.hero-img-card img{width:100%;height:100%;object-fit:cover}\r\n.fbdg{\r\n position:absolute;background:#fff;padding:8px 12px;border-radius:10px;\r\n box-shadow:0 5px 15px rgba(0,0,0,0.1);font-weight:800;font-size:14px;z-index:5;\r\n}\r\n.fbdg span{font-size:9px;color:var(--muted);display:block}\r\n.fbdg.tl{top:-10px;left:-10px;border-left:3px solid var(--green)}\r\n.fbdg.br{bottom:-10px;right:-10px;border-left:3px solid var(--navy)}\r\n\r\n\/* \u2500\u2500\u2500 OVERVIEW BODY (COMPACT) \u2500\u2500\u2500 *\/\r\n.overview{padding:40px 20px;background:var(--white)}\r\n.ov-inner{max-width:1100px;margin:0 auto}\r\n.section-label{\r\n font-size:10px;font-weight:700;text-transform:uppercase;color:var(--muted);\r\n display:block;margin-bottom:5px;letter-spacing:1px;\r\n}\r\n.section-h2{\r\n font-family:var(--serif);font-size:clamp(24px,3vw,36px);\r\n font-weight:900;margin-bottom:15px;\r\n}\r\n.section-h2 em{font-style:normal;color:var(--green-d)}\r\n\r\n.ov-grid{display:grid;grid-template-columns:1fr;gap:30px;align-items:start}\r\n.ov-text p{color:var(--muted);font-size:14.5px;line-height:1.7;margin-bottom:12px}\r\n.ov-text p strong{color:var(--navy)}\r\n\r\n\/* Award & Ach Grid *\/\r\n.award-strip{display:grid;grid-template-columns:1fr;gap:10px;margin:20px 0}\r\n.award-card{\r\n display:flex;align-items:center;gap:12px;background:var(--bg);\r\n padding:12px;border-radius:12px;border-left:4px solid var(--green);\r\n}\r\n.aw-ico{font-size:18px}\r\n.aw-title{font-size:13px;font-weight:800;display:block}\r\n.aw-sub{font-size:11px;color:var(--muted)}\r\n\r\n.ach-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}\r\n.ach-card{\r\n background:var(--bg);border-radius:12px;padding:15px;\r\n border:1px solid var(--border);text-align:center;\r\n}\r\n.ach-icon{font-size:24px;margin-bottom:5px;display:block}\r\n.ach-title{font-size:13px;font-weight:800;margin-bottom:3px}\r\n.ach-text{font-size:11.5px;color:var(--muted);line-height:1.4}\r\n\r\n.lvl-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}\r\n.lvl{padding:5px 12px;border-radius:15px;font-size:11px;font-weight:700;border:1px solid var(--border)}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(min-width:768px){\r\n .hero-inner{grid-template-columns:1.2fr 1fr;gap:40px}\r\n .ov-grid{grid-template-columns:1fr 1fr;gap:50px}\r\n .hero{padding:60px 40px 40px}\r\n .ach-grid{grid-template-columns:repeat(3,1fr)}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hero\">\r\n <div class=\"hero-inner\">\r\n <div class=\"rv on\">\r\n <div class=\"hero-eyebrow\">Established \u00b7 Karatagi, Karnataka<\/div>\r\n <h1 class=\"hero-title\">Where Every Child<br><span>Discovers Greatness<\/span><\/h1>\r\n <p class=\"hero-subtitle\">National School Karatagi & Green Valley \u2014 Koppal's celebrated institution nurturing 1,500+ students with CBSE, ICSE & State Board excellence.<\/p>\r\n <div class=\"hero-pills\">\r\n <span class=\"pill\">National Achievers<\/span>\r\n <span class=\"pill\">State Champions<\/span>\r\n <span class=\"pill\">Academic Excellence<\/span>\r\n <\/div>\r\n <div class=\"hero-ctas\">\r\n <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\" class=\"btn btn-navy\">Apply Now \u2192<\/a>\r\n <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/\" class=\"btn btn-outline\">About Us<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-visual rv on\">\r\n <div class=\"fbdg tl\">1,500+<span>Students<\/span><\/div>\r\n <div class=\"fbdg br\">Large<span>Green Campus<\/span><\/div>\r\n <div class=\"hero-img-card\">\r\n <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DJI_20260309100714_0188_D-scaled.jpg\" alt=\"School\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"overview\">\r\n <div class=\"ov-inner\">\r\n <div class=\"rv on\" style=\"margin-bottom:20px\">\r\n <span class=\"section-label\">\ud83c\udfc5 School Overview<\/span>\r\n <h2 class=\"section-h2\">Creating <em>Champions & Scholars<\/em><\/h2>\r\n <\/div>\r\n <div class=\"ov-grid\">\r\n <div class=\"ov-text rv on\">\r\n <p><strong>National School Karatagi<\/strong> is a launchpad for extraordinary lives. Founded on <strong>\"The Word Is God,\"<\/strong> we have been a beacon of excellence in Koppal for generations.<\/p>\r\n <p>Our students win at <strong>national and state levels<\/strong> in academics, karate, and dance. We offer <strong>CBSE\/ICSE (1\u20137)<\/strong> and <strong>State Board (8\u201310)<\/strong>, ensuring world-class multi-board education locally.<\/p>\r\n <div class=\"award-strip\">\r\n <div class=\"award-card\">\r\n <span class=\"aw-ico\">\ud83e\udd47<\/span>\r\n <div><span class=\"aw-title\">National Achievements<\/span><span class=\"aw-sub\">Recognised in academics & arts<\/span><\/div>\r\n <\/div>\r\n <div class=\"award-card\">\r\n <span class=\"aw-ico\">\ud83c\udfc6<\/span>\r\n <div><span class=\"aw-title\">State Championships<\/span><span class=\"aw-sub\">Wins in karate & cultural events<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"lvl-row\">\r\n <span class=\"lvl\" style=\"background:#fff8e1\">\ud83e\udd47 National Winners<\/span>\r\n <span class=\"lvl\" style=\"background:#f2faeb\">\ud83c\udfc6 State Champions<\/span>\r\n <span class=\"lvl\" style=\"background:#e8ecf8\">\ud83d\udcda Multi-Board<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"rv on\">\r\n <div class=\"ach-grid\">\r\n <div class=\"ach-card\"><span class=\"ach-icon\">\ud83e\udd4b<\/span><div class=\"ach-title\">Karate<\/div><p class=\"ach-text\">Medals at national tournaments.<\/p><\/div>\r\n <div class=\"ach-card\"><span class=\"ach-icon\">\ud83d\udc83<\/span><div class=\"ach-title\">Dance<\/div><p class=\"ach-text\">District & State champions.<\/p><\/div>\r\n <div class=\"ach-card\"><span class=\"ach-icon\">\ud83c\udfcf<\/span><div class=\"ach-title\">Sports<\/div><p class=\"ach-text\">Representing Gangavathi Taluk.<\/p><\/div>\r\n <div class=\"ach-card\"><span class=\"ach-icon\">\ud83c\udf93<\/span><div class=\"ach-title\">Toppers<\/div><p class=\"ach-text\">Highest board exam records.<\/p><\/div>\r\n <div class=\"ach-card\"><span class=\"ach-icon\">\ud83c\udfb5<\/span><div class=\"ach-title\">Arts<\/div><p class=\"ach-text\">Winners in cultural fests.<\/p><\/div>\r\n <div class=\"ach-card\"><span class=\"ach-icon\">\ud83c\udf1f<\/span><div class=\"ach-title\">Growth<\/div><p class=\"ach-text\">Holistic talent support.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => { if(entry.isIntersecting) entry.target.classList.add('on'); });\r\n }, { threshold: 0.1 });\r\n document.querySelectorAll('.rv').forEach(el => observer.observe(el));\r\n});\r\n<\/script>\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-b0fe390 e-flex e-con-boxed e-con e-parent\" data-id=\"b0fe390\" 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-25ee1ee elementor-widget elementor-widget-html\" data-id=\"25ee1ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\r\n<title>Vision & Mission | National School Karatagi<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&family=Playfair+Display:ital,wght@0,900;1,700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n:root{\r\n --navy:#1A2A6C; --navy-d:#0f1d52; --green:#7DC223; --white:#fff;\r\n --bg:#FAFBFF; --border:#E2E6F3; --muted:#5B6480;\r\n --mission-color: #FF5A43; --vision-color: #00A9C1;\r\n --serif:'Playfair Display',serif; --sans:'Inter',sans-serif;\r\n}\r\nbody{font-family:var(--sans);background:var(--bg);color:var(--navy);-webkit-font-smoothing:antialiased;overflow-x:hidden}\r\n\r\n\/* REVEAL ANIMATION *\/\r\n.rv{opacity:0;transform:translateY(20px);transition:all .6s ease}.rv.on{opacity:1;transform:translateY(0)}\r\n\r\n.vm-section{padding:50px 20px;background:var(--white)}\r\n.wrap{max-width:1100px;margin:0 auto}\r\n\r\n\/* MOTTO STRIP *\/\r\n.quote-strip{\r\n background:linear-gradient(135deg,var(--navy-d) 0%,var(--navy) 100%);\r\n border-radius:16px;padding:30px;text-align:center;margin-bottom:40px;\r\n position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.1);\r\n}\r\n.qs-text{font-family:var(--serif);font-size:clamp(24px,4vw,36px);color:#fff;font-style:italic;position:relative;z-index:1}\r\n.qs-attribution{color:rgba(255,255,255,0.6);font-size:12px;margin-top:10px;text-transform:uppercase;letter-spacing:2px}\r\n\r\n\/* --- REDESIGNED CIRCULAR MISSION & VISION --- *\/\r\n.circles-wrapper {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 50px;\r\n flex-wrap: wrap;\r\n margin: 60px 0;\r\n}\r\n\r\n.c-card {\r\n width: 280px; \/* Reduced size *\/\r\n height: 280px;\r\n background: var(--white);\r\n border-radius: 50%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 30px;\r\n text-align: center;\r\n position: relative;\r\n box-shadow: 0 8px 25px rgba(0,0,0,0.04);\r\n}\r\n\r\n\/* Reference Arcs *\/\r\n.c-card::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -6px; left: -6px; right: -6px; bottom: -6px;\r\n border-radius: 50%;\r\n border: 2px solid transparent;\r\n}\r\n.mission-c::before { border-top: 3px solid var(--mission-color); border-left: 3px solid var(--mission-color); }\r\n.vision-c::before { border-top: 3px solid var(--vision-color); border-right: 3px solid var(--vision-color); }\r\n\r\n.c-label {\r\n color: white;\r\n font-size: 11px;\r\n font-weight: 800;\r\n padding: 5px 15px;\r\n border-radius: 4px;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 12px;\r\n}\r\n.m-bg { background: var(--mission-color); }\r\n.v-bg { background: var(--vision-color); }\r\n\r\n.c-title { font-family: var(--serif); font-size: 20px; margin-bottom: 10px; color: var(--navy); }\r\n.c-text { font-size: 13.5px; line-height: 1.5; color: var(--muted); }\r\n.c-icon { font-size: 24px; margin-bottom: 5px; }\r\n\r\n\/* PILLARS *\/\r\n.pillars-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}\r\n.pillar{background:#f8f9ff;padding:20px;border-radius:12px;text-align:center;border:1px solid var(--border)}\r\n.pillar-icon{font-size:24px;margin-bottom:10px;display:block}\r\n.pillar-title{font-size:13px;font-weight:800;text-transform:uppercase;margin-bottom:5px}\r\n.pillar-text{font-size:12px;color:var(--muted);line-height:1.4}\r\n\r\n\/* CORE VALUES TICKER *\/\r\n.values-strip{\r\n margin-top:40px;padding:20px 0;\r\n border-top:1px solid var(--border);border-bottom:1px solid var(--border);\r\n display:flex;justify-content:space-around;flex-wrap:wrap;gap:15px;\r\n}\r\n.val-item{display:flex;align-items:center;gap:8px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px}\r\n.val-dot{width:6px;height:6px;background:var(--green);border-radius:50%}\r\n\r\n@media(min-width:768px){\r\n .pillars-grid{grid-template-columns:repeat(4,1fr)}\r\n .vm-section{padding:70px 40px}\r\n}\r\n\r\n\/* Tablet\/Mobile Alignment Fix *\/\r\n@media(max-width: 650px) {\r\n .circles-wrapper { gap: 40px; }\r\n .c-card { width: 260px; height: 260px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"vm-section\">\r\n <div class=\"wrap\">\r\n\r\n <div class=\"quote-strip rv on\">\r\n <div class=\"qs-text\">\"The Word Is God\"<\/div>\r\n <p class=\"qs-attribution\">Our Founding Principle Since 1986<\/p>\r\n <\/div>\r\n\r\n <div class=\"circles-wrapper\">\r\n <div class=\"c-card mission-c rv on\">\r\n <div class=\"c-icon\">\ud83d\udca1<\/div>\r\n <span class=\"c-label m-bg\">Mission<\/span>\r\n <h3 class=\"c-title\">Igniting Potential<\/h3>\r\n <p class=\"c-text\">To deliver world-class CBSE, ICSE, and State Board education through modern technology and character-building mentorship.<\/p>\r\n <\/div>\r\n\r\n <div class=\"c-card vision-c rv on\">\r\n <div class=\"c-icon\">\ud83c\udfaf<\/div>\r\n <span class=\"c-label v-bg\">Vision<\/span>\r\n <h3 class=\"c-title\">Legacy of Excellence<\/h3>\r\n <p class=\"c-text\">To be the most trusted educational landmark in rural Karnataka, producing globally competitive leaders rooted in Indian values.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"values-strip rv on\">\r\n <div class=\"val-item\"><div class=\"val-dot\"><\/div> Integrity<\/div>\r\n <div class=\"val-item\"><div class=\"val-dot\"><\/div> Curiosity<\/div>\r\n <div class=\"val-item\"><div class=\"val-dot\"><\/div> Resilience<\/div>\r\n <div class=\"val-item\"><div class=\"val-dot\"><\/div> Empathy<\/div>\r\n <div class=\"val-item\"><div class=\"val-dot\"><\/div> Excellence<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => { if(entry.isIntersecting) entry.target.classList.add('on'); });\r\n }, { threshold: 0.1 });\r\n document.querySelectorAll('.rv').forEach(el => observer.observe(el));\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-365b380 e-flex e-con-boxed e-con e-parent\" data-id=\"365b380\" 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-b7e37ee elementor-widget elementor-widget-html\" data-id=\"b7e37ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {\r\n --brand-blue: #1b75bc; \/* Bright corporate blue from reference *\/\r\n --brand-dark: #111111;\r\n --text-grey: #444444;\r\n --bg-light: #eaedf2; \/* Light grey background *\/\r\n --white: #ffffff;\r\n --sans: 'Inter', sans-serif;\r\n}\r\n\r\n*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\nbody { \r\n background-color: var(--white); \r\n font-family: var(--sans); \r\n color: var(--text-grey); \r\n -webkit-font-smoothing: antialiased; \r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n MAIN WRAPPER & BACKGROUND ART\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.ceo-message-section {\r\n position: relative;\r\n background-color: var(--bg-light);\r\n padding: 80px 20px;\r\n overflow: hidden;\r\n min-height: 700px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n\/* Dot Pattern (Top Left) *\/\r\n.ceo-message-section::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 400px; height: 400px;\r\n background-image: radial-gradient(#b8c1cc 2px, transparent 2px);\r\n background-size: 16px 16px;\r\n opacity: 0.6;\r\n z-index: 1;\r\n}\r\n\r\n\/* Large Blue Angled Shape (Right) *\/\r\n.bg-blue-swoosh {\r\n position: absolute;\r\n top: -10%;\r\n right: -15%;\r\n width: 60%;\r\n height: 120%;\r\n background: linear-gradient(135deg, #4ca1e4 0%, var(--brand-blue) 100%);\r\n transform: rotate(25deg);\r\n border-radius: 60px;\r\n z-index: 2;\r\n box-shadow: -10px 10px 30px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* Grey Pill Shape (Bottom Left) *\/\r\n.bg-pill-bottom {\r\n position: absolute;\r\n bottom: 50px;\r\n left: -40px;\r\n width: 150px;\r\n height: 35px;\r\n background-color: #a4b0be;\r\n border-radius: 20px;\r\n transform: rotate(-45deg);\r\n z-index: 2;\r\n}\r\n\r\n\/* Grey Pill Shape (Right Edge Overlay) *\/\r\n.bg-pill-right {\r\n position: absolute;\r\n top: 40%;\r\n right: -20px;\r\n width: 80px;\r\n height: 120px;\r\n border: 15px solid var(--white);\r\n border-radius: 60px;\r\n z-index: 4;\r\n}\r\n\r\n\/* Little floating triangle *\/\r\n.bg-triangle {\r\n position: absolute;\r\n top: 45%;\r\n left: 45%;\r\n width: 0; height: 0;\r\n border-left: 10px solid transparent;\r\n border-right: 10px solid transparent;\r\n border-top: 15px solid #a4b0be;\r\n background: transparent;\r\n z-index: 2;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CONTENT LAYOUT\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.content-container {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n position: relative;\r\n z-index: 5; \/* Above background art *\/\r\n width: 100%;\r\n}\r\n\r\n\/* LEFT SIDE: TEXT *\/\r\n.text-col {\r\n flex: 0 0 45%;\r\n padding-right: 30px;\r\n}\r\n\r\n\/* School Logo Placeholder Match *\/\r\n.school-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n background: var(--white);\r\n border: 1px solid #d1d8e0;\r\n padding: 5px 15px 5px 5px;\r\n border-radius: 4px;\r\n margin-bottom: 40px;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n}\r\n.school-badge-icon {\r\n background: var(--brand-blue);\r\n color: var(--white);\r\n font-weight: 800;\r\n padding: 5px 10px;\r\n border-radius: 2px;\r\n margin-right: 10px;\r\n}\r\n.school-badge-text {\r\n font-weight: 700;\r\n color: var(--brand-blue);\r\n font-size: 14px;\r\n letter-spacing: 0.5px;\r\n}\r\n\r\n.text-col h1 {\r\n font-size: 52px;\r\n font-weight: 900;\r\n color: var(--brand-dark);\r\n line-height: 1.1;\r\n margin-bottom: 25px;\r\n}\r\n\r\n.text-col p {\r\n font-size: 16px;\r\n line-height: 1.6;\r\n font-weight: 500;\r\n margin-bottom: 30px;\r\n}\r\n\r\n\/* Signature Area *\/\r\n.author-area {\r\n margin-bottom: 40px;\r\n}\r\n\r\n.author-dots {\r\n display: flex;\r\n gap: 6px;\r\n margin-bottom: 12px;\r\n}\r\n.author-dots span {\r\n display: block;\r\n width: 8px;\r\n height: 8px;\r\n background-color: #ced6e0;\r\n border-radius: 50%;\r\n}\r\n\r\n.author-area strong {\r\n display: block;\r\n color: var(--brand-dark);\r\n font-size: 15px;\r\n margin-bottom: 4px;\r\n}\r\n.author-area span {\r\n display: block;\r\n font-size: 13px;\r\n color: var(--text-grey);\r\n line-height: 1.5;\r\n}\r\n\r\n.contact-btn {\r\n display: inline-block;\r\n background-color: var(--brand-blue);\r\n color: var(--white);\r\n padding: 12px 30px;\r\n border-radius: 25px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n font-size: 15px;\r\n transition: 0.3s;\r\n box-shadow: 0 8px 20px rgba(27, 117, 188, 0.3);\r\n}\r\n.contact-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 25px rgba(27, 117, 188, 0.4);\r\n}\r\n\r\n\/* RIGHT SIDE: IMAGE *\/\r\n.image-col {\r\n flex: 0 0 55%;\r\n display: flex;\r\n justify-content: flex-end;\r\n position: relative;\r\n}\r\n\r\n\/* The thick white circular border from the reference *\/\r\n.image-wrapper {\r\n width: 480px;\r\n height: 480px;\r\n background-color: var(--white);\r\n border-radius: 50%;\r\n border: 15px solid var(--white);\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.15);\r\n overflow: hidden;\r\n position: relative;\r\n z-index: 5;\r\n}\r\n\r\n.image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: top center;\r\n}\r\n\r\n\/* Floating outline circle *\/\r\n.floating-circle {\r\n position: absolute;\r\n bottom: -20px;\r\n left: 20%;\r\n width: 30px; height: 30px;\r\n border: 3px solid #ced6e0;\r\n border-radius: 50%;\r\n z-index: 2;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESPONSIVE DESIGN\r\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media (max-width: 992px) {\r\n .content-container {\r\n flex-direction: column-reverse;\r\n text-align: center;\r\n }\r\n .text-col {\r\n flex: 0 0 100%;\r\n padding-right: 0;\r\n margin-top: 50px;\r\n }\r\n .image-col {\r\n flex: 0 0 100%;\r\n justify-content: center;\r\n }\r\n .image-wrapper {\r\n width: 350px;\r\n height: 350px;\r\n }\r\n .bg-blue-swoosh {\r\n right: -30%;\r\n width: 100%;\r\n }\r\n .author-dots { justify-content: center; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .text-col h1 { font-size: 40px; }\r\n .image-wrapper { width: 280px; height: 280px; border-width: 10px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"ceo-message-section\">\r\n <div class=\"bg-blue-swoosh\"><\/div>\r\n <div class=\"bg-pill-bottom\"><\/div>\r\n <div class=\"bg-pill-right\"><\/div>\r\n <div class=\"bg-triangle\"><\/div>\r\n <div class=\"floating-circle\"><\/div>\r\n\r\n <div class=\"content-container\">\r\n \r\n <div class=\"text-col\">\r\n <div class=\"school-badge\">\r\n <span class=\"school-badge-icon\">NSK<\/span>\r\n <span class=\"school-badge-text\">EXCELLENCE DELIVERED<\/span>\r\n <\/div>\r\n\r\n <h1>Chairman's<br>Message<\/h1>\r\n \r\n <p>\r\n Believing in the mantra \"education is not merely the transfer of knowledge \u2014 it is the lighting of a flame,\" National School Karatagi attributes its success to a dedicated and inspirational community. We empower our students, valuing their personal and academic growth. Our foundation consists of trust, credibility, hard work, discipline, and robust values.\r\n <\/p>\r\n\r\n <div class=\"author-area\">\r\n <div class=\"author-dots\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n <strong>- Shri. Venkat Rao<\/strong>\r\n <span>Chairman & Founder<\/span>\r\n <span>National School Karatagi<\/span>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/nationalschoolkaratagi.com\/index.php\/admissions\/\" class=\"contact-btn\">Admissions Inquiry<\/a>\r\n <\/div>\r\n\r\n <div class=\"image-col\">\r\n <div class=\"image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_ts5479ts5479ts54.png\" alt=\"Chairman Shri. Venkateshwar Rao\">\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\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-653e16d e-flex e-con-boxed e-con e-parent\" data-id=\"653e16d\" 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-b919590 elementor-widget elementor-widget-html\" data-id=\"b919590\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\r\n<meta name=\"description\" content=\"History of National School Karatagi \u2013 A journey of educational excellence, state & national achievements, and growth in Karatagi, Gangavathi Taluk, Koppal District, Karnataka.\">\r\n<title>Our History | National School Karatagi<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800;900&family=Playfair+Display:ital,wght@0,700;0,900;1,700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\nhtml{-webkit-text-size-adjust:100%}\r\n:root{\r\n --navy:#1A2A6C;--navy-d:#0f1d52;--navy-l:#e8ecf8;\r\n --green:#7DC223;--green-d:#5aa800;--green-l:#f2faeb;\r\n --yellow:#FFD700;--white:#fff;--bg:#FAFBFF;--bg2:#F4F6FF;\r\n --border:#E2E6F3;--muted:#5B6480;\r\n --serif:'Playfair Display',Georgia,serif;\r\n --sans:'Inter',system-ui,Arial,sans-serif;\r\n --sh-sm:0 4px 16px rgba(26,42,108,.08);\r\n --sh-md:0 8px 32px rgba(26,42,108,.11);\r\n}\r\nbody{font-family:var(--sans);background:var(--bg);color:var(--navy);-webkit-font-smoothing:antialiased}\r\n\r\n.rv{opacity:0;transform:translateY(20px);transition:all .5s ease}\r\n.rv.on{opacity:1;transform:translateY(0)}\r\n.rv.s1{transition-delay:.1s}.rv.s2{transition-delay:.2s}\r\n\r\n.wrap{max-width:1100px;margin:0 auto}\r\n\r\n\/* \u2500\u2500\u2500 SECTION \u2500\u2500\u2500 *\/\r\n.history-sec{padding:60px 20px;background:var(--white);position:relative;overflow:hidden;}\r\n.sec-label{\r\n display:inline-flex;align-items:center;gap:7px;\r\n background:var(--bg2);color:var(--navy);border:1.5px solid var(--border);\r\n padding:5px 16px;border-radius:30px;font-size:11px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;margin-bottom:14px;\r\n}\r\n.sec-h2{\r\n font-family:var(--serif);font-size:clamp(26px,3.5vw,38px);font-weight:900;\r\n color:var(--navy);line-height:1.14;letter-spacing:-.4px;margin-bottom:15px;\r\n}\r\n.sec-h2 em{font-style:normal;color:var(--green-d)}\r\n.rule{width:40px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--navy),var(--green));margin:0 auto 30px}\r\n\r\n\/* \u2500\u2500\u2500 COMPACT STATS \u2500\u2500\u2500 *\/\r\n.origin-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:50px;}\r\n.or-stat{\r\n background:var(--white);border-radius:12px;padding:15px;\r\n text-align:center;border:1px solid var(--border);box-shadow:var(--sh-sm);\r\n}\r\n.or-num{font-family:var(--serif);font-size:26px;font-weight:900;color:var(--navy);display:block;}\r\n.or-label{color:var(--muted);font-size:11px;margin-top:4px;font-weight:700;text-transform:uppercase;}\r\n\r\n\/* \u2500\u2500\u2500 CONDENSED TIMELINE \u2500\u2500\u2500 *\/\r\n.timeline{position:relative;max-width:860px;margin:0 auto;padding:0 0 0 20px;}\r\n.timeline::before{\r\n content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;\r\n background:linear-gradient(180deg,var(--navy),var(--green));border-radius:3px;\r\n}\r\n.tl-item{position:relative;padding-left:45px;margin-bottom:30px;}\r\n.tl-item:last-child{margin-bottom:0}\r\n.tl-dot{\r\n position:absolute;left:-10px;top:16px;width:24px;height:24px;border-radius:50%;\r\n background:var(--white);border:3px solid var(--navy);display:flex;align-items:center;justify-content:center;\r\n font-size:11px;z-index:1;box-shadow:0 0 0 4px rgba(26,42,108,.08);\r\n}\r\n.tl-item.milestone .tl-dot{background:linear-gradient(135deg,var(--navy-d),var(--navy));border-color:var(--green);width:28px;height:28px;left:-12px;}\r\n.tl-card{\r\n background:var(--bg);border:1px solid var(--border);border-left:4px solid var(--border);\r\n border-radius:12px;padding:20px;box-shadow:var(--sh-sm);\r\n}\r\n.tl-item.milestone .tl-card{background:var(--white);border-left-color:var(--green);}\r\n.tl-title{color:var(--navy);font-size:16px;font-weight:800;margin-bottom:6px;line-height:1.3;}\r\n.tl-text{color:var(--muted);font-size:13.5px;line-height:1.6;}\r\n.tl-tag{\r\n display:inline-flex;align-items:center;gap:5px;background:var(--green-l);color:var(--green-d);\r\n border:1px solid rgba(125,194,35,.25);padding:3px 10px;border-radius:14px;font-size:11px;font-weight:700;margin-top:10px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SEO CHIP BANNER \u2500\u2500\u2500 *\/\r\n.legacy-banner{\r\n background:linear-gradient(135deg,var(--navy-d) 0%,var(--navy) 100%);\r\n border-radius:16px;padding:35px 20px;margin-top:50px;text-align:center;box-shadow:var(--sh-md);\r\n}\r\n.lb-title{font-family:var(--serif);font-size:22px;font-weight:900;color:#fff;margin-bottom:20px;}\r\n.lb-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}\r\n.lb-chip{\r\n display:inline-flex;align-items:center;background:rgba(255,255,255,.1);color:#fff;\r\n border:1px solid rgba(255,255,255,.2);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;\r\n}\r\n\r\n@media(min-width:640px){\r\n .origin-stats{grid-template-columns:repeat(4,1fr)}\r\n .timeline{padding:0 0 0 32px}\r\n .timeline::before{left:32px}\r\n .tl-item{padding-left:60px}\r\n .tl-dot{left:-10px}\r\n .tl-item.milestone .tl-dot{left:-12px}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"history-sec\" id=\"school-history\">\r\n <div class=\"wrap\">\r\n\r\n <div style=\"text-align:center;margin-bottom:40px\" class=\"rv\">\r\n <div class=\"sec-label\" style=\"justify-content:center\">\ud83d\udcdc Our History<\/div>\r\n <h2 class=\"sec-h2\" style=\"text-align:center\">A Legacy of <em>Excellence<\/em> in Karatagi<\/h2>\r\n <div class=\"rule\"><\/div>\r\n <\/div>\r\n\r\n\r\n <div class=\"timeline\">\r\n \r\n <div class=\"tl-item rv\">\r\n <div class=\"tl-dot\">\ud83c\udf31<\/div>\r\n <div class=\"tl-card\">\r\n <div class=\"tl-title\">Foundation in Koppal District<\/div>\r\n <p class=\"tl-text\">Established in Karatagi, Gangavathi Taluk, with a mission to bring world-class CBSE and State Board education to rural Karnataka under the motto \"The Word Is God\".<\/p>\r\n <div class=\"tl-tag\">\ud83c\udfeb Education for All<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tl-item milestone rv s1\">\r\n <div class=\"tl-dot\">\ud83c\udfc6<\/div>\r\n <div class=\"tl-card\">\r\n <div class=\"tl-title\">State & National Champions Emerged<\/div>\r\n <p class=\"tl-text\">National School Karatagi students put the town on the national map by securing prestigious state and national-level titles in Karate, Athletics, and Classical Dance.<\/p>\r\n <div class=\"tl-tag\">\ud83e\udd47 National Level Achievements<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tl-item rv s2\">\r\n <div class=\"tl-dot\">\ud83d\ude80<\/div>\r\n <div class=\"tl-card\">\r\n <div class=\"tl-title\">Modern Era: Green Valley High School<\/div>\r\n <p class=\"tl-text\">Expanded to include Classes 8\u201310 via Green Valley Rural High School. Upgraded to a 3-acre digital campus featuring advanced science labs and a professional cricket academy.<\/p>\r\n <div class=\"tl-tag\">\ud83d\udcbb Digital Campus Launched<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n var els=document.querySelectorAll('.rv');\r\n if('IntersectionObserver' in window){\r\n var io=new IntersectionObserver(function(e){e.forEach(function(x){if(x.isIntersecting){x.target.classList.add('on');io.unobserve(x.target)}})},{threshold:.1,rootMargin:'0px 0px -20px 0px'});\r\n els.forEach(function(el){io.observe(el)});\r\n } else {els.forEach(function(el){el.classList.add('on')})}\r\n})();\r\n<\/script>\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-67d6029 e-flex e-con-boxed e-con e-parent\" data-id=\"67d6029\" 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-4765d26 elementor-widget elementor-widget-html\" data-id=\"4765d26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\r\n<title>Principal's Message | National School Karatagi<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --black: #111111;\r\n --white: #ffffff;\r\n --text-grey: #4a4a4a;\r\n --bg-color: #f4f6f8;\r\n --brand-blue: #004aad;\r\n --sans: 'Inter', sans-serif;\r\n }\r\n\r\n body {\r\n font-family: var(--sans);\r\n background-color: var(--bg-color);\r\n margin: 0;\r\n padding: 20px;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n \/* MAIN BANNER CONTAINER *\/\r\n .pr-banner {\r\n display: flex;\r\n max-width: 1100px;\r\n margin: 40px auto;\r\n background-color: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 15px 40px rgba(0,0,0,0.08);\r\n border-radius: 12px;\r\n }\r\n\r\n \/* LEFT SIDE: Content *\/\r\n .pr-content {\r\n flex: 1;\r\n padding: 35px 45px; \r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n position: relative;\r\n z-index: 2;\r\n background: var(--white);\r\n }\r\n\r\n .pr-content h2 {\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: var(--brand-blue);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n line-height: 1.2;\r\n margin: 0 0 12px 0;\r\n }\r\n\r\n \/* The Quote Text *\/\r\n .pr-quote {\r\n font-size: 14px;\r\n line-height: 1.5;\r\n color: var(--text-grey);\r\n margin: 0 0 15px 0;\r\n font-weight: 400;\r\n }\r\n\r\n \/* Signature Area *\/\r\n .pr-author {\r\n font-size: 13px;\r\n color: var(--black);\r\n margin-bottom: 0;\r\n line-height: 1.4;\r\n }\r\n\r\n .pr-author strong {\r\n font-size: 15px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n color: var(--brand-blue);\r\n }\r\n\r\n .pr-author span {\r\n color: #777;\r\n }\r\n\r\n \/* RIGHT SIDE: Image Wrapper *\/\r\n .pr-image-wrapper {\r\n flex: 1;\r\n position: relative;\r\n }\r\n\r\n \/* Gradient Fade Effect *\/\r\n .pr-image-wrapper::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; bottom: 0; left: -1px;\r\n width: 120px;\r\n background: linear-gradient(to right, #ffffff 0%, rgba(255,255,255,0) 100%);\r\n z-index: 1;\r\n }\r\n\r\n \/* Image fills the wrapper perfectly *\/\r\n .pr-image-wrapper img {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n \r\n \/* THE FIX: Changing to 15% nudges the image up. \r\n If you want him even higher, increase this to 20% or 25%. *\/\r\n object-position: right 15%; \r\n \r\n display: block;\r\n }\r\n\r\n \/* RESPONSIVE DESIGN *\/\r\n @media (max-width: 850px) {\r\n .pr-banner {\r\n flex-direction: column-reverse;\r\n }\r\n \r\n .pr-image-wrapper {\r\n min-height: 250px; \r\n }\r\n\r\n .pr-image-wrapper img {\r\n position: relative; \r\n object-position: center 15%; \/* Applied the same nudge for mobile *\/\r\n }\r\n\r\n .pr-image-wrapper::before {\r\n bottom: -1px; top: auto; left: 0; right: 0;\r\n width: 100%; height: 60px;\r\n background: linear-gradient(to top, #ffffff 0%, rgba(255,255,255,0) 100%);\r\n }\r\n\r\n .pr-content {\r\n padding: 30px 25px;\r\n text-align: center;\r\n align-items: center;\r\n }\r\n\r\n .pr-content h2 {\r\n font-size: 22px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"pr-banner\">\r\n \r\n <div class=\"pr-content\">\r\n <h2>SHAPING FUTURES,<br>ONE STUDENT AT A TIME<\/h2>\r\n \r\n <p class=\"pr-quote\">\r\n \"Every child who enters National School Karatagi carries within them the seeds of greatness. Our job is not to plant those seeds \u2014 they are already there. Our job is to water them, nurture them, and give them the sunlight they need to grow into something magnificent.\"\r\n <\/p>\r\n \r\n <div class=\"pr-author\">\r\n <strong>Ranjith<\/strong><br>\r\n <span>Principal, National School Karatagi<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pr-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/ranjith.png\" alt=\"Principal Ranjith\">\r\n <\/div>\r\n\r\n<\/div>\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-5e737ac e-flex e-con-boxed e-con e-parent\" data-id=\"5e737ac\" 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-75620ae elementor-widget elementor-widget-html\" data-id=\"75620ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\r\n<meta name=\"description\" content=\"Core Values \u2013 National School Karatagi. The principles of integrity, excellence, discipline and community that guide every student in Karatagi, Karnataka.\">\r\n<title>Core Values | National School Karatagi<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800;900&family=Playfair+Display:ital,wght@0,700;0,900;1,700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\nhtml{-webkit-text-size-adjust:100%}\r\n:root{\r\n --navy:#1A2A6C;--navy-d:#0f1d52;--navy-l:#e8ecf8;\r\n --green:#7DC223;--green-d:#5aa800;--green-l:#f2faeb;\r\n --yellow:#FFD700;--white:#fff;--bg:#FAFBFF;--bg2:#F4F6FF;\r\n --border:#E2E6F3;--muted:#5B6480;\r\n --serif:'Playfair Display',Georgia,serif;\r\n --sans:'Inter',system-ui,Arial,sans-serif;\r\n --sh-sm:0 4px 16px rgba(26,42,108,.08);\r\n --sh-lg:0 15px 40px rgba(26,42,108,.12);\r\n}\r\nbody{font-family:var(--sans);background:var(--bg);color:var(--navy);-webkit-font-smoothing:antialiased}\r\n\r\n\/* Scroll Reveal *\/\r\n.rv{opacity:0;transform:translateY(15px);transition:opacity .5s ease,transform .5s ease}\r\n.rv.on{opacity:1;transform:translateY(0)}\r\n.rv.s1{transition-delay:.1s} .rv.s2{transition-delay:.2s} .rv.s3{transition-delay:.3s}\r\n\r\n.wrap{max-width:1100px;margin:0 auto}\r\n\r\n\/* \u2500\u2500\u2500 SECTION (Reduced Padding) \u2500\u2500\u2500 *\/\r\n.values-sec{\r\n padding:50px 20px;\r\n background:var(--white);\r\n position:relative;overflow:hidden;\r\n}\r\n\r\n.sec-label{\r\n display:inline-flex;align-items:center;gap:7px;\r\n background:var(--bg2);color:var(--navy);border:1.5px solid var(--border);\r\n padding:4px 14px;border-radius:30px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;\r\n}\r\n.sec-h2{\r\n font-family:var(--serif);font-size:clamp(24px,3vw,36px);font-weight:900;\r\n color:var(--navy);line-height:1.2;margin-bottom:10px;\r\n}\r\n.sec-h2 em{font-style:normal;color:var(--green-d)}\r\n.rule{width:40px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--navy),var(--green));margin:0 auto 20px}\r\n\r\n\/* \u2500\u2500\u2500 COMPACT MOTTO BANNER \u2500\u2500\u2500 *\/\r\n.motto-banner{\r\n background:linear-gradient(135deg,var(--navy-d) 0%,var(--navy) 100%);\r\n border-radius:16px;padding:30px 20px;text-align:center;\r\n margin-bottom:40px;box-shadow:var(--sh-lg);\r\n position:relative;overflow:hidden;\r\n}\r\n.motto-text{\r\n font-family:var(--serif);font-size:clamp(22px,4vw,32px);font-weight:900;\r\n color:#fff;font-style:italic;margin-bottom:5px;\r\n}\r\n.motto-sub{color:rgba(255,255,255,.7);font-size:14px;}\r\n\r\n\/* \u2500\u2500\u2500 4-CARD VALUES GRID \u2500\u2500\u2500 *\/\r\n.values-grid{\r\n display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:40px;\r\n}\r\n.val-card{\r\n background:var(--bg);border:1px solid var(--border);border-left:4px solid var(--navy);\r\n border-radius:12px;padding:25px;position:relative;\r\n transition:transform .3s, box-shadow .3s;\r\n}\r\n.val-card:hover{\r\n transform:translateY(-5px);box-shadow:var(--sh-lg);border-left-color:var(--green);\r\n}\r\n.val-icon{font-size:32px;margin-bottom:12px;display:block;}\r\n.val-name{color:var(--navy);font-size:18px;font-weight:900;margin-bottom:8px;}\r\n.val-text{color:var(--muted);font-size:14px;line-height:1.6;}\r\n\r\n\/* \u2500\u2500\u2500 COMPACT CTA \u2500\u2500\u2500 *\/\r\n.cta-strip{\r\n background:var(--green-l);border-radius:12px;padding:25px;\r\n text-align:center;border:1px solid var(--border);border-left:4px solid var(--green);\r\n}\r\n.cta-strip h3{font-family:var(--serif);font-size:20px;color:var(--navy);margin-bottom:15px;}\r\n.btn{\r\n display:inline-block;background:var(--navy);color:#fff;\r\n padding:10px 24px;border-radius:20px;font-size:13px;font-weight:700;text-decoration:none;\r\n}\r\n\r\n@media(min-width:640px){\r\n .values-grid{grid-template-columns:repeat(2,1fr)}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"values-sec\" id=\"core-values\">\r\n <div class=\"wrap\">\r\n\r\n <div style=\"text-align:center; margin-bottom:20px;\" class=\"rv\">\r\n <div class=\"sec-label\" style=\"justify-content:center\">\u2764\ufe0f Core Values<\/div>\r\n <h2 class=\"sec-h2\" style=\"text-align:center\">The Principles That Guide <em>Every Day<\/em><\/h2>\r\n <div class=\"rule\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"values-grid\">\r\n \r\n <div class=\"val-card rv\">\r\n <span class=\"val-icon\">\ud83c\udfaf<\/span>\r\n <div class=\"val-name\">Excellence Without Compromise<\/div>\r\n <p class=\"val-text\">We hold every student and activity to the highest standard. From board exams to state-level tournaments, we aim for the top because mediocrity has no place here.<\/p>\r\n <\/div>\r\n\r\n <div class=\"val-card rv s1\">\r\n <span class=\"val-icon\">\ud83d\udcaa<\/span>\r\n <div class=\"val-name\">Discipline & Self-Mastery<\/div>\r\n <p class=\"val-text\">Discipline is the bridge between a dream and achievement. Through academics, sports, and karate, we teach students that mastery of oneself is the greatest victory.<\/p>\r\n <\/div>\r\n\r\n <div class=\"val-card rv s2\">\r\n <span class=\"val-icon\">\ud83c\udf0d<\/span>\r\n <div class=\"val-name\">Respect & Equality<\/div>\r\n <p class=\"val-text\">Every child is respected, seen, and valued equally at National School Karatagi. We celebrate the scholar as much as the sportsperson, the artist as much as the scientist.<\/p>\r\n <\/div>\r\n\r\n <div class=\"val-card rv s3\">\r\n <span class=\"val-icon\">\ud83d\ude80<\/span>\r\n <div class=\"val-name\">Innovation & Progress<\/div>\r\n <p class=\"val-text\">We never stand still. From launching Karatagi's first cricket academy to implementing digital classrooms, we constantly evolve to prepare children for a changing world.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cta-strip rv\">\r\n <h3>Experience These Values For Yourself<\/h3>\r\n <a href=\"\/index.php\/admissions\/\" class=\"btn\">Apply for Admission<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n var els=document.querySelectorAll('.rv');\r\n if('IntersectionObserver' in window){\r\n var io=new IntersectionObserver(function(e){e.forEach(function(x){if(x.isIntersecting){x.target.classList.add('on');io.unobserve(x.target)}})},{threshold:.1});\r\n els.forEach(function(el){io.observe(el)});\r\n } else {els.forEach(function(el){el.classList.add('on')})}\r\n})();\r\n<\/script>\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-8e70e93 e-flex e-con-boxed e-con e-parent\" data-id=\"8e70e93\" 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-09beef8 elementor-widget elementor-widget-html\" data-id=\"09beef8\" 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<div class=\"elementor-element elementor-element-7d6175d e-flex e-con-boxed e-con e-parent\" data-id=\"7d6175d\" 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-7421db6 elementor-widget elementor-widget-html\" data-id=\"7421db6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\r\n<title>Premium Sticky Admission Form<\/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 \/* --- Shared Style Variables --- *\/\r\n :root {\r\n --primary-blue: #1a3a6c;\r\n --btn-blue: #1e60d5;\r\n --accent-gold: #d4af37;\r\n --success-green: #4CAF50;\r\n --bg-glass: rgba(255, 255, 255, 0.98);\r\n --transition-smooth: 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n \/* --- Sticky Button --- *\/\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: 18px 10px;\r\n border: none;\r\n border-radius: 12px 0 0 12px;\r\n cursor: pointer;\r\n writing-mode: vertical-rl;\r\n text-orientation: mixed;\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n box-shadow: -5px 0 20px 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(--btn-blue); padding-right: 15px; }\r\n\r\n \/* --- Modal Overlay --- *\/\r\n .sticky-modal-overlay {\r\n position: fixed;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background: rgba(26, 58, 108, 0.85);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n display: none; \/* Controlled by JS *\/\r\n align-items: center; justify-content: center;\r\n z-index: 9999;\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n }\r\n .sticky-modal-overlay.active { display: flex; opacity: 1; }\r\n\r\n \/* --- Modal Container --- *\/\r\n .sticky-modal-container {\r\n background: var(--bg-glass);\r\n width: 92%; max-width: 460px;\r\n border-radius: 24px;\r\n padding: 40px 30px;\r\n box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n transform: translateY(40px);\r\n transition: transform var(--transition-smooth);\r\n position: relative;\r\n }\r\n .sticky-modal-overlay.active .sticky-modal-container { transform: translateY(0); }\r\n\r\n .close-sticky-modal {\r\n position: absolute; top: 20px; right: 20px;\r\n background: #f0f4f8; border: none;\r\n width: 35px; height: 35px; border-radius: 50%;\r\n cursor: pointer; color: var(--primary-blue);\r\n font-size: 1.2rem; display: flex; align-items: center; justify-content: center;\r\n }\r\n\r\n \/* --- Form Styling --- *\/\r\n .sticky-form-content h2 { \r\n color: var(--primary-blue); \r\n text-align: center; \r\n margin-bottom: 25px; \r\n font-size: 1.8rem;\r\n font-weight: 800;\r\n }\r\n\r\n .sticky-input-group { position: relative; margin-bottom: 22px; }\r\n \r\n .sticky-input-group input, .sticky-input-group textarea {\r\n width: 100%; padding: 12px 0; font-size: 1rem;\r\n border: none; border-bottom: 2px solid #e2e8f0;\r\n background: transparent; outline: none;\r\n color: var(--primary-blue);\r\n }\r\n\r\n .sticky-input-group label {\r\n position: absolute; top: 12px; left: 0;\r\n color: #94a3b8; pointer-events: none;\r\n transition: 0.3s ease all;\r\n }\r\n\r\n .sticky-input-group input:focus ~ label, \r\n .sticky-input-group input:not(:placeholder-shown) ~ label,\r\n .sticky-input-group textarea:focus ~ label, \r\n .sticky-input-group textarea:not(:placeholder-shown) ~ label {\r\n top: -15px; font-size: 0.8rem; color: var(--btn-blue); font-weight: 700;\r\n }\r\n\r\n .sticky-input-group input:focus, .sticky-input-group textarea:focus {\r\n border-bottom-color: var(--btn-blue);\r\n }\r\n\r\n .sticky-submit-btn {\r\n width: 100%; padding: 16px; \r\n background: var(--primary-blue); color: white;\r\n border: none; border-radius: 12px;\r\n font-weight: 700; font-size: 1rem;\r\n cursor: pointer; margin-top: 10px;\r\n display: flex; align-items: center; justify-content: center; gap: 10px;\r\n transition: all 0.3s ease;\r\n }\r\n .sticky-submit-btn:hover { background: var(--btn-blue); transform: translateY(-2px); }\r\n\r\n \/* --- Success Animation --- *\/\r\n .sticky-success-content {\r\n display: none; flex-direction: column; align-items: center;\r\n text-align: center; padding: 20px 0;\r\n }\r\n .sticky-success-content.active { display: flex; }\r\n\r\n .sticky-checkmark-circle {\r\n width: 80px; height: 80px; \r\n background: var(--success-green); border-radius: 50%;\r\n display: flex; align-items: center; justify-content: center;\r\n color: white; font-size: 40px; margin-bottom: 20px;\r\n animation: scaleIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n }\r\n\r\n @keyframes scaleIn { from { transform: scale(0); } to { transform: scale(1); } }\r\n\r\n \/* Mobile Responsive *\/\r\n @media (max-width: 600px) {\r\n .sticky-modal-container { padding: 35px 20px; }\r\n .sticky-form-content h2 { font-size: 1.5rem; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n <button class=\"sticky-admission-btn\" id=\"openStickyForm\">\r\n <i class=\"fas fa-graduation-cap\" style=\"margin-bottom: 8px;\"><\/i> Admission 2026\r\n <\/button>\r\n\r\n <div class=\"sticky-modal-overlay\" id=\"stickyOverlay\">\r\n <div class=\"sticky-modal-container\">\r\n <button class=\"close-sticky-modal\" id=\"closeStickyForm\"><i class=\"fas fa-times\"><\/i><\/button>\r\n\r\n <div class=\"sticky-form-content\" id=\"stickyFormContent\">\r\n <h2>Admission Inquiry<\/h2>\r\n <form id=\"stickyAdmissionForm\">\r\n \r\n <div class=\"sticky-input-group\">\r\n <input type=\"text\" id=\"s_parent_name\" placeholder=\" \" required>\r\n <label>Parent\/Guardian Name<\/label>\r\n <\/div>\r\n\r\n <div class=\"sticky-input-group\">\r\n <input type=\"text\" id=\"s_student_class\" placeholder=\" \" required>\r\n <label>Applying for Class<\/label>\r\n <\/div>\r\n\r\n <div class=\"sticky-input-group\">\r\n <input type=\"tel\" id=\"s_phone_number\" placeholder=\" \" required>\r\n <label>WhatsApp Number<\/label>\r\n <\/div>\r\n\r\n <div class=\"sticky-input-group\">\r\n <input type=\"email\" id=\"s_email_address\" placeholder=\" \">\r\n <label>Email Address (Optional)<\/label>\r\n <\/div>\r\n\r\n <div class=\"sticky-input-group\">\r\n <textarea id=\"s_form_message\" placeholder=\" \" rows=\"2\"><\/textarea>\r\n <label>Special Requirements (Optional)<\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"sticky-submit-btn\" id=\"stickySubmitBtn\">\r\n <i class=\"fas fa-paper-plane\"><\/i> SUBMIT ENQUIRY\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n <div class=\"sticky-success-content\" id=\"stickySuccessContent\">\r\n <div class=\"sticky-checkmark-circle\"><i class=\"fas fa-check\"><\/i><\/div>\r\n <h2 style=\"color: var(--primary-blue);\">Inquiry Recorded<\/h2>\r\n <p style=\"color: #666; margin-top: 10px;\">Your details have been successfully saved. A direct WhatsApp chat has been opened for you.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\n const stickyOverlay = document.getElementById('stickyOverlay');\r\n const openStickyBtn = document.getElementById('openStickyForm');\r\n const closeStickyBtn = document.getElementById('closeStickyForm');\r\n const stickyForm = document.getElementById('stickyAdmissionForm');\r\n const stickyFormContent = document.getElementById('stickyFormContent');\r\n const stickySuccess = document.getElementById('stickySuccessContent');\r\n const stickySubmitBtn = document.getElementById('stickySubmitBtn');\r\n\r\n \/\/ Your Google Form URL\r\n const FORM_URL = \"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSdSLdYvEoIoDb7E71vlhyG0AamEB1pQQuhswRD9d1FKJmCaFw\/formResponse\";\r\n\r\n \/\/ Open Modal\r\n openStickyBtn.addEventListener('click', () => {\r\n stickyOverlay.classList.add('active');\r\n stickyFormContent.style.display = 'block';\r\n stickySuccess.classList.remove('active');\r\n stickySuccess.style.display = 'none';\r\n });\r\n\r\n \/\/ Close Modal\r\n const closeAdmissionModal = () => {\r\n stickyOverlay.classList.remove('active');\r\n };\r\n\r\n closeStickyBtn.addEventListener('click', closeAdmissionModal);\r\n stickyOverlay.addEventListener('click', (e) => {\r\n if(e.target === stickyOverlay) closeAdmissionModal();\r\n });\r\n\r\n \/\/ Handle Submission\r\n stickyForm.addEventListener('submit', function(e) {\r\n e.preventDefault(); \/\/ Stop normal page reload\r\n\r\n \/\/ 1. Get Values\r\n const parentName = document.getElementById('s_parent_name').value;\r\n const studentClass = document.getElementById('s_student_class').value;\r\n const phone = document.getElementById('s_phone_number').value;\r\n const email = document.getElementById('s_email_address').value;\r\n const msg = document.getElementById('s_form_message').value;\r\n\r\n \/\/ 2. Submit to Google Sheets Silently\r\n const fd = new FormData();\r\n fd.append(\"entry.696704203\", parentName);\r\n fd.append(\"entry.1089489972\", studentClass);\r\n fd.append(\"entry.1819232693\", phone);\r\n fd.append(\"entry.800204033\", email);\r\n fd.append(\"entry.794227521\", msg);\r\n fetch(FORM_URL, { method: 'POST', mode: 'no-cors', body: fd });\r\n\r\n \/\/ 3. Immediately Update UI to show Success State\r\n stickySubmitBtn.innerHTML = \"<i class='fas fa-circle-notch fa-spin'><\/i> RECORDING...\";\r\n stickySubmitBtn.disabled = true;\r\n\r\n setTimeout(() => {\r\n \/\/ Hide form, show checkmark\r\n stickyFormContent.style.display = 'none';\r\n stickySuccess.style.display = 'flex';\r\n setTimeout(() => stickySuccess.classList.add('active'), 50);\r\n\r\n \/\/ 4. Wait 1.5 seconds so they can see the success message, THEN open WhatsApp\r\n setTimeout(() => {\r\n const waText = `Hello! Here is a new admission enquiry from the Website Form:\\n*Parent:* ${parentName}\\n*Class:* ${studentClass}\\n*Phone:* ${phone}`;\r\n \r\n \/\/ Note: Because we delayed this window.open, strict popup blockers might occasionally block it. \r\n \/\/ To be safe, we open it in the SAME window instead of a new tab.\r\n window.location.href = `https:\/\/wa.me\/919986077113?text=${encodeURIComponent(waText)}`;\r\n \r\n \/\/ Reset the form behind the scenes before they leave\r\n stickyForm.reset();\r\n stickySubmitBtn.innerHTML = \"<i class='fas fa-paper-plane'><\/i> SUBMIT ENQUIRY\";\r\n stickySubmitBtn.disabled = false;\r\n \r\n }, 1500); \/\/ 1.5 seconds delay\r\n\r\n }, 500); \/\/ Quick artificial processing delay\r\n });\r\n <\/script>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>School Overview | National School Karatagi Established \u00b7 Karatagi, Karnataka Where Every ChildDiscovers Greatness National School Karatagi & Green Valley […]<\/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-8","page","type-page","status-publish","hentry"],"aioseo_notices":[],"yoast_head":"\n<title>About 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\/about-us\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About Us - Green Valley Rural High School\" \/>\n<meta property=\"og:description\" content=\"School Overview | National School Karatagi Established \u00b7 Karatagi, Karnataka Where Every ChildDiscovers Greatness National School Karatagi & Green Valley […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-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-16T17:53:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DJI_20260309100714_0188_D-scaled.jpg\" \/>\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=\"29 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/\",\"name\":\"About Us - Green Valley Rural High School\",\"isPartOf\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DJI_20260309100714_0188_D-scaled.jpg\",\"datePublished\":\"2026-03-23T09:27:52+00:00\",\"dateModified\":\"2026-04-16T17:53:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#primaryimage\",\"url\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DJI_20260309100714_0188_D-scaled.jpg\",\"contentUrl\":\"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DJI_20260309100714_0188_D-scaled.jpg\",\"width\":2560,\"height\":1440,\"caption\":\"default\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/nationalschoolkaratagi.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About 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":"About 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\/about-us\/","og_locale":"en_US","og_type":"article","og_title":"About Us - Green Valley Rural High School","og_description":"School Overview | National School Karatagi Established \u00b7 Karatagi, Karnataka Where Every ChildDiscovers Greatness National School Karatagi & Green Valley […]","og_url":"https:\/\/nationalschoolkaratagi.com\/index.php\/about-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-16T17:53:38+00:00","og_image":[{"url":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DJI_20260309100714_0188_D-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"29 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/","url":"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/","name":"About Us - Green Valley Rural High School","isPartOf":{"@id":"https:\/\/nationalschoolkaratagi.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#primaryimage"},"image":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#primaryimage"},"thumbnailUrl":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DJI_20260309100714_0188_D-scaled.jpg","datePublished":"2026-03-23T09:27:52+00:00","dateModified":"2026-04-16T17:53:38+00:00","breadcrumb":{"@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#primaryimage","url":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DJI_20260309100714_0188_D-scaled.jpg","contentUrl":"https:\/\/nationalschoolkaratagi.com\/wp-content\/uploads\/2026\/03\/DJI_20260309100714_0188_D-scaled.jpg","width":2560,"height":1440,"caption":"default"},{"@type":"BreadcrumbList","@id":"https:\/\/nationalschoolkaratagi.com\/index.php\/about-us\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nationalschoolkaratagi.com\/"},{"@type":"ListItem","position":2,"name":"About 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\/8","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=8"}],"version-history":[{"count":103,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":1945,"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/1945"}],"wp:attachment":[{"href":"https:\/\/nationalschoolkaratagi.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}