Catholic Board of Education – Our Rich History<\/title>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/gsap.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/ScrollTrigger.min.js\"><\/script>\n <style>\n :root {\n --cbe-beige: #F5F5DC;\n --cbe-espresso: #4A2C2A;\n --cbe-light-espresso: #5C3A37;\n --cbe-text-light: #F5F5DC;\n --cbe-text-dark: #4A2C2A;\n --cbe-card-bg: rgba(74, 44, 42, 0.8);\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n fontitore: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n body {\n background: var(--cbe-beige) !important;\n color: var(--cbe-text-dark) !important;\n line-height: 1.6;\n font-size: 16px;\n }\n \n .container {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 25px;\n }\n \n .hero {\n background: var(--cbe-beige) !important;\n padding: 40px 25px;\n position: relative;\n overflow: hidden;\n }\n \n .hero-content {\n text-align: center;\n position: relative;\n z-index: 5px;\n max-width: 900px;\n margin: 0 auto;\n }\n \n .hero-title {\n font-size: 3.5rem;\n font-weight: 700;\n margin-bottom: 30px;\n font-family: 'Cambria', Georgia, serif;\n letter-spacing: 2px;\n color: var(--cbe-text-dark) !important;\n text-shadow: 0 1px 5px rgba(0,0,0,0.2);\n }\n \n .divider {\n width: 100px;\n height: 3px;\n background: var(--cbe-espresso);\n margin: 0 auto 30px;\n box-shadow: 0 2px 8px rgba(74, 44, 42, 0.3);\n }\n \n .hero-subtitle {\n font-size: 19px;\n font-style: italic;\n color: var(--cbe-text-dark) !important;\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.7;\n }\n \n .content-section {\n padding: 0 0 40px 0;\n background: var(--cbe-beige) !important;\n position: relative;\n }\n \n .content-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' xmlns='https:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L55 30 L30 55 L5 30 Z' stroke='rgba(74,44,42,0.01)' fill='none'\/%3E%3C\/svg%3E\");\n opacity: 0.3;\n }\n \n .card-container {\n background: #FFFFFF !important;\n padding: 40px;\n border-radius: 12px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n margin-bottom: 60px;\n }\n \n .card-section {\n color: var(--cbe-text-dark) !important;\n margin-bottom: 0;\n }\n \n .card-section .card-title {\n font-size: 2rem;\n font-weight: 700;\n margin-bottom: 20px;\n color: var(--cbe-text-dark) !important;\n font-family: 'Cambria', Georgia, serif;\n position: relative;\n display: inline-block;\n }\n \n .card-section .card-content {\n display: block !important;\n }\n \n .card-section .card-text p {\n margin-bottom: 20px;\n color: var(--cbe-text-dark) !important;\n line-height: 1.8;\n font-size: 1.05rem;\n }\n \n .image-gap {\n height: 400px;\n background: transparent;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 130px;\n margin: 60px auto 30px auto;\n max-width: 860px;\n }\n \n .image-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n \n .image-container {\n position: relative !important;\n width: 320px !important;\n height: 360px !important;\n margin: 0 auto !important;\n border-radius: 8px !important;\n overflow: hidden !important;\n margin-bottom: 0 !important;\n background: #FFFFFF !important;\n box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;\n padding: 0 !important;\n border: 2px solid rgba(255,255,255,0) !important;\n transition: border 0.3s ease, box-shadow 0.3s ease !important;\n }\n \n .image-container:hover {\n border: 2px solid rgba(255,255,255,0.8) !important;\n box-shadow: 0 8px 25px rgba(0,0,0,0.3) !important;\n }\n \n .image-container img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n max-width: 100% !important;\n max-height: 100% !important;\n display: block !important;\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n }\n \n .image-container:hover img {\n transform: scale(1.05) !important;\n }\n \n .card-image-caption.name {\n display: block !important;\n color: #2F1B1A !important;\n padding: 5px 10px !important;\n font-weight: bold !important;\n margin-top: 10px !important;\n font-size: 16px;\n width: 320px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n letter-spacing: 1px !important;\n line-height: 1.4 !important;\n text-align: center !important;\n }\n \n .card-image-caption.position {\n display: block !important;\n color: #000000 !important;\n padding: 3px 10px !important;\n font-style: italic !important;\n margin-top: 2px !important;\n font-size: 14px !important;\n width: 320px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n line-height: 1.4 !important;\n text-align: center !important;\n }\n \n .timeline-section {\n padding: 60px 0;\n background: var(--cbe-beige) !important;\n position: relative;\n }\n \n .timeline-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' xmlns='https:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='18' stroke='rgba(74,44,42,0.02)' fill='none'\/%3E%3C\/svg%3E\");\n opacity: 0.4;\n }\n \n .section-title {\n text-align: center;\n font-size: 2.5rem;\n font-weight: 700;\n color: #ffffff !important;\n font-family: 'Cambria', Georgia, serif;\n position: relative;\n display: inline-block;\n left: 50%;\n transform: translateX(-50%);\n background: var(--cbe-espresso);\n padding: 10px 20px;\n white-space: nowrap;\n margin-bottom: 60px;\n border-radius: 6px;\n }\n \n .timeline {\n position: relative;\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px 0;\n }\n \n .timeline:before {\n content: '';\n position: absolute;\n width: 4px;\n background: var(--cbe-espresso);\n top: 0;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n border-radius: 2px;\n z-index: 0;\n }\n \n .timeline-item {\n position: relative;\n margin-bottom: 80px;\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.7s ease;\n }\n \n .timeline-item.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n .timeline-content {\n position: relative;\n width: 45%;\n padding: 30px;\n background: var(--cbe-espresso) !important;\n border-radius: 12px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n backdrop-filter: blur(8px);\n border: 1px solid rgba(245,245,220,0.05);\n border-left: 3px solid var(--cbe-beige);\n margin-top: 40px;\n z-index: 1;\n }\n \n .timeline-item:nth-child(odd) .timeline-content {\n margin-left: auto;\n border-left: none;\n border-right: 3px solid var(--cbe-beige);\n }\n \n .timeline-date {\n position: absolute;\n width: 80px !important;\n height: 80px !important;\n background: var(--cbe-espresso) !important;\n border-radius: 50% !important;\n border: 4px solid var(--cbe-beige) !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n font-weight: 700 !important;\n font-size: 20px !important;\n color: var(--cbe-text-light) !important;\n top: 0 !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n z-index: 2 !important;\n box-shadow: 0 5px 15px rgba(0,0,0,0.3) !important;\n }\n \n .timeline-content:before {\n content: '';\n position: absolute;\n top: 25px;\n width: 20px;\n height: 20px;\n background: var(--cbe-espresso);\n transform: rotate(45deg);\n z-index: -1;\n }\n \n .timeline-item:nth-child(odd) .timeline-content:before {\n right: -10px;\n }\n \n .timeline-item:nth-child(even) .timeline-content:before {\n left: -10px;\n }\n \n .timeline-content h3 {\n font-size: 1.5rem;\n margin-bottom: 20px;\n color: var(--cbe-beige) !important;\n font-family: 'Cambria', Georgia, serif;\n }\n \n .timeline-content p {\n font-size: 1.05rem;\n line-height: 1.7;\n color: var(--cbe-text-light) !important;\n }\n \n .stats-section {\n padding: 70px 0;\n background: var(--cbe-beige) !important;\n position: relative;\n border-top: 1px solid rgba(74,44,42,0.2);\n }\n \n .stats-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 30px;\n }\n \n .stat-card {\n background: var(--cbe-espresso) !important;\n padding: 35px 25px;\n text-align: center;\n border-radius: 12px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.2);\n border: 1px solid rgba(245,245,220,0.03);\n border-bottom: 3px solid var(--cbe-beige);\n transition: transform 0.3s ease;\n }\n \n .stat-card:hover {\n transform: translateY(-8px);\n }\n \n .stat-number {\n font-size: 3rem;\n font-weight: 700;\n margin-bottom: 15px;\n font-family: 'Cambria', Georgia, serif;\n color: var(--cbe-beige) !important;\n text-shadow: 0 2px 10px rgba(0,0,0,0.2);\n }\n \n .stat-label {\n font-size: 1rem;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: var(--cbe-text-light) !important;\n }\n \n .navbar {\n background-color: var(--cbe-espresso) !important;\n padding: 15px 0;\n border-bottom: 2px solid var(--cbe-beige);\n }\n \n .navbar-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n \n .logo-container {\n display: flex;\n align-items: center;\n }\n \n .logo-img {\n width: 60px;\n height: auto;\n margin-right: 15px;\n }\n \n .site-title {\n display: flex;\n flex-direction: column;\n }\n \n .site-title h1 {\n font-size: 1.8rem;\n color: var(--cbe-text-light) !important;\n font-weight: 700;\n margin: 0;\n line-height: 1.2;\n }\n \n .site-title p {\n font-size: 1.1rem;\n color: var(--cbe-beige) !important;\n font-style: italic;\n }\n \n .navbar-menu {\n display: flex;\n gap: 30px;\n }\n \n .navbar-menu a {\n color: var(--cbe-text-light) !important;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.1rem;\n padding: 8px 0;\n position: relative;\n transition: color 0.3s ease;\n }\n \n .navbar-menu a:hover {\n color: var(--cbe-beige) !important;\n }\n \n .navbar-menu a::after {\n content: '';\n position: absolute;\n width: 0;\n height: 2px;\n bottom: 0;\n left: 0;\n background-color: var(--cbe-beige);\n transition: width 0.3s ease;\n }\n \n .navbar-menu a:hover::after {\n width: 100%;\n }\n \n @media (max-width: 992px) {\n .hero-title {\n font-size: 2.8rem;\n }\n \n .card-container {\n padding: 30px;\n margin-bottom: 50px;\n }\n \n .card-section .card-title {\n font-size: 1.8rem;\n }\n \n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n }\n \n .stat-number {\n font-size: 2.5rem;\n }\n \n .image-container {\n width: 280px !important;\n height: 320px !important;\n }\n \n .image-gap {\n gap: 80px;\n max-width: 680px;\n height: 360px;\n margin: 50px auto 20px auto;\n }\n }\n \n @media (max-width: 768px) {\n .hero {\n padding: 50px 0 30px 0;\n }\n \n .hero-title {\n font-size: 2.2rem;\n margin-bottom: 20px;\n }\n \n .hero-subtitle {\n font-size: 1.2rem;\n margin-top: 15px;\n }\n \n .card-container {\n padding: 25px;\n margin-bottom: 40px;\n }\n \n .card-section .card-title {\n font-size: 1.7rem;\n margin-bottom: 15px;\n }\n \n .card-section .card-text p {\n font-size: 1.1rem;\n }\n \n .image-container {\n width: 280px !important;\n height: 320px !important;\n }\n \n .image-gap {\n flex-direction: column;\n height: auto;\n min-height: 750px; \/* Added to ensure enough space for stacked images and captions *\/\n gap: 20px;\n max-width: 300px;\n margin: 40px auto 80px auto; \/* Increased bottom margin to 80px for more spacing *\/\n }\n \n .image-item {\n margin-bottom: 40px; \/* Increased to 40px to prevent caption overlap *\/\n }\n }\n \n @media (max-width: 576px) {\n .container {\n padding: 0 15px;\n }\n \n .hero {\n padding: 40px 0 20px 0;\n }\n \n .hero-title {\n font-size: 25px;\n }\n \n .hero-subtitle {\n font-size: 12px;\n }\n \n .card-container {\n padding: 20px;\n margin-bottom: 35px;\n }\n \n .card-section .card-title {\n font-size: 1.6rem;\n margin-bottom: 10px;\n }\n \n .card-section .card-text p {\n font-size: 1.05rem;\n }\n \n .image-container {\n width: 240px !important;\n height: 280px !important;\n }\n \n .image-gap {\n flex-direction: column;\n height: auto;\n min-height: 700px; \/* Added to ensure enough space for stacked images and captions *\/\n gap: 20px;\n max-width: 250px;\n margin: 30px auto 80px auto; \/* Increased bottom margin to 80px for more spacing *\/\n }\n \n .image-item {\n margin-bottom: 40px; \/* Increased to 40px to prevent caption overlap *\/\n }\n \n .timeline-content {\n padding: 20px;\n }\n \n .timeline:before {\n left: 15px;\n }\n \n .timeline-content {\n width: calc(100% - 40px);\n margin-left: 40px !important;\n }\n \n .timeline-item:nth-child(odd) .timeline-content {\n margin-left: 40px !important;\n }\n \n .timeline-date {\n left: 15px !important;\n width: 50px !important;\n height: 50px !important;\n font-size: 14px !important;\n }\n \n .card-image-caption.name {\n width: 240px !important;\n }\n \n .card-image-caption.position {\n width: 240px !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"hero\">\n <div class=\"container hero-content\">\n <h3 class=\"hero-title\">OUR LEGACY OF EDUCATION<\/h3>\n <div class=\"divider\"><\/div>\n <p class=\"hero-subtitle\">Tracing our journey from humble beginnings to becoming a pillar of educational excellence in South Kanara.<\/p>\n <\/div>\n <\/section>\n\n <section class=\"content-section\">\n <div class=\"container\">\n <div class=\"card-container\">\n <div class=\"card-section\">\n <h2 class=\"card-title\">The Jesuit Impact<\/h2>\n <div class=\"card-content\">\n <div class=\"card-text\">\n <p>Education in the South Kanara District became organized with the advent of foreign missionaries, chiefly the Basel Mission and the Jesuits. When Jesuits landed in Mangalore on 27th Sept. 1878, purely for the purpose of education, they found the people receptive and intelligent.<\/p>\n <p>With their arrival, education in the district took a different turn and was completely organized. A number of schools sprang up by the side of village churches, with priests taking keen interest in imparting education. The Madras Presidency, to which South Kanara belonged, supported private institutions with financial aid to run the schools.<\/p>\n <p>The personal work of each priest in his village was consolidated by the ever-watchful eye of the Bishop of Mangalore, who provided guidance, help, and enthusiasm.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card-container\">\n <div class=\"card-section\">\n <h2 class=\"card-title\">Formation of the Catholic Board<\/h2>\n <div class=\"image-gap\">\n <div class=\"image-item\">\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/cbemangalore.com\/wp-content\/uploads\/2025\/06\/Victor.jpeg\" alt=\"Rt. Rev. Dr. V.R. Fernandes\">\n <\/div>\n <div class=\"card-image-caption name\">Rt. Rev. Dr. V.R. Fernandes<\/div>\n <div class=\"card-image-caption position\">Founder President<\/div>\n <\/div>\n <div class=\"image-item\">\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/cbemangalore.com\/wp-content\/uploads\/2025\/03\/Servant-of-God-Raymond-FC-Mascarenhas-2.jpg\" alt=\"Msgr. R.F.C. Mascarenhas\">\n <\/div>\n <div class=\"card-image-caption name\">Msgr. R.F.C. Mascarenhas<\/div>\n <div class=\"card-image-caption position\">Founder Secretary<\/div>\n <\/div>\n <\/div>\n <div class=\"card-content\">\n <div class=\"card-text\">\n <p>The Catholic Board of Education was formed in the year 1932 by Rt. Rev. Dr. V.R. Fernandes, the then Bishop of Mangalore, to bring all the parish schools under one organization.<\/p>\n <p>The first meeting of the Board was held at the Bishop’s House on 26th July 1932, with the Bishop as President. Rev. Msgr. R.F.C. Mascarenhas was the first Manager\/Secretary of the Board.<\/p>\n <p>In the year 1956, on October 6th, the Board was registered as a Society under the Societies Act with the object of promoting good and sound education in the Diocese, open to all without discrimination of caste, creed, or community.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card-container\">\n <div class=\"card-section\">\n <h2 class=\"card-title\">Current Status<\/h2>\n <div class=\"card-content\">\n <div class=\"card-text\">\n <p>Though in the beginning we had only Aided Kannada Medium Schools, gradually English Medium Un-Aided Schools were opened and registered. At present, we have 100+ institutes registered under the Catholic Board of Education.<\/p>\n <p>Recently, some of our Aided Kannada Medium Schools have closed due to a lack of student strength and insufficient government support to appoint aided teachers. Our institutions are now preparing to implement the National Education Policy \u2013 2020.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"timeline-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Timeline<\/h2>\n <div class=\"timeline\">\n <div class=\"timeline-item\">\n <div class=\"timeline-date\">1878<\/div>\n <div class=\"timeline-content\">\n <h3>Jesuit Arrival<\/h3>\n <p>Jesuits landed in Mangalore on 27th September, marking the beginning of organized education in the South Kanara District.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"timeline-item\">\n <div class=\"timeline-date\">1880<\/div>\n <div class=\"timeline-content\">\n <h3>St. Aloysius College Founded<\/h3>\n <p>St. Aloysius College, a monument to educational enterprise, was started to provide the youth of South Kanara with a sound and liberal education.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"timeline-item\">\n <div class=\"timeline-date\">1932<\/div>\n <div class=\"timeline-content\">\n <h3>CBE Formation<\/h3>\n <p>The Catholic Board of Education was formed by Rt. Rev. Dr. V.R. Fernandes to unite all parish schools under one organization. The first meeting was held on 26th July.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"timeline-item\">\n <div class=\"timeline-date\">1956<\/div>\n <div class=\"timeline-content\">\n <h3>Official Registration<\/h3>\n <p>The Board was officially registered as a Society under the Societies Act on 6th October, with the aim of promoting good and sound education in the Diocese.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"timeline-item\">\n <div class=\"timeline-date\">2020<\/div>\n <div class=\"timeline-content\">\n <h3>Modern Era<\/h3>\n <p>The Catholic Board of Education’s institutions began preparing to implement the National Education Policy, adapting to contemporary educational demands.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"stats-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">OUR EDUCATIONAL REACH<\/h2>\n <div class=\"stats-grid\">\n <div class=\"stat-card\">\n <div class=\"stat-number\">100+<\/div>\n <div class=\"stat-label\">Educational Institutions<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">1878<\/div>\n <div class=\"stat-label\">Since Year<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">1932<\/div>\n <div class=\"stat-label\">Board Established<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">93<\/div>\n <div class=\"stat-label\">Years of Service<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n console.log('GSAP loaded:', typeof window.gsap !== 'undefined');\n console.log('ScrollTrigger loaded:', typeof window.ScrollTrigger !== 'undefined');\n\n document.querySelectorAll('.timeline-item').forEach((element, index) => {\n setTimeout(() => {\n element.classList.add('active');\n }, index * 300);\n });\n\n const observer = new IntersectionObserver(\n entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n },\n { threshold: 0.1 }\n );\n\n document.querySelectorAll('.timeline-item').forEach(element => {\n observer.observe(element);\n });\n\n try {\n if (typeof window.gsap !== 'undefined' && typeof window.ScrollTrigger !== 'undefined') {\n gsap.registerPlugin(ScrollTrigger);\n gsap.from('.stat-card', {\n y: 30,\n opacity: 0,\n duration: 0.8,\n stagger: 0.2,\n scrollTrigger: {\n trigger: '.stats-grid',\n start: 'top bottom-=80',\n toggleActions: 'play none none none'\n }\n });\n } else {\n console.warn('GSAP or ScrollTrigger not loaded, skipping animations.');\n }\n } catch (error) {\n console.error('GSAP animation error:', error.name, error.message);\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Catholic Board of Education – Our Rich History OUR LEGACY OF EDUCATION Tracing our journey from humble beginnings to becoming […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","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-117","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbemangalore.com\/index.php?rest_route=\/wp\/v2\/pages\/117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbemangalore.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbemangalore.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbemangalore.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbemangalore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=117"}],"version-history":[{"count":110,"href":"https:\/\/cbemangalore.com\/index.php?rest_route=\/wp\/v2\/pages\/117\/revisions"}],"predecessor-version":[{"id":1860,"href":"https:\/\/cbemangalore.com\/index.php?rest_route=\/wp\/v2\/pages\/117\/revisions\/1860"}],"wp:attachment":[{"href":"https:\/\/cbemangalore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":117,"date":"2025-03-17T04:22:51","date_gmt":"2025-03-17T04:22:51","guid":{"rendered":"https:\/\/cbemangalore.com\/?page_id=117"},"modified":"2025-07-06T07:17:49","modified_gmt":"2025-07-06T07:17:49","slug":"our-history","status":"publish","type":"page","link":"https:\/\/cbemangalore.com\/?page_id=117","title":{"rendered":"Our History"},"content":{"rendered":"\n\n\n\n \n \n Catholic Board of Education – Our Rich History<\/title>\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/gsap.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.11.4\/ScrollTrigger.min.js\"><\/script>\n <style>\n :root {\n --cbe-beige: #F5F5DC;\n --cbe-espresso: #4A2C2A;\n --cbe-light-espresso: #5C3A37;\n --cbe-text-light: #F5F5DC;\n --cbe-text-dark: #4A2C2A;\n --cbe-card-bg: rgba(74, 44, 42, 0.8);\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n fontitore: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n body {\n background: var(--cbe-beige) !important;\n color: var(--cbe-text-dark) !important;\n line-height: 1.6;\n font-size: 16px;\n }\n \n .container {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 25px;\n }\n \n .hero {\n background: var(--cbe-beige) !important;\n padding: 40px 25px;\n position: relative;\n overflow: hidden;\n }\n \n .hero-content {\n text-align: center;\n position: relative;\n z-index: 5px;\n max-width: 900px;\n margin: 0 auto;\n }\n \n .hero-title {\n font-size: 3.5rem;\n font-weight: 700;\n margin-bottom: 30px;\n font-family: 'Cambria', Georgia, serif;\n letter-spacing: 2px;\n color: var(--cbe-text-dark) !important;\n text-shadow: 0 1px 5px rgba(0,0,0,0.2);\n }\n \n .divider {\n width: 100px;\n height: 3px;\n background: var(--cbe-espresso);\n margin: 0 auto 30px;\n box-shadow: 0 2px 8px rgba(74, 44, 42, 0.3);\n }\n \n .hero-subtitle {\n font-size: 19px;\n font-style: italic;\n color: var(--cbe-text-dark) !important;\n max-width: 800px;\n margin: 0 auto;\n line-height: 1.7;\n }\n \n .content-section {\n padding: 0 0 40px 0;\n background: var(--cbe-beige) !important;\n position: relative;\n }\n \n .content-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' xmlns='https:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L55 30 L30 55 L5 30 Z' stroke='rgba(74,44,42,0.01)' fill='none'\/%3E%3C\/svg%3E\");\n opacity: 0.3;\n }\n \n .card-container {\n background: #FFFFFF !important;\n padding: 40px;\n border-radius: 12px;\n box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n margin-bottom: 60px;\n }\n \n .card-section {\n color: var(--cbe-text-dark) !important;\n margin-bottom: 0;\n }\n \n .card-section .card-title {\n font-size: 2rem;\n font-weight: 700;\n margin-bottom: 20px;\n color: var(--cbe-text-dark) !important;\n font-family: 'Cambria', Georgia, serif;\n position: relative;\n display: inline-block;\n }\n \n .card-section .card-content {\n display: block !important;\n }\n \n .card-section .card-text p {\n margin-bottom: 20px;\n color: var(--cbe-text-dark) !important;\n line-height: 1.8;\n font-size: 1.05rem;\n }\n \n .image-gap {\n height: 400px;\n background: transparent;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 130px;\n margin: 60px auto 30px auto;\n max-width: 860px;\n }\n \n .image-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n \n .image-container {\n position: relative !important;\n width: 320px !important;\n height: 360px !important;\n margin: 0 auto !important;\n border-radius: 8px !important;\n overflow: hidden !important;\n margin-bottom: 0 !important;\n background: #FFFFFF !important;\n box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;\n padding: 0 !important;\n border: 2px solid rgba(255,255,255,0) !important;\n transition: border 0.3s ease, box-shadow 0.3s ease !important;\n }\n \n .image-container:hover {\n border: 2px solid rgba(255,255,255,0.8) !important;\n box-shadow: 0 8px 25px rgba(0,0,0,0.3) !important;\n }\n \n .image-container img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n max-width: 100% !important;\n max-height: 100% !important;\n display: block !important;\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n }\n \n .image-container:hover img {\n transform: scale(1.05) !important;\n }\n \n .card-image-caption.name {\n display: block !important;\n color: #2F1B1A !important;\n padding: 5px 10px !important;\n font-weight: bold !important;\n margin-top: 10px !important;\n font-size: 16px;\n width: 320px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n letter-spacing: 1px !important;\n line-height: 1.4 !important;\n text-align: center !important;\n }\n \n .card-image-caption.position {\n display: block !important;\n color: #000000 !important;\n padding: 3px 10px !important;\n font-style: italic !important;\n margin-top: 2px !important;\n font-size: 14px !important;\n width: 320px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n line-height: 1.4 !important;\n text-align: center !important;\n }\n \n .timeline-section {\n padding: 60px 0;\n background: var(--cbe-beige) !important;\n position: relative;\n }\n \n .timeline-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' xmlns='https:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='18' stroke='rgba(74,44,42,0.02)' fill='none'\/%3E%3C\/svg%3E\");\n opacity: 0.4;\n }\n \n .section-title {\n text-align: center;\n font-size: 2.5rem;\n font-weight: 700;\n color: #ffffff !important;\n font-family: 'Cambria', Georgia, serif;\n position: relative;\n display: inline-block;\n left: 50%;\n transform: translateX(-50%);\n background: var(--cbe-espresso);\n padding: 10px 20px;\n white-space: nowrap;\n margin-bottom: 60px;\n border-radius: 6px;\n }\n \n .timeline {\n position: relative;\n max-width: 1000px;\n margin: 0 auto;\n padding: 20px 0;\n }\n \n .timeline:before {\n content: '';\n position: absolute;\n width: 4px;\n background: var(--cbe-espresso);\n top: 0;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n border-radius: 2px;\n z-index: 0;\n }\n \n .timeline-item {\n position: relative;\n margin-bottom: 80px;\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.7s ease;\n }\n \n .timeline-item.active {\n opacity: 1;\n transform: translateY(0);\n }\n \n .timeline-content {\n position: relative;\n width: 45%;\n padding: 30px;\n background: var(--cbe-espresso) !important;\n border-radius: 12px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n backdrop-filter: blur(8px);\n border: 1px solid rgba(245,245,220,0.05);\n border-left: 3px solid var(--cbe-beige);\n margin-top: 40px;\n z-index: 1;\n }\n \n .timeline-item:nth-child(odd) .timeline-content {\n margin-left: auto;\n border-left: none;\n border-right: 3px solid var(--cbe-beige);\n }\n \n .timeline-date {\n position: absolute;\n width: 80px !important;\n height: 80px !important;\n background: var(--cbe-espresso) !important;\n border-radius: 50% !important;\n border: 4px solid var(--cbe-beige) !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n font-weight: 700 !important;\n font-size: 20px !important;\n color: var(--cbe-text-light) !important;\n top: 0 !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n z-index: 2 !important;\n box-shadow: 0 5px 15px rgba(0,0,0,0.3) !important;\n }\n \n .timeline-content:before {\n content: '';\n position: absolute;\n top: 25px;\n width: 20px;\n height: 20px;\n background: var(--cbe-espresso);\n transform: rotate(45deg);\n z-index: -1;\n }\n \n .timeline-item:nth-child(odd) .timeline-content:before {\n right: -10px;\n }\n \n .timeline-item:nth-child(even) .timeline-content:before {\n left: -10px;\n }\n \n .timeline-content h3 {\n font-size: 1.5rem;\n margin-bottom: 20px;\n color: var(--cbe-beige) !important;\n font-family: 'Cambria', Georgia, serif;\n }\n \n .timeline-content p {\n font-size: 1.05rem;\n line-height: 1.7;\n color: var(--cbe-text-light) !important;\n }\n \n .stats-section {\n padding: 70px 0;\n background: var(--cbe-beige) !important;\n position: relative;\n border-top: 1px solid rgba(74,44,42,0.2);\n }\n \n .stats-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 30px;\n }\n \n .stat-card {\n background: var(--cbe-espresso) !important;\n padding: 35px 25px;\n text-align: center;\n border-radius: 12px;\n box-shadow: 0 15px 35px rgba(0,0,0,0.2);\n border: 1px solid rgba(245,245,220,0.03);\n border-bottom: 3px solid var(--cbe-beige);\n transition: transform 0.3s ease;\n }\n \n .stat-card:hover {\n transform: translateY(-8px);\n }\n \n .stat-number {\n font-size: 3rem;\n font-weight: 700;\n margin-bottom: 15px;\n font-family: 'Cambria', Georgia, serif;\n color: var(--cbe-beige) !important;\n text-shadow: 0 2px 10px rgba(0,0,0,0.2);\n }\n \n .stat-label {\n font-size: 1rem;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: var(--cbe-text-light) !important;\n }\n \n .navbar {\n background-color: var(--cbe-espresso) !important;\n padding: 15px 0;\n border-bottom: 2px solid var(--cbe-beige);\n }\n \n .navbar-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n \n .logo-container {\n display: flex;\n align-items: center;\n }\n \n .logo-img {\n width: 60px;\n height: auto;\n margin-right: 15px;\n }\n \n .site-title {\n display: flex;\n flex-direction: column;\n }\n \n .site-title h1 {\n font-size: 1.8rem;\n color: var(--cbe-text-light) !important;\n font-weight: 700;\n margin: 0;\n line-height: 1.2;\n }\n \n .site-title p {\n font-size: 1.1rem;\n color: var(--cbe-beige) !important;\n font-style: italic;\n }\n \n .navbar-menu {\n display: flex;\n gap: 30px;\n }\n \n .navbar-menu a {\n color: var(--cbe-text-light) !important;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.1rem;\n padding: 8px 0;\n position: relative;\n transition: color 0.3s ease;\n }\n \n .navbar-menu a:hover {\n color: var(--cbe-beige) !important;\n }\n \n .navbar-menu a::after {\n content: '';\n position: absolute;\n width: 0;\n height: 2px;\n bottom: 0;\n left: 0;\n background-color: var(--cbe-beige);\n transition: width 0.3s ease;\n }\n \n .navbar-menu a:hover::after {\n width: 100%;\n }\n \n @media (max-width: 992px) {\n .hero-title {\n font-size: 2.8rem;\n }\n \n .card-container {\n padding: 30px;\n margin-bottom: 50px;\n }\n \n .card-section .card-title {\n font-size: 1.8rem;\n }\n \n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n }\n \n .stat-number {\n font-size: 2.5rem;\n }\n \n .image-container {\n width: 280px !important;\n height: 320px !important;\n }\n \n .image-gap {\n gap: 80px;\n max-width: 680px;\n height: 360px;\n margin: 50px auto 20px auto;\n }\n }\n \n @media (max-width: 768px) {\n .hero {\n padding: 50px 0 30px 0;\n }\n \n .hero-title {\n font-size: 2.2rem;\n margin-bottom: 20px;\n }\n \n .hero-subtitle {\n font-size: 1.2rem;\n margin-top: 15px;\n }\n \n .card-container {\n padding: 25px;\n margin-bottom: 40px;\n }\n \n .card-section .card-title {\n font-size: 1.7rem;\n margin-bottom: 15px;\n }\n \n .card-section .card-text p {\n font-size: 1.1rem;\n }\n \n .image-container {\n width: 280px !important;\n height: 320px !important;\n }\n \n .image-gap {\n flex-direction: column;\n height: auto;\n min-height: 750px; \/* Added to ensure enough space for stacked images and captions *\/\n gap: 20px;\n max-width: 300px;\n margin: 40px auto 80px auto; \/* Increased bottom margin to 80px for more spacing *\/\n }\n \n .image-item {\n margin-bottom: 40px; \/* Increased to 40px to prevent caption overlap *\/\n }\n }\n \n @media (max-width: 576px) {\n .container {\n padding: 0 15px;\n }\n \n .hero {\n padding: 40px 0 20px 0;\n }\n \n .hero-title {\n font-size: 25px;\n }\n \n .hero-subtitle {\n font-size: 12px;\n }\n \n .card-container {\n padding: 20px;\n margin-bottom: 35px;\n }\n \n .card-section .card-title {\n font-size: 1.6rem;\n margin-bottom: 10px;\n }\n \n .card-section .card-text p {\n font-size: 1.05rem;\n }\n \n .image-container {\n width: 240px !important;\n height: 280px !important;\n }\n \n .image-gap {\n flex-direction: column;\n height: auto;\n min-height: 700px; \/* Added to ensure enough space for stacked images and captions *\/\n gap: 20px;\n max-width: 250px;\n margin: 30px auto 80px auto; \/* Increased bottom margin to 80px for more spacing *\/\n }\n \n .image-item {\n margin-bottom: 40px; \/* Increased to 40px to prevent caption overlap *\/\n }\n \n .timeline-content {\n padding: 20px;\n }\n \n .timeline:before {\n left: 15px;\n }\n \n .timeline-content {\n width: calc(100% - 40px);\n margin-left: 40px !important;\n }\n \n .timeline-item:nth-child(odd) .timeline-content {\n margin-left: 40px !important;\n }\n \n .timeline-date {\n left: 15px !important;\n width: 50px !important;\n height: 50px !important;\n font-size: 14px !important;\n }\n \n .card-image-caption.name {\n width: 240px !important;\n }\n \n .card-image-caption.position {\n width: 240px !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"hero\">\n <div class=\"container hero-content\">\n <h3 class=\"hero-title\">OUR LEGACY OF EDUCATION<\/h3>\n <div class=\"divider\"><\/div>\n <p class=\"hero-subtitle\">Tracing our journey from humble beginnings to becoming a pillar of educational excellence in South Kanara.<\/p>\n <\/div>\n <\/section>\n\n <section class=\"content-section\">\n <div class=\"container\">\n <div class=\"card-container\">\n <div class=\"card-section\">\n <h2 class=\"card-title\">The Jesuit Impact<\/h2>\n <div class=\"card-content\">\n <div class=\"card-text\">\n <p>Education in the South Kanara District became organized with the advent of foreign missionaries, chiefly the Basel Mission and the Jesuits. When Jesuits landed in Mangalore on 27th Sept. 1878, purely for the purpose of education, they found the people receptive and intelligent.<\/p>\n <p>With their arrival, education in the district took a different turn and was completely organized. A number of schools sprang up by the side of village churches, with priests taking keen interest in imparting education. The Madras Presidency, to which South Kanara belonged, supported private institutions with financial aid to run the schools.<\/p>\n <p>The personal work of each priest in his village was consolidated by the ever-watchful eye of the Bishop of Mangalore, who provided guidance, help, and enthusiasm.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card-container\">\n <div class=\"card-section\">\n <h2 class=\"card-title\">Formation of the Catholic Board<\/h2>\n <div class=\"image-gap\">\n <div class=\"image-item\">\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/cbemangalore.com\/wp-content\/uploads\/2025\/06\/Victor.jpeg\" alt=\"Rt. Rev. Dr. V.R. Fernandes\">\n <\/div>\n <div class=\"card-image-caption name\">Rt. Rev. Dr. V.R. Fernandes<\/div>\n <div class=\"card-image-caption position\">Founder President<\/div>\n <\/div>\n <div class=\"image-item\">\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/cbemangalore.com\/wp-content\/uploads\/2025\/03\/Servant-of-God-Raymond-FC-Mascarenhas-2.jpg\" alt=\"Msgr. R.F.C. Mascarenhas\">\n <\/div>\n <div class=\"card-image-caption name\">Msgr. R.F.C. Mascarenhas<\/div>\n <div class=\"card-image-caption position\">Founder Secretary<\/div>\n <\/div>\n <\/div>\n <div class=\"card-content\">\n <div class=\"card-text\">\n <p>The Catholic Board of Education was formed in the year 1932 by Rt. Rev. Dr. V.R. Fernandes, the then Bishop of Mangalore, to bring all the parish schools under one organization.<\/p>\n <p>The first meeting of the Board was held at the Bishop’s House on 26th July 1932, with the Bishop as President. Rev. Msgr. R.F.C. Mascarenhas was the first Manager\/Secretary of the Board.<\/p>\n <p>In the year 1956, on October 6th, the Board was registered as a Society under the Societies Act with the object of promoting good and sound education in the Diocese, open to all without discrimination of caste, creed, or community.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"card-container\">\n <div class=\"card-section\">\n <h2 class=\"card-title\">Current Status<\/h2>\n <div class=\"card-content\">\n <div class=\"card-text\">\n <p>Though in the beginning we had only Aided Kannada Medium Schools, gradually English Medium Un-Aided Schools were opened and registered. At present, we have 100+ institutes registered under the Catholic Board of Education.<\/p>\n <p>Recently, some of our Aided Kannada Medium Schools have closed due to a lack of student strength and insufficient government support to appoint aided teachers. Our institutions are now preparing to implement the National Education Policy \u2013 2020.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"timeline-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">Timeline<\/h2>\n <div class=\"timeline\">\n <div class=\"timeline-item\">\n <div class=\"timeline-date\">1878<\/div>\n <div class=\"timeline-content\">\n <h3>Jesuit Arrival<\/h3>\n <p>Jesuits landed in Mangalore on 27th September, marking the beginning of organized education in the South Kanara District.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"timeline-item\">\n <div class=\"timeline-date\">1880<\/div>\n <div class=\"timeline-content\">\n <h3>St. Aloysius College Founded<\/h3>\n <p>St. Aloysius College, a monument to educational enterprise, was started to provide the youth of South Kanara with a sound and liberal education.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"timeline-item\">\n <div class=\"timeline-date\">1932<\/div>\n <div class=\"timeline-content\">\n <h3>CBE Formation<\/h3>\n <p>The Catholic Board of Education was formed by Rt. Rev. Dr. V.R. Fernandes to unite all parish schools under one organization. The first meeting was held on 26th July.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"timeline-item\">\n <div class=\"timeline-date\">1956<\/div>\n <div class=\"timeline-content\">\n <h3>Official Registration<\/h3>\n <p>The Board was officially registered as a Society under the Societies Act on 6th October, with the aim of promoting good and sound education in the Diocese.<\/p>\n <\/div>\n <\/div>\n \n <div class=\"timeline-item\">\n <div class=\"timeline-date\">2020<\/div>\n <div class=\"timeline-content\">\n <h3>Modern Era<\/h3>\n <p>The Catholic Board of Education’s institutions began preparing to implement the National Education Policy, adapting to contemporary educational demands.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"stats-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">OUR EDUCATIONAL REACH<\/h2>\n <div class=\"stats-grid\">\n <div class=\"stat-card\">\n <div class=\"stat-number\">100+<\/div>\n <div class=\"stat-label\">Educational Institutions<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">1878<\/div>\n <div class=\"stat-label\">Since Year<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">1932<\/div>\n <div class=\"stat-label\">Board Established<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">93<\/div>\n <div class=\"stat-label\">Years of Service<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n console.log('GSAP loaded:', typeof window.gsap !== 'undefined');\n console.log('ScrollTrigger loaded:', typeof window.ScrollTrigger !== 'undefined');\n\n document.querySelectorAll('.timeline-item').forEach((element, index) => {\n setTimeout(() => {\n element.classList.add('active');\n }, index * 300);\n });\n\n const observer = new IntersectionObserver(\n entries => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n },\n { threshold: 0.1 }\n );\n\n document.querySelectorAll('.timeline-item').forEach(element => {\n observer.observe(element);\n });\n\n try {\n if (typeof window.gsap !== 'undefined' && typeof window.ScrollTrigger !== 'undefined') {\n gsap.registerPlugin(ScrollTrigger);\n gsap.from('.stat-card', {\n y: 30,\n opacity: 0,\n duration: 0.8,\n stagger: 0.2,\n scrollTrigger: {\n trigger: '.stats-grid',\n start: 'top bottom-=80',\n toggleActions: 'play none none none'\n }\n });\n } else {\n console.warn('GSAP or ScrollTrigger not loaded, skipping animations.');\n }\n } catch (error) {\n console.error('GSAP animation error:', error.name, error.message);\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Catholic Board of Education – Our Rich History OUR LEGACY OF EDUCATION Tracing our journey from humble beginnings to becoming […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","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-117","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbemangalore.com\/index.php?rest_route=\/wp\/v2\/pages\/117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbemangalore.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbemangalore.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbemangalore.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbemangalore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=117"}],"version-history":[{"count":110,"href":"https:\/\/cbemangalore.com\/index.php?rest_route=\/wp\/v2\/pages\/117\/revisions"}],"predecessor-version":[{"id":1860,"href":"https:\/\/cbemangalore.com\/index.php?rest_route=\/wp\/v2\/pages\/117\/revisions\/1860"}],"wp:attachment":[{"href":"https:\/\/cbemangalore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}