<?php
include_once("include/main.inc.php");
$hover = 'Photo Gallery';
$page_metatitle = "Photo Gallery- " . $admin_res['companyName'];
$page_metakey = "Photo Gallery - " . $admin_res['companyName'];
$page_metadesc = "Photo Gallery - " . $admin_res['companyName'];
?>
<!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">Photo Gallery</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">Photo Gallery</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <div class="gallery_page">
        <div class="container">
            <h2 class="title_2">Photo Gallery</h2>
            <div class="maxWidth">
                <p>Explore cherished moments capturing Mr. Naseem Khan alongside esteemed personalities and highlights from our organised events. Each image tells a story of achievement, celebration, and the joy of empowering children, reflecting our commitment to making a lasting impact in the community.</p>
            </div>
            <div class="clearfix"></div>
            <div class="row">
            <?php $gallery_award_sql= mysqli_query($GLOBALS['dbconn'], "select gallery_image,image_name,id,gallery_order from gallery_tbl order by id ASC"); 

while($gallery_res= mysqli_fetch_assoc($gallery_award_sql)){ 
   $galImg=getImage($gallery_res[gallery_image], 380, 300, $gallery_res[image_name].$gallery_res[id],"/uploaded-files/gallery/");
   $galImg1= getImage($gallery_res[gallery_image], 900, 700, $gallery_res[image_name].$gallery_res[id],"/uploaded-files/gallery/") ;
   ?>

                <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
                    <div class="gallery_item">
                        <a class="hover_effect h_yellow" data-fancybox="photo-gallery" href="<?=$galImg1;?>" title="<?=$gallery_res['image_name'];?>">
                            <img src="<?=$galImg;?>" alt="<?=$gallery_res['image_name'];?>" title="<?=$gallery_res['image_name'];?>">
                        </a>
                    </div>
                </div>

                <?php } ?>

                

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

    <div class="achievement">
        <div class="container">
            <div class="sec_bx">
                <h3 class="title_2">Our Achievements</h3>
                <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;?>" title="<?=$gallery_ach['title'];?>" data-fancybox="" class="video-btn">
                            <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>