{"id":363,"date":"2025-06-06T20:07:50","date_gmt":"2025-06-06T20:07:50","guid":{"rendered":"https:\/\/hira-foundation.com\/?page_id=363"},"modified":"2026-05-28T09:56:32","modified_gmt":"2026-05-28T09:56:32","slug":"get-involved","status":"publish","type":"page","link":"https:\/\/hira-foundation.com\/hi\/get-involved\/","title":{"rendered":"Get Involved"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"363\" class=\"elementor elementor-363\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c899d7 e-flex e-con-boxed e-con e-parent\" data-id=\"3c899d7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b00efea elementor-widget elementor-widget-heading\" data-id=\"b00efea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get Involved<\/h2>\t\t\t\t<\/div>\n\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-6121ed7 e-flex e-con-boxed e-con e-parent\" data-id=\"6121ed7\" 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-a8f2565 elementor-widget elementor-widget-html\" data-id=\"a8f2565\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <style>\r\n\r\n        body {\r\n            font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n            background: #ffffff;\r\n            line-height: 1.5;\r\n        }\r\n        \r\n\r\n        .involvement-container {\r\n            max-width: 1280px;\r\n            margin: 0 auto;\r\n            padding-top: 20px;\r\n        }\r\n\r\n        \/* ===== HEADER SECTION ===== *\/\r\n        .hero-section {\r\n          \r\n            margin: 0 auto 2rem auto;\r\n        }\r\n\r\n        .hero-section h1 {\r\n            font-size: 40px;\r\n            font-weight: 800;\r\n            color: #1a1a1a;\r\n            margin-bottom: 1rem;\r\n            letter-spacing: -0.02em;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .hero-section .lead {\r\n            font-size: 1rem;\r\n            color: #3a3a3a;\r\n            margin-bottom: 1.5rem;\r\n            line-height: 1.6;\r\n        }\r\n\r\n       .hero-quote {\r\n    background: #FDF6E3;\r\n    padding: 0.8rem 1.5rem;\r\n    border-radius: 50px;\r\n\r\n    display: flex; \r\n\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    width: fit-content;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    color: #2c2c2c;\r\n}\r\n\r\n\r\n \r\n\/* ===== WHY IT MATTERS SECTION ===== *\/\r\n\r\n.why-matters{\r\n    background:#F8F8F8;\r\n    border-radius:28px;\r\n    padding:2rem 2.5rem;\r\n    margin-bottom:3rem;\r\n    border:1px solid #E9DFC7;\r\n\r\n    animation:fadeUp 1s ease forwards;\r\n}\r\n\r\n.why-matters h2{\r\n    font-size:1.8rem;\r\n    font-weight:700;\r\n    color:#1a1a1a;\r\n    margin-bottom:0.75rem;\r\n}\r\n\r\n.why-matters > p{\r\n    font-size:0.95rem;\r\n    color:#3a3a3a;\r\n    margin-bottom:1.5rem;\r\n    max-width:85%;\r\n}\r\n\r\n.benefits-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:0.8rem;\r\n    margin-bottom:1.5rem;\r\n}\r\n\r\n.benefit-item{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:0.75rem;\r\n    padding:0.5rem 0;\r\n    border-bottom:1px solid #E9DFC7;\r\n\r\n    opacity:0;\r\n    transform:translateX(-25px);\r\n\r\n    animation:slideIn 0.7s ease forwards;\r\n}\r\n\r\n\/* stagger *\/\r\n\r\n.benefit-item:nth-child(1){\r\n    animation-delay:0.2s;\r\n}\r\n\r\n.benefit-item:nth-child(2){\r\n    animation-delay:0.35s;\r\n}\r\n\r\n.benefit-item:nth-child(3){\r\n    animation-delay:0.5s;\r\n}\r\n\r\n.benefit-item:nth-child(4){\r\n    animation-delay:0.65s;\r\n}\r\n\r\n.benefit-item:nth-child(5){\r\n    animation-delay:0.8s;\r\n}\r\n\r\n.benefit-item:nth-child(6){\r\n    animation-delay:0.95s;\r\n}\r\n\r\n.benefit-marker{\r\n    width:6px;\r\n    height:6px;\r\n    background:#c9a96e;\r\n    border-radius:50%;\r\n}\r\n\r\n.benefit-item span{\r\n    font-size:0.85rem;\r\n    font-weight:500;\r\n    color:#2c2c2c;\r\n}\r\n\r\n.why-footnote{\r\n    font-size:0.85rem;\r\n    font-style:italic;\r\n    color:#8a8a8a;\r\n    font-weight:500;\r\n    padding-top:0.75rem;\r\n    border-top:1px dashed #D8CDB2;\r\n}\r\n\r\n\/* ===== ANIMATIONS ===== *\/\r\n\r\n@keyframes fadeUp{\r\n\r\n    from{\r\n        opacity:0;\r\n        transform:translateY(60px);\r\n    }\r\n\r\n    to{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes slideIn{\r\n\r\n    from{\r\n        opacity:0;\r\n        transform:translateX(-25px);\r\n    }\r\n\r\n    to{\r\n        opacity:1;\r\n        transform:translateX(0);\r\n    }\r\n}\r\n        .benefits-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 0.8rem;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .benefit-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.75rem;\r\n            padding: 0.5rem 0;\r\n            border-bottom: 1px solid #E8E8E8;\r\n        }\r\n\r\n        .benefit-marker {\r\n            width: 6px;\r\n            height: 6px;\r\n            background: #c9a96e;\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .benefit-item span {\r\n            font-size: 0.85rem;\r\n            font-weight: 500;\r\n            color: #2c2c2c;\r\n        }\r\n\r\n        .why-footnote {\r\n            font-size: 0.85rem;\r\n            font-style: italic;\r\n            color: #8a8a8a;\r\n            font-weight: 500;\r\n            padding-top: 0.75rem;\r\n            border-top: 1px dashed #D0D0D0;\r\n        }\r\n\r\n        \/* ===== SECTION TITLE ===== *\/\r\n        .section-title {\r\n            text-align: center;\r\n            font-size: 2rem;\r\n            font-weight: 800;\r\n            color: #1a1a1a;\r\n            margin: 2.5rem 0 2rem 0;\r\n        }\r\n\r\n        \/* ===== CARDS GRID ===== *\/\r\n        .cards-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 1.8rem;\r\n            margin-bottom: 3rem;\r\n        }\r\n\r\n        .involve-card {\r\n            background: transparent;\r\n            height: 460px;\r\n            perspective: 1500px;\r\n        }\r\n\r\n        .card-inner {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100%;\r\n            transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);\r\n            transform-style: preserve-3d;\r\n            border-radius: 24px;\r\n        }\r\n\r\n        .involve-card:hover .card-inner {\r\n            transform: rotateY(180deg);\r\n        }\r\n\r\n        .card-front, .card-back {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n            backface-visibility: hidden;\r\n            border-radius: 24px;\r\n            padding: 1.5rem;\r\n            display: flex;\r\n            flex-direction: column;\r\n            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);\r\n        }\r\n\r\n        .card-front {\r\n            background: white;\r\n            border: 1px solid #E8E8E8;\r\n        }\r\n\r\n        .card-back {\r\n            background: white;\r\n            transform: rotateY(180deg);\r\n            border: 1px solid #c9a96e;\r\n            overflow-y: auto;\r\n        }\r\n\r\n        .card-img {\r\n            height: 140px;\r\n            background-size: cover;\r\n            background-position: center;\r\n            border-radius: 18px;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .card-front h3 {\r\n            font-size: 1.3rem;\r\n            font-weight: 800;\r\n            color: #1a1a1a;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .card-front p {\r\n            font-size: 0.8rem;\r\n            line-height: 1.45;\r\n            color: #4a4a4a;\r\n            margin-bottom: 0.8rem;\r\n            flex: 1;\r\n        }\r\n\r\n        .hover-hint {\r\n            font-size: 0.7rem;\r\n            text-align: center;\r\n            color: #999999;\r\n            margin-top: 0.5rem;\r\n            letter-spacing: 0.3px;\r\n        }\r\n\r\n        .card-back h4 {\r\n            font-size: 1rem;\r\n            font-weight: 700;\r\n            margin-bottom: 1rem;\r\n            color: #c9a96e;\r\n            border-left: 3px solid #c9a96e;\r\n            padding-left: 0.7rem;\r\n        }\r\n\r\n        .card-back ul {\r\n            list-style: none;\r\n            padding-left: 0;\r\n            margin: 0 0 1.2rem 0;\r\n        }\r\n\r\n        .card-back li {\r\n            font-size: 0.75rem;\r\n            padding: 0.35rem 0;\r\n            color: #3a3a3a;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .card-back li:before {\r\n            content: \"\u2192\";\r\n            color: #c9a96e;\r\n            font-size: 0.7rem;\r\n        }\r\n\r\n        .btn-card {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 6px;\r\n            background: #2c2c2c;\r\n            color: white;\r\n            padding: 0.5rem 1rem;\r\n            border-radius: 40px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            font-size: 0.75rem;\r\n            transition: all 0.2s;\r\n            width: fit-content;\r\n            margin-top: auto;\r\n        }\r\n\r\n        .btn-card:hover {\r\n            background: #c9a96e;\r\n            gap: 10px;\r\n            color: #1a1a1a;\r\n        }\r\n\r\n        \/* ===== WHO CAN JOIN SECTION ===== *\/\r\n        .who-join {\r\n            background: #F8F8F8;\r\n            border-radius: 28px;\r\n            padding: 2rem;\r\n            text-align: center;\r\n            margin: 2rem 0;\r\n            border: 1px solid #E8E8E8;\r\n        }\r\n\r\n        .who-join h2 {\r\n            font-size: 1.6rem;\r\n            font-weight: 700;\r\n            color: #1a1a1a;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .who-join p {\r\n            font-size: 0.9rem;\r\n            color: #3a3a3a;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .belief-pills {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            gap: 0.75rem;\r\n            margin: 1rem 0;\r\n        }\r\n\r\n        .belief-pills span {\r\n            background: white;\r\n            padding: 0.4rem 1.2rem;\r\n            border-radius: 40px;\r\n            font-size: 0.8rem;\r\n            font-weight: 500;\r\n            color: #2c2c2c;\r\n            border: 1px solid #D0D0D0;\r\n        }\r\n\r\n        .mission-line {\r\n            font-weight: 700;\r\n            color: #c9a96e;\r\n            margin-top: 0.8rem;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        \/* ===== FINAL CTA SECTION - Clean white\/light gray, black text ===== *\/\r\n        .final-impact {\r\n            background: #FDF6E3;\r\n            border-radius: 28px;\r\n            padding: 2.5rem 2rem;\r\n            text-align: center;\r\n            margin-top: 2rem;\r\n            border: 1px solid #E8E8E8;\r\n        }\r\n\r\n        .final-impact h2 {\r\n            font-size: 1.8rem;\r\n            font-weight: 800;\r\n            margin-bottom: 0.75rem;\r\n            color: #1a1a1a;\r\n        }\r\n\r\n        .final-impact p {\r\n            font-size: 0.9rem;\r\n            color: #3a3a3a;\r\n            max-width: 600px;\r\n            margin: 0 auto 1.5rem;\r\n        }\r\n\r\n        .ready-label {\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            margin-bottom: 1rem;\r\n            color: #1a1a1a;\r\n            display: block;\r\n        }\r\n\r\n        .cta-group {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            gap: 1rem;\r\n        }\r\n\r\n        .btn-primary, .btn-secondary, .btn-outline-light {\r\n            padding: 0.7rem 1.6rem;\r\n            border-radius: 60px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            font-size: 0.85rem;\r\n            transition: all 0.2s;\r\n        }\r\n\r\n        .btn-primary {\r\n            background: #2c2c2c;\r\n            color: white;\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            background: #c9a96e;\r\n            color: #1a1a1a;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .btn-secondary {\r\n            background: transparent;\r\n            color: #2c2c2c;\r\n            border: 1.5px solid #2c2c2c;\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            background: rgba(44, 44, 44, 0.05);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .btn-outline-light {\r\n            background: transparent;\r\n            color: #2c2c2c;\r\n            border: 1.5px solid #c9a96e;\r\n        }\r\n\r\n        .btn-outline-light:hover {\r\n            background: rgba(201, 169, 110, 0.1);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* ===== RESPONSIVE ===== *\/\r\n        @media (max-width: 1100px) {\r\n            .cards-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 1.5rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 800px) {\r\n            .involvement-container {\r\n                padding: 1.5rem;\r\n            }\r\n            .hero-section h1 {\r\n                font-size: 2rem;\r\n            }\r\n            .benefits-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n             .hero-quote{\r\n        text-align:center;\r\n        margin:0 auto 8px auto;\r\n\r\n        padding:0.8rem 1rem;\r\n\r\n        border-radius:30px;\r\n    }\r\n\r\n    .hero-section{\r\n        margin-bottom:1rem;\r\n    }\r\n            .why-matters > p {\r\n                max-width: 100%;\r\n            }\r\n            .section-title {\r\n                font-size: 1.6rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .cards-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            .cta-group {\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n             .hero-quote{\r\n        text-align:center;\r\n        margin:0 auto 8px auto;\r\n\r\n        padding:0.8rem 1rem;\r\n\r\n        border-radius:30px;\r\n    }\r\n\r\n    .hero-section{\r\n        margin-bottom:1rem;\r\n    }\r\n            .btn-primary, .btn-secondary, .btn-outline-light {\r\n                width: 80%;\r\n                text-align: center;\r\n            }\r\n            .final-impact h2 {\r\n                font-size: 1.4rem;\r\n            }\r\n        }\r\n        @media (max-width: 600px) {\r\n\r\n    .hero-section h1,\r\n    .why-matters h2,\r\n    .section-title,\r\n    .who-join h2,\r\n    .final-impact h2{\r\n        font-size:25px !important;\r\n        line-height:1.3;\r\n    }\r\n\r\n    .hero-section .lead,\r\n    .why-matters > p,\r\n    .benefit-item span,\r\n    .card-front p,\r\n    .card-back li,\r\n    .who-join p,\r\n    .final-impact p,\r\n    .mission-line,\r\n    .ready-label,\r\n    .hero-quote{\r\n        font-size:14px !important;\r\n        line-height:1.6;\r\n    }\r\n\r\n}\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"involvement-container\">\r\n    <!-- Hero Section -->\r\n    <div class=\"hero-section\">\r\n        <h1>Be Part of the Change That Communities Deserve<\/h1>\r\n        <p class=\"lead\">At HIRA Foundation, meaningful impact begins with people who care. Every initiative we undertake \u2014 from empowering youth and supporting education to strengthening climate resilience and community well-being \u2014 is driven by collective action. Whether you choose to volunteer your time, collaborate as a partner, support our programs, or amplify our mission, your involvement can help transform lives and create sustainable change.<\/p>\r\n        <div class=\"hero-quote\">Together, we can build stronger, more inclusive communities where dignity, opportunity, and hope reach everyone.<\/div>\r\n    <\/div>\r\n\r\n    <!-- Why Your Involvement Matters -->\r\n    <div class=\"why-matters\">\r\n        <h2>Why Your Involvement Matters<\/h2>\r\n        <p>Real change is never created by one organization alone. It grows when individuals, communities, businesses, educators, professionals, and changemakers come together with a shared purpose.<\/p>\r\n        <div class=\"benefits-grid\">\r\n            <div class=\"benefit-item\"><div class=\"benefit-marker\"><\/div><span>Expand access to education and learning opportunities<\/span><\/div>\r\n            <div class=\"benefit-item\"><div class=\"benefit-marker\"><\/div><span>Support women, children, and vulnerable communities<\/span><\/div>\r\n            <div class=\"benefit-item\"><div class=\"benefit-marker\"><\/div><span>Promote health, hygiene, and mental well-being<\/span><\/div>\r\n            <div class=\"benefit-item\"><div class=\"benefit-marker\"><\/div><span>Create livelihood and youth skilling opportunities<\/span><\/div>\r\n            <div class=\"benefit-item\"><div class=\"benefit-marker\"><\/div><span>Drive environmental sustainability and climate action<\/span><\/div>\r\n            <div class=\"benefit-item\"><div class=\"benefit-marker\"><\/div><span>Strengthen civic participation and community leadership<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"why-footnote\">No effort is too small when it contributes to a larger purpose.<\/div>\r\n    <\/div>\r\n\r\n    <!-- Ways You Can Get Involved Title -->\r\n    <h2 class=\"section-title\">Ways You Can Get Involved<\/h2>\r\n\r\n    <!-- 4 Cards Grid -->\r\n    <div class=\"cards-grid\">\r\n        <!-- Volunteer Card -->\r\n        <div class=\"involve-card\">\r\n            <div class=\"card-inner\">\r\n                <div class=\"card-front\">\r\n                    <div class=\"card-img\" style=\"background-image: url('https:\/\/hira-foundation.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-24-at-10.26.20-PM-2.jpeg');\"><\/div>\r\n                    <h3>Volunteer With Us<\/h3>\r\n                    <p>Use your skills, time, and passion to create meaningful impact on the ground. Whether you're a student, working professional, educator, designer, healthcare expert, or simply someone who wants to contribute \u2014 there's a place for you at HIRA Foundation.<\/p>\r\n                    <div class=\"hover-hint\">\u25bc Hover for opportunities \u25bc<\/div>\r\n                <\/div>\r\n                <div class=\"card-back\">\r\n                    <h4>Volunteer Opportunities May Include:<\/h4>\r\n                    <ul>\r\n                        <li>Community outreach programs<\/li>\r\n                        <li>Education and mentoring initiatives<\/li>\r\n                        <li>Event coordination and support<\/li>\r\n                        <li>Awareness campaigns<\/li>\r\n                        <li>Research and documentation<\/li>\r\n                        <li>Social media and digital engagement<\/li>\r\n                        <li>Environmental and sustainability drives<\/li>\r\n                    <\/ul>\r\n                    <a href=\"https:\/\/hira-foundation.com\/contact\/\" class=\"btn-card\">Become a Volunteer \u2192<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Partner Card -->\r\n        <div class=\"involve-card\">\r\n            <div class=\"card-inner\">\r\n                <div class=\"card-front\">\r\n                    <div class=\"card-img\" style=\"background-image: url('https:\/\/hira-foundation.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-22-at-3.51.20-PM.jpeg');\"><\/div>\r\n                    <h3>Partner With Us<\/h3>\r\n                    <p>We believe collaboration creates stronger and more sustainable impact. Together, we can co-create initiatives that address real community challenges with measurable outcomes.<\/p>\r\n                    <div class=\"hover-hint\">\u25bc Hover for partnership areas \u25bc<\/div>\r\n                <\/div>\r\n                <div class=\"card-back\">\r\n                    <h4>We welcome partnerships with:<\/h4>\r\n                    <ul>\r\n                        <li>Corporates and CSR teams<\/li>\r\n                        <li>NGOs and social organizations<\/li>\r\n                        <li>Educational institutions<\/li>\r\n                        <li>Community groups<\/li>\r\n                        <li>Government bodies<\/li>\r\n                        <li>Philanthropic networks<\/li>\r\n                        <li>Industry experts and consultants<\/li>\r\n                    <\/ul>\r\n                    <a href=\"https:\/\/hira-foundation.com\/contact\/\" class=\"btn-card\">Partner With HIRA Foundation<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Support Mission Card -->\r\n        <div class=\"involve-card\">\r\n            <div class=\"card-inner\">\r\n                <div class=\"card-front\">\r\n                    <div class=\"card-img\" style=\"background-image: url('https:\/\/hira-foundation.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-05-01-at-4.15.58-PM.jpeg');\"><\/div>\r\n                    <h3>Support Our Mission<\/h3>\r\n                    <p>Your support enables us to continue building impactful programs for underserved communities. Every contribution helps us expand our reach, strengthen initiatives, and create opportunities for those who need them the most.<\/p>\r\n                    <div class=\"hover-hint\">\u25bc Hover to learn more \u25bc<\/div>\r\n                <\/div>\r\n                <div class=\"card-back\">\r\n                    <h4>By supporting us, you become part of:<\/h4>\r\n                    <ul>\r\n                        <li>A larger movement focused on dignity<\/li>\r\n                        <li>Empowerment initiatives<\/li>\r\n                        <li>Sustainable development programs<\/li>\r\n                        <li>Community-led change<\/li>\r\n                        <li>Lasting social impact<\/li>\r\n                    <\/ul>\r\n                    <a href=\"https:\/\/hira-foundation.com\/contact\/\" class=\"btn-card\">Support Our Initiatives \u2192<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Internships Card -->\r\n        <div class=\"involve-card\">\r\n            <div class=\"card-inner\">\r\n                <div class=\"card-front\">\r\n                    <div class=\"card-img\" style=\"background-image: url('https:\/\/hira-foundation.com\/wp-content\/uploads\/2026\/05\/terry-boynton-qOgtSCWDv2E-unsplash-scaled.jpg');\"><\/div>\r\n                    <h3>Internships & Youth Engagement<\/h3>\r\n                    <p>We encourage students and young changemakers to gain hands-on experience in the social impact ecosystem.<\/p>\r\n                    <div class=\"hover-hint\">\u25bc Hover for opportunities \u25bc<\/div>\r\n                <\/div>\r\n                <div class=\"card-back\">\r\n                    <h4>Our internship opportunities help you:<\/h4>\r\n                    <ul>\r\n                        <li>Understand grassroots development<\/li>\r\n                        <li>Build leadership and communication skills<\/li>\r\n                        <li>Participate in real-world projects<\/li>\r\n                        <li>Contribute innovative ideas for social change<\/li>\r\n                    <\/ul>\r\n                    <a href=\"mailto:hirafoundation90@gmail.com\" class=\"btn-card\">Apply for Internship Opportunities \u2192<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Who Can Join -->\r\n    <div class=\"who-join\">\r\n        <h2>Who Can Join?<\/h2>\r\n        <p>You don't need prior NGO experience to make a difference. If you believe in:<\/p>\r\n        <div class=\"belief-pills\">\r\n            <span>Community empowerment<\/span>\r\n            <span>Inclusive development<\/span>\r\n            <span>Sustainable impact<\/span>\r\n            <span>Compassion-driven action<\/span>\r\n            <span>Collaborative growth<\/span>\r\n        <\/div>\r\n        <div class=\"mission-line\">\u2026then you already share our mission.<\/div>\r\n    <\/div>\r\n\r\n    <!-- Final CTA Section - Clean, no dark green, black text -->\r\n    <div class=\"final-impact\">\r\n        <h2>Together, We Can Build a Lasting Impact<\/h2>\r\n        <p>Every volunteer hour, every partnership, every contribution, and every shared voice helps create stronger communities and brighter futures. Join us in creating change that is meaningful, sustainable, and people-centered.<\/p>\r\n        <span class=\"ready-label\">Ready to Make a Difference?<\/span>\r\n        <div class=\"cta-group\">\r\n            <a href=\"https:\/\/hira-foundation.com\/contact\/\" class=\"btn-primary\">Become a Volunteer<\/a>\r\n            <a href=\"https:\/\/hira-foundation.com\/contact\/\" class=\"btn-secondary\">Partner With Us<\/a>\r\n            <a href=\"https:\/\/hira-foundation.com\/contact\/\" class=\"btn-outline-light\">Contact Our Team<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Get Involved Be Part of the Change That Communities Deserve At HIRA Foundation, meaningful impact begins with people who care. Every initiative we undertake \u2014 from empowering youth and supporting education to strengthening climate resilience and community well-being \u2014 is driven by collective action. Whether you choose to volunteer your time, collaborate as a partner,&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-363","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"info.hirafoundation@gmail.com","author_link":"https:\/\/hira-foundation.com\/hi\/author\/info-hirafoundationgmail-com\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Get Involved Be Part of the Change That Communities Deserve At HIRA Foundation, meaningful impact begins with people who care. Every initiative we undertake \u2014 from empowering youth and supporting education to strengthening climate resilience and community well-being \u2014 is driven by collective action. Whether you choose to volunteer your time, collaborate as a partner,...","_links":{"self":[{"href":"https:\/\/hira-foundation.com\/hi\/wp-json\/wp\/v2\/pages\/363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hira-foundation.com\/hi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hira-foundation.com\/hi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hira-foundation.com\/hi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hira-foundation.com\/hi\/wp-json\/wp\/v2\/comments?post=363"}],"version-history":[{"count":67,"href":"https:\/\/hira-foundation.com\/hi\/wp-json\/wp\/v2\/pages\/363\/revisions"}],"predecessor-version":[{"id":3048,"href":"https:\/\/hira-foundation.com\/hi\/wp-json\/wp\/v2\/pages\/363\/revisions\/3048"}],"wp:attachment":[{"href":"https:\/\/hira-foundation.com\/hi\/wp-json\/wp\/v2\/media?parent=363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}