<?php include 'header.php';?>
        
        <!--Start Page Header-->
<section class="page-header">
    <div class="page-header__bg" style="background-image: url(assets/images/backgrounds/page-header-bg.jpg)"></div>
    <div class="shape1 float-bob-x"><img src="assets/images/shapes/page-header-shape1.png" alt=""></div>
    <div class="shape2"><img src="assets/images/shapes/page-header-shape2.png" alt=""></div>
    <div class="container">
        <div class="page-header__inner">
            <h2>Youth & Women Empowerment</h2>
            <ul class="thm-breadcrumb wow fadeInUp" data-wow-duration="1500ms">
                <li><a href="index.php">Home</a></li>
                <li>/</li>
                <li><a href="index.php">Services</a></li>
                <li>/</li>
                <li>Youth & Women Empowerment</li>
            </ul>
        </div>
    </div>
</section>
<!--End Page Header-->


<!--Start About Two-->
<section class="about-two">
    <div class="container">
        <div class="row">
            <!--Start About Two Img-->
            <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                <div class="about-two__img">
                    <div class="shape2 rotate-me"><img src="assets/images/shapes/about-v2-shape2.png" alt=""></div>
                    <ul class="about-two__img-list1">
                        <li>
                            <div class="about-two__img-list1-img1">
                                <img src="assets/images/about/about-v2-img1.jpg" alt="">
                            </div>
                        </li>

                        <li>
                            <div class="about-two__img-list1-img2">
                                <img src="assets/images/about/about-v2-img2.jpg" alt="">
                            </div>
                        </li>
                    </ul>

                    <ul class="about-two__img-list2">
                        <li>
                            <div class="about-two__img-list1-img3">
                                <img src="assets/images/about/about-v2-img3.jpg" alt="">
                            </div>
                        </li>

                        <li>
                            <div class="about-two__experiences">
                                <div class="about-two__experiences-inner">
                                    <h2><span class="odometer" data-count="25"></span><span class="txt">+</span></h2>
                                    <p>Years of <br> Empowerment Initiatives</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!--End About Two Img-->

            <!--Start About Two Content-->
            <div class="col-xl-6 wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
                <div class="about-two__content">
                    <div class="sec-title sec-title-animation animation-style2">
                        <div class="sec-title__tagline">
                            <div class="left-line"></div>
                            <div class="text">
                                <h4>Empowering Youth & Women</h4>
                            </div>
                        </div>
                        <h2 class="sec-title__title title-animation">Shaping Confident, Skilled & Independent Individuals</h2>
                    </div>

                    <div class="about-two__content-text1">
                        <p>Our mission is to empower youth and women with the right guidance, confidence, and skills to build a successful future. We focus on creating opportunities that foster independence, leadership, and sustainable growth.</p>
                    </div>

                    <div class="about-two__content-text3">
                        <p>Through structured training, counselling, and motivational programs, we help individuals discover their strengths and take meaningful steps toward personal and professional development.</p>
                    </div>

                    <div class="about-two__content-bottom">
                        <div class="btn-box">
                            <a href="contact.html" class="thm-btn">Discover Now <span class="icon-diagonal-arrow1"></span></a>
                        </div>
                        <div class="contact-info">
                            <div class="icon-box">
                                <span class="icon-telephone"></span>
                            </div>

                            <div class="content-box">
                                <p>Call us any time:</p>
                                <h4><a href="tel:1234567890">+91 9995</a></h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--End About Two Content-->
        </div>
    </div>
</section>
<!--End About Two-->


<!--Start Why Choose One-->
<section class="why-choose-one">
    <div class="why-choose-one__pattern" style="background-image: url(assets/images/pattern/why-choose-v1-pattern.jpg);"></div>
    <div class="shape1"><img src="assets/images/shapes/why-choose-v1-shape1.png" alt=""></div>
    <div class="shape2"><img src="assets/images/shapes/why-choose-v1-shape2.png" alt=""></div>
    <div class="container">
        <div class="row">
            <!--Start Why Choose One Content-->
            <div class="col-xl-6">
                <div class="why-choose-one__content">
                    <div class="sec-title sec-title-animation animation-style2">
                        <div class="sec-title__tagline">
                            <div class="left-line"></div>
                            <div class="text">
                                <h4>Uplifting Communities</h4>
                            </div>
                        </div>
                        <h2 class="sec-title__title title-animation">Our Empowerment Approach</h2>
                    </div>

                    <div class="why-choose-one__content-text1">
                        <p>We believe empowerment is not just about training—it’s about transformation. Our programs combine career guidance, personality development, skill-based training, and motivational mentoring to help individuals achieve self-reliance.</p>

                        <p>Through workshops, outreach programs, and vocational opportunities, we support youth and women to build meaningful careers and lead with confidence.</p>
                    </div>

                    <div class="why-choose-one__content-text3">
                        <ul class="row">
                            <li class="col-xl-6 col-lg-6 col-md-6 why-choose-one__content-text3-single">
                                <div class="why-choose-one__content-text3-single-inner">
                                    <div class="icon-box"><span class="icon-checked"></span></div>
                                    <div class="text-box"><p>Career Counselling & Job Placement Support</p></div>
                                </div>
                            </li>

                            <li class="col-xl-6 col-lg-6 col-md-6 why-choose-one__content-text3-single">
                                <div class="why-choose-one__content-text3-single-inner">
                                    <div class="icon-box"><span class="icon-checked"></span></div>
                                    <div class="text-box"><p>Skill Development Programs for Youth & Women</p></div>
                                </div>
                            </li>
                        </ul>

                        <ul class="row" style="padding-top: 10px;">
                            <li class="col-xl-6 col-lg-6 col-md-6 why-choose-one__content-text3-single">
                                <div class="why-choose-one__content-text3-single-inner">
                                    <div class="icon-box"><span class="icon-checked"></span></div>
                                    <div class="text-box"><p>Motivational & Leadership Training for Personal Growth</p></div>
                                </div>
                            </li>

                            <li class="col-xl-6 col-lg-6 col-md-6 why-choose-one__content-text3-single">
                                <div class="why-choose-one__content-text3-single-inner">
                                    <div class="icon-box"><span class="icon-checked"></span></div>
                                    <div class="text-box"><p>Entrepreneurship Support & Small Business Guidance</p></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--End Why Choose One Content-->

            <!--Start Why Choose One Img-->
            <div class="col-xl-6">
                <div class="why-choose-one__img clearfix">
                    <div class="why-choose-one__img1">
                        <div class="inner"><img src="assets/images/resources/why-choose-v1-img1.jpg" alt=""></div>
                        <div class="why-choose-one__img-experince">
                            <div class="why-choose-one__img-experince-inner">
                                <div class="count-text"><h2><span class="odometer" data-count="25"></span>+</h2></div>
                                <p>Years of Empowering Lives</p>
                            </div>
                        </div>
                    </div>
                    <div class="why-choose-one__img2">
                        <img src="assets/images/resources/why-choose-v1-img2.jpg" alt="">
                    </div>
                </div>
            </div>
            <!--End Why Choose One Img-->
        </div>
    </div>
</section>
<!--End Why Choose One-->


<!--Start Cause Two-->
<section class="cause-two cause-two--three" style="width:100%; display:block; padding:60px 0;">
    <div class="container" style="width:100%; margin:auto;">
        <div class="cause-two--three__top" style="text-align:center; margin-bottom:40px;">
            <div class="sec-title sec-title-animation animation-style2">
                <div class="sec-title__tagline" style="display:flex; justify-content:center; align-items:center; gap:10px;">
                    <div class="left-line" style="width:40px; height:2px; background:#000;"></div>
                    <div class="text">
                        <h4 style="margin:0; font-size:20px; font-weight:600;">Projects under Youth and Women Empowerment</h4>
                    </div>
                </div>
                <h2 class="sec-title__title title-animation" style="font-size:32px; margin-top:10px;">Empowering Youth & Women</h2>
            </div>
        </div>

        <div class="row equal-height-row" style="display:flex; flex-wrap:wrap; gap:0; width:100%;">

            <!-- COLUMN 1: Welfare and Charity Services -->
            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6" style="width:33.33%; padding:15px; box-sizing:border-box;">
                <div class="cause-one__single equal-card" style="height:100%; border:1px solid #eee; border-radius:8px; overflow:hidden; display:flex; flex-direction:column;">
                    <div class="cause-one__single-img">
                        <img src="assets/images/resources/cause-v2-img1.jpg" alt="" style="width:100%; height:220px; object-fit:cover;">
                    </div>
                    <div class="cause-one__single-content" style="padding:20px; display:flex; flex-direction:column; flex-grow:1;">
                        <h2 style="font-size:22px; margin-bottom:10px;">
                            <a href="#" style="color:#000; text-decoration:none;">Career Counselling and Job Placement</a>
                        </h2>
                        <p style="flex-grow:1; font-size:16px; line-height:24px;">
                            Guidance for youth and Women to choose the right career path.
                        </p>
                        <div class="btn-box" style="margin-top:20px;">
                            <a href="donation-details.html" class="thm-btn" style="padding:10px 18px; background:#e41e25; color:#fff; border-radius:5px; text-decoration:none;">Donate Now →</a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- COLUMN 2: Relief Work -->
            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6" style="width:33.33%; padding:15px; box-sizing:border-box;">
                <div class="cause-one__single equal-card" style="height:100%; border:1px solid #eee; border-radius:8px; overflow:hidden; display:flex; flex-direction:column;">
                    <div class="cause-one__single-img">
                        <img src="assets/images/resources/cause-v2-img2.jpg" alt="" style="width:100%; height:220px; object-fit:cover;">
                    </div>
                    <div class="cause-one__single-content" style="padding:20px; display:flex; flex-direction:column; flex-grow:1;">
                        <h2 style="font-size:22px; margin-bottom:10px;">
                            <a href="#" style="color:#000; text-decoration:none;">Skill Development</a>
                        </h2>
                        <p style="flex-grow:1; font-size:16px; line-height:24px;">
                            Hands-on training programs for women and youth.
                        </p>
                        <div class="btn-box" style="margin-top:20px;">
                            <a href="donation-details.html" class="thm-btn" style="padding:10px 18px; background:#e41e25; color:#fff; border-radius:5px; text-decoration:none;">Donate Now →</a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- COLUMN 3: Community Outreach and Extension Programs -->
            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6" style="width:33.33%; padding:15px; box-sizing:border-box;">
                <div class="cause-one__single equal-card" style="height:100%; border:1px solid #eee; border-radius:8px; overflow:hidden; display:flex; flex-direction:column;">
                    <div class="cause-one__single-img">
                        <img src="assets/images/resources/cause-v2-img3.jpg" alt="" style="width:100%; height:220px; object-fit:cover;">
                    </div>
                    <div class="cause-one__single-content" style="padding:20px; display:flex; flex-direction:column; flex-grow:1;">
                        <h2 style="font-size:22px; margin-bottom:10px;">
                            <a href="#" style="color:#000; text-decoration:none;">Motivation for career development</a>
                        </h2>
                        <p style="flex-grow:1; font-size:16px; line-height:24px;">
                            Programs to build confidence and leadership.
                        </p>
                        <div class="btn-box" style="margin-top:20px;">
                            <a href="donation-details.html" class="thm-btn" style="padding:10px 18px; background:#e41e25; color:#fff; border-radius:5px; text-decoration:none;">Donate Now →</a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
<!--End Cause Two-->

<?php include 'footer.php';?>