<?php 
include_once("include/main.inc.php");
$hover="about";
$about_page= mysqli_query($GLOBALS['dbconn'],"select pageDesc,pageTitle,pageDesc1,pageImage,page_keyword,page_metadesc, page_metatitle from static_pages where pageID='2'");
$about_res= mysqli_fetch_array($about_page);
$page_metatitle = $about_res['page_metatitle'];
$page_metakey = $about_res['page_keyword'];
$page_metadesc = $about_res['page_metadesc'];
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <?php include "app_top.php"; ?>
</head>

<body>

    <?php include "app_header.php"; ?>

    <div class="heading_banner" style="background-image: url(<?=site_url;?>/designer/images/gallery-banner.jpg)">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 text-center">
                    <h1 class="cat_title">About Us</h1>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="inner_breadcrumb hidden_xs">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <ul class="breadcrumb">
                        <li><a href="<?=site_url;?>" title="Home">Home</a></li>
                        <li class="active">About us</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="homeAbout">
        <div class="container">

            <h2 class="title_2">Empowering Communities, Transforming Lives: The Vision of Badhte Kadam</h2>
            <div class="maxWidth">

            </div>

            <div class="galleryColumn">
                <div class="image">
                    <img src="<?=getImage($about_res['pageImage'], 450, 450, $about_res['pageTitle'], "/uploaded-files/page-images/");?>" alt=" Empowering Communities, Transforming Lives: The Vision of Badhte Kadam" title=" Empowering Communities, Transforming Lives: The Vision of Badhte Kadam">
                </div>
            </div>

            <?=html_entity_decode(str_ireplace('{companyName}',$admin_res['companyName'],$about_res['pageDesc']));?>
            <a href="<?=site_url;?>/what-we-do.htm" class="readMore2 wow fadeInUp" data-wow-delay=".3s" title="More About Us">More About Us</a>
        </div>
    </div>


    <section class="about-page">
        <div class="container">
            <div class="row">
                <div class="col-xl-6">
                    <div class="about-page__left wow slideInLeft animated" data-wow-delay="100ms" data-wow-duration="2500ms" style="visibility: visible; animation-duration: 2500ms; animation-delay: 100ms; animation-name: slideInLeft;">
                        <div class="about-page__img">
                            <img src="<?=site_url;?>/designer/images/about-page-img-1.jpg" alt="Inspiring and Helping for Better Lifestyle" title="Inspiring and Helping for Better Lifestyle">
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="about-page__right">
                        <div class="section-title text-left">
                            <span class="section-title__tagline">get to know us</span>
                            <h3 class="section-title__title">Inspiring and Helping for Better Lifestyle</h3>
                        </div>
                        <p class="about-page__text">At Badhte Kadam, we are dedicated to uplifting underprivileged children by providing them with opportunities to excel in academics, sports, and arts. Our programs aim to inspire, build confidence, and create a sense of community, helping each child achieve a better lifestyle and a brighter future. By nurturing their talents and fostering personal growth, we strive to make a meaningful impact on their lives.</p>
                        <ul class="about-one__points list-unstyled">
                            <li>
                                <div class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-square" viewBox="0 0 16 16">
                                        <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z" />
                                        <path d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z" />
                                    </svg>
                                </div>
                                <div class="text">
                                    <p>Join our Team</p>
                                </div>
                            </li>
                            <li>
                                <div class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-square" viewBox="0 0 16 16">
                                        <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z" />
                                        <path d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z" />
                                    </svg>
                                </div>
                                <div class="text">
                                    <p>Quick Fundraising</p>
                                </div>
                            </li>
                        </ul>
                        <ul class="about-one__points-content list-unstyled">
                            <li>
                                <p class="about-one__points-text">Empowering children, inspiring dreams</p>
                            </li>
                            <li>
                                <p class="about-one__points-text">Building futures, creating communities</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>




    <div class="achievement  py-5  w-100 mt-5 float-start">
        <div class="container">
            <div class="sec_bx">
                <h4 class="title_2">Our Achievements</h4>
                <div class="maxWidth">
                    <p>Discover our proud moments of excellence. From prestigious awards to accolades, Mr. Naseem Khan’s journey of recognition highlights the impactful work and unwavering dedication at the heart of Badhte Kadam.</p>
                </div>
            </div>
            <div class="row">
            <?php $gallery_ach_sql= mysqli_query($GLOBALS['dbconn'], "select image,id,title,gallery_id from achivements_tbl order by id ASC"); 

while($gallery_ach= mysqli_fetch_assoc($gallery_ach_sql)){ 
   $galImg=getImage($gallery_ach[image], 310, 210, $gallery_ach[title].$gallery_res[id],"/uploaded-files/gallery/photos/");
   $galImg1= getImage($gallery_ach[image], 900, 700, $gallery_ach[title].$gallery_res[id],"/uploaded-files/gallery/photos/") ;
   ?>

                <div class="col-md-3 col-12">
                    <div class="vd_Bx">
                        <img src="<?=$galImg;?>" alt="<?=$gallery_ach['title'];?>" title="<?=$gallery_ach['title'];?>">
                        <a href="<?=$galImg1;?>" data-fancybox="" class="video-btn" title="<?=$gallery_ach['title'];?>">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrows-fullscreen" viewBox="0 0 16 16">
                                <path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707m4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707m0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707m-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707" />
                            </svg>
                        </a>
                    </div>
                </div>
<?php } ?>

            


            </div>
        </div>
    </div>

    <div class="bottomMarquee">
        <div class="container">
            <div class="help-donate-one__slide">
                <span class="help-donate-one__text help-donate-one__text--one">Sports</span>
                <img src="designer/images/help-donate-1-1.png" alt="help donate" title="help donate" class="help-donate-one__image">
                <span class="help-donate-one__text help-donate-one__text--two">Singing</span>
                <img src="designer/images/help-donate-1-1.png" alt="help donate" title="help donate" class="help-donate-one__image">
                <span class="help-donate-one__text help-donate-one__text--one">Dancing</span>
                <img src="designer/images/help-donate-1-1.png" alt="help donate" title="help donate" class="help-donate-one__image">
                <span class="help-donate-one__text help-donate-one__text--two">Painting</span>
                <img src="designer/images/help-donate-1-1.png" alt="help donate" title="help donate" class="help-donate-one__image">
                <span class="help-donate-one__text help-donate-one__text--one">Debate</span>
                <img src="designer/images/help-donate-1-1.png" alt="help donate" title="help donate" class="help-donate-one__image">
                <span class="help-donate-one__text help-donate-one__text--two">Speaking on Stage</span>
                <img src="designer/images/help-donate-1-1.png" alt="help donate" title="help donate" class="help-donate-one__image">
                <span class="help-donate-one__text help-donate-one__text--one">Sports</span>
                <img src="designer/images/help-donate-1-1.png" alt="help donate" title="help donate" class="help-donate-one__image">
                <span class="help-donate-one__text help-donate-one__text--two">Singing</span>
                <img src="designer/images/help-donate-1-1.png" alt="help donate" title="help donate" class="help-donate-one__image">
                <span class="help-donate-one__text help-donate-one__text--one">Dancing</span>
                <img src="designer/images/help-donate-1-1.png" alt="help donate" title="help donate" class="help-donate-one__image">
                <span class="help-donate-one__text help-donate-one__text--two">Painting</span>
                <img src="designer/images/help-donate-1-1.png" alt="help-donate" title="help donate" class="help-donate-one__image">
                <span class="help-donate-one__text help-donate-one__text--one">Debate</span>
                <img src="designer/images/help-donate-1-1.png" alt="help donate" title="help donate" class="help-donate-one__image">
                <span class="help-donate-one__text help-donate-one__text--two">Speak on Stage</span>
            </div>
        </div>
    </div>

    <?php include 'app_footer.php'; ?>
    <?php include 'app_bottom.php'; ?>
</body>

</html>