{"id":2478,"date":"2026-10-06T11:57:01","date_gmt":"2026-10-06T11:57:01","guid":{"rendered":"https:\/\/ssdct.brightcodeapp.com\/?page_id=2478"},"modified":"2026-10-07T09:38:36","modified_gmt":"2026-10-07T09:38:36","slug":"our-initiative","status":"publish","type":"page","link":"https:\/\/ssdct.brightcodeapp.com\/index.php\/our-initiative\/","title":{"rendered":"Our Initiative"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Our Initiative<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\t\t
\r\n\t\t\t\t\r\n\t\t
\r\n\t\t
\r\n\t\t
\r\n\t\t
\r\n\t\t \t \t\t

OUR INITIATIVES<\/h4>\r\n\t\t \t\t \t\r\n\t\t \t

Building Opportunities. Creating a Skilled & Self-Reliant India.<\/h2>\r\n\t\t \t\r\n\t\t
<\/div>\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\t\t \r\n\t
\r\n\t
\r\n \r\n\t \r\n\t\t \r\n\t\t
\r\n\t\t
\r\n\t\t
\r\n\t\t \"Sri%20Siva%20durga\"\t\t
\r\n\t\t \r\n\t\t
\r\n\t\t \t\"Sri%20Siva%20durga\"\t\t <\/div>\r\n\t\t \t\r\n\t\t \t

Digital Education<\/h4>\r\n\t\t \t\t <\/a>\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\t\t
\r\n\t\t \t\r\n\t\t\t

\r\n\t\t\t Making quality digital education accessible to students and learners, with a focus on practical knowledge, technology and future-ready skills.\t\t\t <\/p>\r\n\t\t\t \t\t\t \t\t <\/div>\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\t\t \r\n\t\t \r\n\t\t \r\n\t\t

\r\n\t\t
\r\n\t\t
\r\n\t\t \"Sri%20Siva%20durga\"\t\t
\r\n\t\t \r\n\t\t
\r\n\t\t \t\"Sri%20Siva%20durga\"\t\t <\/div>\r\n\t\t \t\r\n\t\t \t

Skill Development<\/h4>\r\n\t\t \t\t <\/a>\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\t\t
\r\n\t\t \t\r\n\t\t\t

\r\n\t\t\t Industry-relevant training designed to build practical skills, improve employability and prepare learners for emerging career opportunities.\t\t\t <\/p>\r\n\t\t\t \t\t\t \t\t <\/div>\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\t\t \r\n\t\t \r\n\t\t \r\n\t\t

\r\n\t\t
\r\n\t\t
\r\n\t\t \"Sri%20Siva%20durga\"\t\t
\r\n\t\t \r\n\t\t
\r\n\t\t \t\"Sri%20Siva%20durga\"\t\t <\/div>\r\n\t\t \t\r\n\t\t \t

Rural Empowerment<\/h4>\r\n\t\t \t\t <\/a>\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\t\t
\r\n\t\t \t\r\n\t\t\t

\r\n\t\t\t Supporting rural communities through digital education, skill development, modern agricultural knowledge and livelihood opportunities.\t\t\t <\/p>\r\n\t\t\t \t\t\t \t\t <\/div>\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\t\t \r\n\t\t \r\n\t\t \r\n\t\t

\r\n\t\t
\r\n\t\t
\r\n\t\t \"Sri%20Siva%20durga\"\t\t
\r\n\t\t \r\n\t\t
\r\n\t\t \t\"Sri%20Siva%20durga\"\t\t <\/div>\r\n\t\t \t\r\n\t\t \t

Career Guidance & Mentorship<\/h4>\r\n\t\t \t\t <\/a>\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\t\t
\r\n\t\t \t\r\n\t\t\t

\r\n\t\t\t Providing guidance, counselling and mentorship to help students and aspiring professionals make informed career and education choices.\t\t\t <\/p>\r\n\t\t\t \t\t\t \t\t <\/div>\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\t\t \r\n\t\t \r\n\t\t \r\n\t\t

\r\n\t\t
\r\n\t\t
\r\n\t\t \"Sri%20Siva%20durga\"\t\t
\r\n\t\t \r\n\t\t
\r\n\t\t \t\"Sri%20Siva%20durga\"\t\t <\/div>\r\n\t\t \t\r\n\t\t \t

Industry & Placement Support<\/h4>\r\n\t\t \t\t <\/a>\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\t\t
\r\n\t\t \t\r\n\t\t\t

\r\n\t\t\t Connecting learners with industry exposure, internships, employment opportunities and practical experiences that support career growth.\t\t\t <\/p>\r\n\t\t\t \t\t\t \t\t <\/div>\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\t\t \r\n\t\t \r\n\t\t \r\n\t\t

\r\n\t\t
\r\n\t\t
\r\n\t\t \"Sri%20Siva%20durga\"\t\t
\r\n\t\t \r\n\t\t
\r\n\t\t \t\"Sri%20Siva%20durga\"\t\t <\/div>\r\n\t\t \t\r\n\t\t \t

Community Welfare<\/h4>\r\n\t\t \t\t <\/a>\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\t\t
\r\n\t\t \t\r\n\t\t\t

\r\n\t\t\t Promoting education, awareness, skill development and community-focused programmes to create stronger and more inclusive communities.\t\t\t <\/p>\r\n\t\t\t \t\t\t \t\t <\/div>\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\t\t \r\n\t\t \r\n\t <\/div>\r\n\t <\/div>\r\n\t <\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\t\t
\r\n\t\t
\r\n\t\t
\r\n\t\t \r\n\t\t
\r\n\t\t
\r\n\t\t
\r\n\t \t\"Sri%20Siva%20durga\"\t\t <\/div>\r\n\t\t

Empowering Communities Through Opportunity<\/h2>\r\n\t\t
\r\n\t\t

\r\n\t\t We work to create meaningful opportunities through education, digital learning, skill development and community-focused initiatives. Our programmes are designed to help individuals build confidence, develop practical skills and move towards a more independent and self-reliant future.\t\t <\/p>\r\n\t\t \r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\t\t \r\n\t\t

\r\n\t\t \t\t\t\t \r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t \"Sri%20Siva%20durga\"\t\t\t <\/div>\r\n\t\t\t
\r\n\t\t\t

Digital Education & Learning<\/h4>\r\n\t\t\t

Expanding access to digital education and practical learning, especially for students and learners in rural and underserved communities.<\/p>\r\n\t\t\t <\/div>\r\n\t\t\t <\/div>\r\n\t\t\t \r\n\t\t \t\t\t \r\n\t\t\t

\r\n\t\t\t
\r\n\t\t\t \"Sri%20Siva%20durga\"\t\t\t <\/div>\r\n\t\t\t
\r\n\t\t\t

Skills for Better Opportunities<\/h4>\r\n\t\t\t

Providing practical, industry-relevant skills and career-focused learning to help young people become more employable and future-ready.<\/p>\r\n\t\t\t <\/div>\r\n\t\t\t <\/div>\r\n\t\t\t \r\n\t\t \t\t <\/div>\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Our Initiatives in Action<\/title>\r\n \r\n <!-- Google Fonts -->\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=Caveat:wght@600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- FontAwesome Icons -->\r\n <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 :root {\r\n --color-primary-navy: #093351;\r\n --color-navy-dark: #062338;\r\n --color-accent-yellow: #f4ad24;\r\n --color-accent-yellow-hover: #e09c18;\r\n --color-bg-offwhite: #faf8f5;\r\n --color-bg-card: #f2eee8;\r\n --color-text-main: #1d2939;\r\n --color-text-muted: #667085;\r\n --color-text-light: #e4e7ec;\r\n --color-border: #eaecf0;\r\n \r\n --font-heading: 'Playfair Display', Georgia, serif;\r\n --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\r\n --font-script: 'Caveat', cursive;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n body {\r\n font-family: var(--font-body);\r\n background-color: var(--color-bg-offwhite);\r\n color: var(--color-text-main);\r\n -webkit-font-smoothing: antialiased;\r\n line-height: 1.5;\r\n }\r\n\r\n .initiatives-sec {\r\n padding: 80px 40px 40px 40px;\r\n max-width: 1600px;\r\n margin: 0 auto;\r\n overflow: hidden;\r\n }\r\n\r\n .initiatives-sec__header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .initiatives-sec__sub-title {\r\n font-size: 13px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n color: var(--color-primary-navy);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .initiatives-sec__main-title {\r\n font-family: var(--font-heading);\r\n font-size: 45px;\r\n font-weight: 700;\r\n color: var(--color-primary-navy);\r\n line-height: 1.2;\r\n }\r\n\r\n .initiatives-sec__controls {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .initiatives-sec__btn-all {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background-color: var(--color-accent-yellow);\r\n color: #111;\r\n font-weight: 700;\r\n font-size: 14px;\r\n padding: 12px 22px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n transition: all 0.2s ease;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .initiatives-sec__btn-all:hover {\r\n background-color: var(--color-accent-yellow-hover);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .initiatives-sec__nav-btn {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 50%;\r\n border: 1px solid var(--color-primary-navy);\r\n background: transparent;\r\n color: var(--color-primary-navy);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n font-size: 14px;\r\n user-select: none;\r\n }\r\n\r\n .initiatives-sec__nav-btn:hover {\r\n background-color: var(--color-primary-navy);\r\n color: #fff;\r\n }\r\n\r\n \/* Carousel Wrapper & Track *\/\r\n .carousel-container {\r\n width: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n border-radius: 16px;\r\n }\r\n\r\n .carousel-track {\r\n display: flex;\r\n gap: 16px;\r\n transition: transform 0.5s ease-in-out;\r\n will-change: transform;\r\n }\r\n\r\n .initiatives-card {\r\n flex: 0 0 calc((100% - (16px * 4)) \/ 5);\r\n position: relative;\r\n background: var(--color-bg-card);\r\n border-radius: 16px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n height: 280px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n\r\n .initiatives-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .initiatives-card__image-wrap {\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .initiatives-card__image {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .initiatives-card:hover .initiatives-card__image {\r\n transform: scale(1.06);\r\n }\r\n\r\n .initiatives-card__label-container {\r\n position: absolute;\r\n bottom: 12px;\r\n left: 12px;\r\n right: 12px;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .initiatives-card__label {\r\n background: #ffffff;\r\n color: var(--color-primary-navy);\r\n font-weight: 700;\r\n font-size: 13px;\r\n padding: 10px 14px;\r\n border-radius: 12px;\r\n text-align: center;\r\n width: 100%;\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);\r\n line-height: 1.3;\r\n }\r\n\r\n \/* Section 2 Banner *\/\r\n .banner-sec {\r\n background: linear-gradient(135deg, #093351 0%, #062338 100%);\r\n color: #ffffff;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 40px 0;\r\n margin: 20px 0;\r\n }\r\n\r\n .banner-sec__container {\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .banner-sec__visual {\r\n flex: 0 0 35%;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .banner-sec__img {\r\n width: 100%;\r\n max-width: 380px;\r\n height: auto;\r\n object-fit: cover;\r\n filter: drop-shadow(0 10px 15px rgba(0,0,0,0.3));\r\n border-radius: 12px;\r\n }\r\n\r\n .banner-sec__content {\r\n flex: 1;\r\n max-width: 580px;\r\n padding-left: 20px;\r\n }\r\n\r\n .banner-sec__badge {\r\n display: inline-block;\r\n background-color: var(--color-accent-yellow);\r\n color: #111;\r\n font-size: 11px;\r\n font-weight: 800;\r\n letter-spacing: 1px;\r\n padding: 6px 16px;\r\n border-radius: 50px;\r\n text-transform: uppercase;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .banner-sec__title {\r\n font-family: var(--font-heading);\r\n font-size: 38px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n margin-bottom: 12px;\r\n line-height: 1.2;\r\n }\r\n\r\n .banner-sec__desc {\r\n color: rgba(255, 255, 255, 0.85);\r\n font-size: 14px;\r\n line-height: 1.6;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .banner-sec__actions {\r\n display: flex;\r\n gap: 16px;\r\n align-items: center;\r\n }\r\n\r\n .banner-sec__btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background-color: var(--color-accent-yellow);\r\n color: #111;\r\n font-weight: 700;\r\n font-size: 14px;\r\n padding: 12px 24px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n transition: all 0.2s ease;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n\r\n .banner-sec__btn-primary:hover {\r\n background-color: var(--color-accent-yellow-hover);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .banner-sec__btn-secondary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background-color: transparent;\r\n color: #ffffff;\r\n font-weight: 600;\r\n font-size: 14px;\r\n padding: 11px 24px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n border: 1px solid rgba(255, 255, 255, 0.6);\r\n transition: all 0.2s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .banner-sec__btn-secondary:hover {\r\n background-color: rgba(255, 255, 255, 0.1);\r\n border-color: #ffffff;\r\n }\r\n\r\n .banner-sec__watermark {\r\n flex: 0 0 20%;\r\n text-align: right;\r\n padding-right: 10px;\r\n }\r\n\r\n .banner-sec__script-text {\r\n font-family: var(--font-script);\r\n font-size: 32px;\r\n color: rgba(244, 173, 36, 0.85);\r\n line-height: 1.1;\r\n transform: rotate(-6deg);\r\n display: inline-block;\r\n text-shadow: 0 2px 8px rgba(0,0,0,0.3);\r\n }\r\n\r\n \/* Section 3 Features *\/\r\n .features-sec {\r\n background-color: #ffffff;\r\n border-bottom: 1px solid var(--color-border);\r\n padding: 36px 0;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.02);\r\n }\r\n\r\n .features-sec__container {\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n\r\n .feature-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n padding: 0 24px;\r\n border-right: 1px solid var(--color-border);\r\n }\r\n\r\n .feature-item:first-child {\r\n padding-left: 0;\r\n }\r\n\r\n .feature-item:last-child {\r\n border-right: none;\r\n padding-right: 0;\r\n }\r\n\r\n .feature-item__icon-wrap {\r\n flex-shrink: 0;\r\n width: 44px;\r\n height: 44px;\r\n color: var(--color-primary-navy);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 32px;\r\n }\r\n\r\n .feature-item__content {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .feature-item__title {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: var(--color-primary-navy);\r\n margin-bottom: 4px;\r\n }\r\n\r\n .feature-item__desc {\r\n font-size: 13px;\r\n color: var(--color-text-muted);\r\n line-height: 1.4;\r\n }\r\n\r\n \/* Breakpoints for Responsive Design *\/\r\n @media (max-width: 1200px) {\r\n .initiatives-card {\r\n flex: 0 0 calc((100% - (16px * 2)) \/ 3);\r\n }\r\n .banner-sec__title {\r\n font-size: 32px;\r\n }\r\n .banner-sec__watermark {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .initiatives-sec {\r\n padding: 30px 20px;\r\n }\r\n .initiatives-sec__header {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 16px;\r\n }\r\n .initiatives-card {\r\n flex: 0 0 calc((100% - 16px) \/ 2);\r\n }\r\n .banner-sec__container {\r\n flex-direction: column;\r\n padding: 0 20px;\r\n gap: 24px;\r\n }\r\n .banner-sec__content {\r\n padding-left: 0;\r\n max-width: 100%;\r\n }\r\n .features-sec__container {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 24px 0;\r\n }\r\n .feature-item:nth-child(2) {\r\n border-right: none;\r\n }\r\n .feature-item {\r\n padding: 0 16px;\r\n }\r\n .feature-item:nth-child(2n+1) {\r\n padding-left: 0;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .initiatives-card {\r\n flex: 0 0 100%;\r\n }\r\n .banner-sec__actions {\r\n flex-direction: column;\r\n align-items: stretch;\r\n }\r\n .banner-sec__btn-primary, .banner-sec__btn-secondary {\r\n justify-content: center;\r\n }\r\n .features-sec__container {\r\n grid-template-columns: 1fr;\r\n gap: 24px;\r\n }\r\n .feature-item {\r\n border-right: none;\r\n padding: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"initiatives-sec\">\r\n <div class=\"initiatives-sec__header\">\r\n <div>\r\n <div class=\"initiatives-sec__sub-title\">OUR INITIATIVES IN ACTION<\/div>\r\n <h2 class=\"initiatives-sec__main-title\">Real People. Real Stories. Real Impact.<\/h2>\r\n <\/div>\r\n <div class=\"initiatives-sec__controls\">\r\n <button class=\"initiatives-sec__btn-all\">View All Initiatives <i class=\"fa-solid font-12 fa-arrow-right\"><\/i><\/button>\r\n <button class=\"initiatives-sec__nav-btn\" id=\"prevBtn\" aria-label=\"Previous\"><i class=\"fa-solid fa-arrow-left\"><\/i><\/button>\r\n <button class=\"initiatives-sec__nav-btn\" id=\"nextBtn\" aria-label=\"Next\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Carousel Viewport Container -->\r\n <div class=\"carousel-container\" id=\"carouselContainer\">\r\n <div class=\"carousel-track\" id=\"carouselTrack\">\r\n <!-- Card 1 -->\r\n <div class=\"initiatives-card\">\r\n <div class=\"initiatives-card__image-wrap\">\r\n <img decoding=\"async\" class=\"initiatives-card__image\" src=\"https:\/\/images.unsplash.com\/photo-1577896851231-70ef18881754?auto=format&fit=crop&w=600&q=80\" alt=\"Digital Classrooms in Rural Schools\" onerror=\"this.src='https:\/\/placehold.co\/400x300\/093351\/fff?text=Digital+Classrooms'\">\r\n <\/div>\r\n <div class=\"initiatives-card__label-container\">\r\n <div class=\"initiatives-card__label\">Digital Classrooms in Rural Schools<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"initiatives-card\">\r\n <div class=\"initiatives-card__image-wrap\">\r\n <img decoding=\"async\" class=\"initiatives-card__image\" src=\"https:\/\/images.unsplash.com\/photo-1531482615713-2afd69097998?auto=format&fit=crop&w=600&q=80\" alt=\"Skill Training Workshops\" onerror=\"this.src='https:\/\/placehold.co\/400x300\/093351\/fff?text=Skill+Training'\">\r\n <\/div>\r\n <div class=\"initiatives-card__label-container\">\r\n <div class=\"initiatives-card__label\">Skill Training Workshops<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 3 -->\r\n <div class=\"initiatives-card\">\r\n <div class=\"initiatives-card__image-wrap\">\r\n <img decoding=\"async\" class=\"initiatives-card__image\" src=\"https:\/\/images.unsplash.com\/photo-1509062522246-3755977927d7?auto=format&fit=crop&w=600&q=80\" alt=\"Community Outreach Programs\" onerror=\"this.src='https:\/\/placehold.co\/400x300\/093351\/fff?text=Community+Outreach'\">\r\n <\/div>\r\n <div class=\"initiatives-card__label-container\">\r\n <div class=\"initiatives-card__label\">Community Outreach Programs<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 4 -->\r\n <div class=\"initiatives-card\">\r\n <div class=\"initiatives-card__image-wrap\">\r\n <img decoding=\"async\" class=\"initiatives-card__image\" src=\"https:\/\/images.unsplash.com\/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=600&q=80\" alt=\"Career Fair & Placement Drives\" onerror=\"this.src='https:\/\/placehold.co\/400x300\/093351\/fff?text=Career+Fair'\">\r\n <\/div>\r\n <div class=\"initiatives-card__label-container\">\r\n <div class=\"initiatives-card__label\">Career Fair & Placement Drives<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 5 -->\r\n <div class=\"initiatives-card\">\r\n <div class=\"initiatives-card__image-wrap\">\r\n <img decoding=\"async\" class=\"initiatives-card__image\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&w=600&q=80\" alt=\"Women Empowerment Sessions\" onerror=\"this.src='https:\/\/placehold.co\/400x300\/093351\/fff?text=Women+Empowerment'\">\r\n <\/div>\r\n <div class=\"initiatives-card__label-container\">\r\n <div class=\"initiatives-card__label\">Women Empowerment Sessions<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 6 (Additional slide for continuous scrolling) -->\r\n <div class=\"initiatives-card\">\r\n <div class=\"initiatives-card__image-wrap\">\r\n <img decoding=\"async\" class=\"initiatives-card__image\" src=\"https:\/\/images.unsplash.com\/photo-1524178232363-1fb2b075b655?auto=format&fit=crop&w=600&q=80\" alt=\"Teacher Mentorship Programs\" onerror=\"this.src='https:\/\/placehold.co\/400x300\/093351\/fff?text=Teacher+Mentorship'\">\r\n <\/div>\r\n <div class=\"initiatives-card__label-container\">\r\n <div class=\"initiatives-card__label\">Teacher Mentorship Programs<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 7 (Additional slide for continuous scrolling) -->\r\n <div class=\"initiatives-card\">\r\n <div class=\"initiatives-card__image-wrap\">\r\n <img decoding=\"async\" class=\"initiatives-card__image\" src=\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&w=600&q=80\" alt=\"Vocational Skill Development\" onerror=\"this.src='https:\/\/placehold.co\/400x300\/093351\/fff?text=Vocational+Skills'\">\r\n <\/div>\r\n <div class=\"initiatives-card__label-container\">\r\n <div class=\"initiatives-card__label\">Vocational Skill Development<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"banner-sec\">\r\n <div class=\"banner-sec__container\">\r\n <!-- Left Silhouette Image -->\r\n <div class=\"banner-sec__visual\">\r\n <img decoding=\"async\" class=\"banner-sec__img\" src=\"https:\/\/images.unsplash.com\/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=800&q=80\" alt=\"Graduates celebrating\" onerror=\"this.src='https:\/\/placehold.co\/400x250\/062338\/fff?text=Graduates'\">\r\n <\/div>\r\n\r\n <!-- Center Text Content -->\r\n <div class=\"banner-sec__content\">\r\n <span class=\"banner-sec__badge\">BE A PART OF THE CHANGE<\/span>\r\n <h2 class=\"banner-sec__title\">Support Our Initiatives<\/h2>\r\n <p class=\"banner-sec__desc\">\r\n Together, we can create more opportunities, empower more communities and build a skilled, self-reliant India.\r\n <\/p>\r\n <div class=\"banner-sec__actions\">\r\n <button class=\"banner-sec__btn-primary\">Enquiry Now <i class=\"fa-solid fa-arrow-right\"><\/i><\/button>\r\n <button class=\"banner-sec__btn-secondary\">Partner With Us <i class=\"fa-solid fa-arrow-right\"><\/i><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right Script Tagline -->\r\n <div class=\"banner-sec__watermark\">\r\n <span class=\"banner-sec__script-text\">Skilled India<br>Brighter Tomorrow<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"features-sec\">\r\n <div class=\"features-sec__container\">\r\n <!-- Item 1 -->\r\n <div class=\"feature-item\">\r\n <div class=\"feature-item__icon-wrap\">\r\n <i class=\"fa-solid fa-book-open\"><\/i>\r\n <\/div>\r\n <div class=\"feature-item__content\">\r\n <h4 class=\"feature-item__title\">Practical Learning<\/h4>\r\n <p class=\"feature-item__desc\">Hands-on training with real-world tools and case studies.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 2 -->\r\n <div class=\"feature-item\">\r\n <div class=\"feature-item__icon-wrap\">\r\n <i class=\"fa-solid fa-gear\"><\/i>\r\n <\/div>\r\n <div class=\"feature-item__content\">\r\n <h4 class=\"feature-item__title\">Industry Relevant Skills<\/h4>\r\n <p class=\"feature-item__desc\">Learn the skills that today's employers demand.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 3 -->\r\n <div class=\"feature-item\">\r\n <div class=\"feature-item__icon-wrap\">\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n <\/div>\r\n <div class=\"feature-item__content\">\r\n <h4 class=\"feature-item__title\">Experienced Faculty<\/h4>\r\n <p class=\"feature-item__desc\">Learn from experienced professionals.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 4 -->\r\n <div class=\"feature-item\">\r\n <div class=\"feature-item__icon-wrap\">\r\n <i class=\"fa-solid fa-award\"><\/i>\r\n <\/div>\r\n <div class=\"feature-item__content\">\r\n <h4 class=\"feature-item__title\">Career Support<\/h4>\r\n <p class=\"feature-item__desc\">Get guidance and support for placements and opportunities.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const track = document.getElementById('carouselTrack');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n const container = document.getElementById('carouselContainer');\r\n\r\n let currentIndex = 0;\r\n let autoSlideInterval;\r\n const autoSlideDelay = 3000; \/\/ Slide every 3 seconds\r\n\r\n function getVisibleCardsCount() {\r\n const width = window.innerWidth;\r\n if (width <= 576) return 1;\r\n if (width <= 900) return 2;\r\n if (width <= 1200) return 3;\r\n return 5;\r\n }\r\n\r\n function getMaxIndex() {\r\n const totalCards = track.querySelectorAll('.initiatives-card').length;\r\n const visibleCards = getVisibleCardsCount();\r\n return Math.max(0, totalCards - visibleCards);\r\n }\r\n\r\n function updateCarousel() {\r\n const cards = track.querySelectorAll('.initiatives-card');\r\n if (cards.length === 0) return;\r\n\r\n const cardWidth = cards[0].offsetWidth;\r\n const gap = 16; \/\/ Match CSS gap\r\n const moveAmount = (cardWidth + gap) * currentIndex;\r\n\r\n track.style.transform = `translateX(-${moveAmount}px)`;\r\n }\r\n\r\n function nextSlide() {\r\n const maxIndex = getMaxIndex();\r\n if (currentIndex < maxIndex) {\r\n currentIndex++;\r\n } else {\r\n currentIndex = 0; \/\/ Infinite loop back to start\r\n }\r\n updateCarousel();\r\n }\r\n\r\n function prevSlide() {\r\n const maxIndex = getMaxIndex();\r\n if (currentIndex > 0) {\r\n currentIndex--;\r\n } else {\r\n currentIndex = maxIndex; \/\/ Loop back to last item\r\n }\r\n updateCarousel();\r\n }\r\n\r\n function startAutoSlide() {\r\n stopAutoSlide();\r\n autoSlideInterval = setInterval(nextSlide, autoSlideDelay);\r\n }\r\n\r\n function stopAutoSlide() {\r\n if (autoSlideInterval) {\r\n clearInterval(autoSlideInterval);\r\n }\r\n }\r\n\r\n \/\/ Event listeners for navigation controls\r\n nextBtn.addEventListener('click', () => {\r\n nextSlide();\r\n startAutoSlide(); \/\/ Reset auto slide timer on manual click\r\n });\r\n\r\n prevBtn.addEventListener('click', () => {\r\n prevSlide();\r\n startAutoSlide(); \/\/ Reset auto slide timer on manual click\r\n });\r\n\r\n \/\/ Pause slide on hover\r\n container.addEventListener('mouseenter', stopAutoSlide);\r\n container.addEventListener('mouseleave', startAutoSlide);\r\n\r\n \/\/ Handle viewport resize\r\n window.addEventListener('resize', () => {\r\n if (currentIndex > getMaxIndex()) {\r\n currentIndex = getMaxIndex();\r\n }\r\n updateCarousel();\r\n });\r\n\r\n \/\/ Initialize\r\n updateCarousel();\r\n startAutoSlide();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>Our Initiative OUR INITIATIVES Building Opportunities. Creating a Skilled & Self-Reliant India. Digital Education Making quality digital education accessible to students and learners, with a focus on practical knowledge, technology and future-ready skills. Skill Development Industry-relevant training designed to build practical skills, improve employability and prepare learners for emerging career opportunities. Rural Empowerment Supporting rural…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2478","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ssdct.brightcodeapp.com\/index.php\/wp-json\/wp\/v2\/pages\/2478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ssdct.brightcodeapp.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ssdct.brightcodeapp.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ssdct.brightcodeapp.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ssdct.brightcodeapp.com\/index.php\/wp-json\/wp\/v2\/comments?post=2478"}],"version-history":[{"count":34,"href":"https:\/\/ssdct.brightcodeapp.com\/index.php\/wp-json\/wp\/v2\/pages\/2478\/revisions"}],"predecessor-version":[{"id":2634,"href":"https:\/\/ssdct.brightcodeapp.com\/index.php\/wp-json\/wp\/v2\/pages\/2478\/revisions\/2634"}],"wp:attachment":[{"href":"https:\/\/ssdct.brightcodeapp.com\/index.php\/wp-json\/wp\/v2\/media?parent=2478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}