{"id":698,"date":"2026-03-21T10:02:52","date_gmt":"2026-03-21T07:02:52","guid":{"rendered":"https:\/\/sdndel.org\/boystown\/?page_id=698"},"modified":"2026-03-21T10:02:53","modified_gmt":"2026-03-21T07:02:53","slug":"our-core-programs","status":"publish","type":"page","link":"https:\/\/sdndel.org\/boystown\/?page_id=698","title":{"rendered":"Our Core Programs"},"content":{"rendered":"\n<div class=\"core-prog-wrapper\">\n  <style>\n    \/* Scoped CSS to protect your theme *\/\n    .core-prog-wrapper {\n      font-family: 'Inter', 'Segoe UI', sans-serif;\n      color: #334155;\n      line-height: 1.7;\n      box-sizing: border-box;\n      max-width: 1200px;\n      margin: 0 auto;\n      overflow-x: hidden;\n    }\n    .core-prog-wrapper * { box-sizing: inherit; }\n\n    \/* Hero Section *\/\n    .prog-hero {\n      background-color: #0c3668; \/* SDB Navy Blue *\/\n      color: #fff;\n      text-align: center;\n      padding: 80px 20px;\n      border-radius: 16px;\n      margin-bottom: 60px;\n    }\n    .prog-hero h1 { font-size: 3rem; margin-bottom: 10px; color: #fff; font-weight: 800; }\n    .prog-hero p { font-size: 1.2rem; color: #cbd5e1; max-width: 600px; margin: 0 auto; }\n\n    \/* Intro Text *\/\n    .prog-intro {\n      text-align: center;\n      max-width: 800px;\n      margin: 0 auto 60px auto;\n      font-size: 1.1rem;\n      padding: 0 20px;\n    }\n\n    \/* Zig-Zag Layout *\/\n    .prog-row {\n      display: flex;\n      align-items: center;\n      gap: 40px;\n      margin-bottom: 80px;\n      padding: 0 20px;\n      opacity: 0;\n      transform: translateY(40px);\n      transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .prog-row.visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n    .prog-row:nth-child(even) {\n      flex-direction: row-reverse; \/* Flips the layout for even rows *\/\n    }\n    \n    .prog-image { flex: 1; }\n    .prog-image img {\n      width: 100%;\n      height: auto;\n      border-radius: 16px;\n      box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n      object-fit: cover;\n    }\n    \n    .prog-content { flex: 1; }\n    .prog-content h2 {\n      font-size: 2rem;\n      color: #0c3668;\n      margin-top: 0;\n      margin-bottom: 20px;\n      font-weight: 700;\n      position: relative;\n    }\n    \/* Small accent line under headings *\/\n    .prog-content h2::after {\n      content: '';\n      display: block;\n      width: 60px;\n      height: 4px;\n      background-color: #e65100;\n      margin-top: 15px;\n      border-radius: 2px;\n    }\n    .prog-content p { margin-bottom: 0; font-size: 1.05rem; }\n\n    \/* CTA Section *\/\n    .prog-cta {\n      background: #f1f5f9;\n      text-align: center;\n      padding: 60px 20px;\n      border-radius: 16px;\n      margin-top: 40px;\n    }\n    .prog-cta h3 { font-size: 2rem; color: #0c3668; margin-top: 0; }\n    .prog-btn {\n      background-color: #e65100;\n      color: #fff;\n      padding: 15px 35px;\n      text-decoration: none;\n      font-weight: 600;\n      border-radius: 50px;\n      display: inline-block;\n      margin-top: 20px;\n      transition: background 0.3s ease;\n    }\n    .prog-btn:hover { background-color: #bf360c; }\n\n    \/* Mobile Responsive *\/\n    @media (max-width: 768px) {\n      .prog-row, .prog-row:nth-child(even) {\n        flex-direction: column;\n        text-align: center;\n        gap: 20px;\n      }\n      .prog-content h2::after { margin: 15px auto 0 auto; }\n      .prog-hero h1 { font-size: 2.2rem; }\n    }\n  <\/style>\n\n  <!-- Hero -->\n  <header class=\"prog-hero\">\n    <h1>Our Core Programmes<\/h1>\n    <p>Empowering the mind, nurturing the heart, and guiding the spirit.<\/p>\n  <\/header>\n\n  <!-- Intro -->\n  <div class=\"prog-intro\">\n    <p>At the Salesians of Don Bosco, we believe that true empowerment goes far beyond the classroom. Inspired by the teachings of St. John Bosco, our holistic approach ensures that every young person is supported entirely. We do not just train skilled workers; we raise honest citizens and compassionate leaders ready to transform their communities.<\/p>\n  <\/div>\n\n  <!-- Zig-Zag Row 1: Vocational -->\n  <article class=\"prog-row scroll-reveal\">\n    <div class=\"prog-image\">\n      <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/0c3668\/ffffff?text=Vocational+Training\" alt=\"Vocational Training\">\n    <\/div>\n    <div class=\"prog-content\">\n      <h2>Building Competence for the Future<\/h2>\n      <p>We empower youth through rigorous vocational training in practical, market-ready technical skills. Alongside quality formal education, we bridge the gap between raw potential and professional excellence, giving vulnerable youth the tools they need to break the cycle of poverty and build sustainable livelihoods.<\/p>\n    <\/div>\n  <\/article>\n\n  <!-- Zig-Zag Row 2: Social & Mentorship -->\n  <article class=\"prog-row scroll-reveal\">\n    <div class=\"prog-image\">\n      <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/e65100\/ffffff?text=Mentorship+%26+Counseling\" alt=\"Mentorship and Counseling\">\n    <\/div>\n    <div class=\"prog-content\">\n      <h2>Nurturing Resilience and Character<\/h2>\n      <p>Growing up in challenging environments requires immense emotional support. We provide a safe haven for personal growth through dedicated mentorship and professional counselling. Our educators walk alongside the youth, helping them overcome past traumas, build self-esteem, and foster healthy relationships.<\/p>\n    <\/div>\n  <\/article>\n\n  <!-- Zig-Zag Row 3: Spiritual Guidance -->\n  <article class=\"prog-row scroll-reveal\">\n    <div class=\"prog-image\">\n      <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/f59e0b\/ffffff?text=Spiritual+Guidance\" alt=\"Spiritual Guidance\">\n    <\/div>\n    <div class=\"prog-content\">\n      <h2>Cultivating Purpose and Inner Peace<\/h2>\n      <p>A strong moral compass is the foundation of a meaningful life. We nurture the spiritual lives of our students with timeless values inspired by St. John Bosco\u2014reason, religion, and loving-kindness. We guide them to find a profound sense of purpose, integrity, and hope for tomorrow.<\/p>\n    <\/div>\n  <\/article>\n\n  <!-- Footer CTA -->\n  <div class=\"prog-cta scroll-reveal\">\n    <h3>Be Part of Their Journey<\/h3>\n    <p>Every skill learned and every value instilled is made possible by a community of supporters.<\/p>\n    <a href=\"#support\" class=\"prog-btn\">Support Our Programmes<\/a>\n  <\/div>\n\n  <script>\n    \/\/ JS for Scroll Reveal Animation\n    document.addEventListener(\"DOMContentLoaded\", function() {\n      const observerOptions = {\n        root: null,\n        rootMargin: \"0px\",\n        threshold: 0.2\n      };\n\n      const observer = new IntersectionObserver((entries, observer) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('visible');\n            observer.unobserve(entry.target);\n          }\n        });\n      }, observerOptions);\n\n      document.querySelectorAll('.scroll-reveal').forEach(el => {\n        observer.observe(el);\n      });\n    });\n  <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Our Core Programmes Empowering the mind, nurturing the heart, and guiding the spirit. At the Salesians of Don Bosco, we believe that true empowerment goes far beyond the classroom. Inspired by the teachings of St. John Bosco, our holistic approach ensures that every young person is supported entirely. We do not just train skilled workers; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"fullwidth-page.php","meta":{"footnotes":""},"class_list":["post-698","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=\/wp\/v2\/pages\/698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=698"}],"version-history":[{"count":1,"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=\/wp\/v2\/pages\/698\/revisions"}],"predecessor-version":[{"id":699,"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=\/wp\/v2\/pages\/698\/revisions\/699"}],"wp:attachment":[{"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}