<?php 
include 'inc/header.php';

?>

  <!-- Page Header End -->
        <div class="container-xxl py-5 page-header position-relative mb-5">
            <div class="container py-5">
                <h1 class="display-2 text-white animated slideInDown mb-4">Image Gallery</h1>
                <nav aria-label="breadcrumb animated slideInDown">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="<?=$baseurl?>">Home</a></li>
                        <li class="breadcrumb-item"><a href="#">Pages</a></li>
                        <li class="breadcrumb-item text-white active" aria-current="page">Gallery</li>
                    </ol>
                </nav>
            </div>
        </div>
        <!-- Page Header End -->
    <div class="container">
                        <h3 class="text-white mb-4">Photo Gallery</h3>
                        <div class="row ">
                            
                              <?php 
      $gallery=$manage_website->self_query("select * from tbl_gallery where  status=1 order by id");
      for ($i=0; $i <count($gallery) ; $i++) { 
             
      ?>
                            <div class="col-4">
                                <img class="img-fluid rounded bg-light p-1" style="width:400px;height:400px;" src="<?=$baseurl?>/images/main_img/<?=$gallery[$i]['image']?>" alt="<?=$gallery[$i]['title']?>" title="<?=$gallery[$i]['title']?>">
                            </div>
                            
                            <?php } ?>
                            
                            
                            <!--<div class="col-4">-->
                            <!--    <img class="img-fluid rounded bg-light p-1" src="img/classes-2.jpg" alt="">-->
                            <!--</div>-->
                            <!--<div class="col-4">-->
                            <!--    <img class="img-fluid rounded bg-light p-1" src="img/classes-3.jpg" alt="">-->
                            <!--</div>-->
                            <!--<div class="col-4">-->
                            <!--    <img class="img-fluid rounded bg-light p-1" src="img/classes-4.jpg" alt="">-->
                            <!--</div>-->
                            <!--<div class="col-4">-->
                            <!--    <img class="img-fluid rounded bg-light p-1" src="img/classes-5.jpg" alt="">-->
                            <!--</div>-->
                            <!--<div class="col-4">-->
                            <!--    <img class="img-fluid rounded bg-light p-1" src="img/classes-6.jpg" alt="">-->
                            <!--</div>-->
                            
                        </div>
                    </div>



<?php 
include 'inc/footer.php';

?>