bnmbertsu,op'op'sdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdf'tdfg

hjkhghghop'sdvsdvsdvsddsvsdvsddssfsddsfsfsdghgt bnmbertsu,op'op'sdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdf'tdfg

<?php
include('connection.inc.php');

if (isset($_GET['id'])) {
    $id = $_GET['id'];
}
$limit = 15;
$pagination_sql = "SELECT * FROM gallery";
$pagination_query = mysqli_query($con, $pagination_sql);
$total_records = mysqli_num_rows($pagination_query);
$total_pages = ceil($total_records / $limit);

if (isset($_GET['page'])) {
    $page = $_GET['page'];
} else {
    $page = 1;
}
$offset = ($page - 1) * $limit;
$sql = "SELECT * FROM gallery LIMIT $limit OFFSET $offset";
$quary = mysqli_query($con, $sql) or die("Error");

?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>About Us | Music N Dance Academy | Best Dance & Music Academy In Pitampura , New Delhi</title>
    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;display=swap" rel="stylesheet">
    
    <link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
    
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    
    <link rel="shortcut icon" href="assets/images/music.png" type="image/x-icon">
    
    <link rel="stylesheet" href="assets/css/swiper.min.css">
    
    <link rel="stylesheet" href="assets/css/lightcase.css">
    
    <link rel="stylesheet" href="assets/css/odometer.css">
    
    <link rel="stylesheet" href="assets/css/icomoon.css">
    
    <link rel="stylesheet" href="assets/css/line-awesome.min.css">
    
    <link rel="stylesheet" href="assets/css/animate.css">
    
    <link rel="stylesheet" href="assets/css/aos.css">
    
    <link rel="stylesheet" href="assets/css/nice-select.css">
    
    <link rel="stylesheet" href="assets/css/flipclock.css">
    
    <link rel="stylesheet" href="assets/css/style.css">
</head>

<body>
    
    <header class="header-section header-section-two">
    <div class="header">
        <div class="header-bottom-area">
            <div class="container-fluid">
                <div class="header-menu-content">
                    <nav class="navbar navbar-expand-xl p-0">
                        <a class="site-logo site-title d-block d-xl-none" href="index.html"><img
                                src="assets/images/music.png" alt="site-logo"></a>
                        <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse"
                            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                            aria-expanded="false" aria-label="Toggle navigation">
                            <span class="fas fa-bars"></span>
                        </button>
                        <div class="collapse navbar-collapse" id="navbarSupportedContent">
                            <ul class="navbar-nav main-menu ml-auto mr-auto">
                                <li class="menu_has_children">
                                    <a href="index.html">HOME</a>
                                </li>
                                <li><a href="about.html">ABOUT US</a></li>
                                <li><a href="services.html">SERVICES</a></li>
                                  <li><a href="gurmeet-production.html">GURMEET MALHOTRA PRODUCTIONS</a></li>

<li><a class="site-logo site-title d-none d-xl-block" href="index.html"><img
                                            src="assets/images/music.png" alt="site-logo"></a></li>
                                <li><a href="events.html">UPCOMING EVENT</a></li>
                                <li class="menu_has_children">
                                    <a href="#0">GALLERY</a>
                                    <ul class="sub-menu">
                                        <li><a href="gallery.php">PHOTOS</a></li>
                                        <li><a href="videos.php">VIDEOS</a></li>
                                        
                                    </ul>
                                </li>
                                <li><a href="contact.php">CONTACT US</a></li>
                            </ul>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</header>

<section class="banner-section banner-section-two inner-banner-section bg-overlay-red bg_img" data-background="assets/images/element/backslide3.jpg">
        <div class="section-logo-text">
            <span class="title">DANCE</span>
        </div>
        <div class="container-fluid">
            <div class="row justify-content-center align-items-end mb-30-none">
                <div class="col-xl-12 col-lg-12 text-center mb-30">
                    <div class="banner-content" data-aos="fade-up" data-aos-duration="1800">
                        <h1 class="title">PHOTOS GALLERY</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="breadcrumb-area">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Photos Gallery</li>
            </ol>
        </nav>
    </div>
    <a href="#" class="scrollToTop">
        <img src="assets/images/training/kathaktop.png" alt="element">
        <div class="scrollToTop-icon">
            <i class="fas fa-arrow-up"></i>
        </div>
    </a>
    <section class="gallery-section ptb-120">
        <div class="container-fluid p-0">
            <div class="row justify-content-center">
                <div class="col-xl-4 col-lg-8 col-md-6 col-sm-8 text-center">
                    <div class="section-header" data-aos="fade-up" data-aos-duration="1200">
                        <h2 class="section-title">SEE OUR <span>PHOTOS</span>GALLERY</h2>
                    </div>
                </div>
            </div>
            <div class="gallery-filter-wrapper">
                <div class="grid">
                    <?php
                    if (mysqli_num_rows($quary) > 0) {
                        while ($row = mysqli_fetch_assoc($quary)) {
                    ?>
                            <div class="grid-item Dance">
                                <div class="gallery-item">
                                    <div class="gallery-thumb">
                                        <img src="./admin/photos/<?php echo $row['image']; ?>" alt="gallery">
                                        <div class="gallery-overlay">
                                            <div class="gallery-content">
                                                <h4 class="title">Music n Dance Academy</h4>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    <?php
                        }
                    }
                    ?>
                </div>
            </div>

<?php
            if ($page >= $total_pages) {
                $disabled = 'none';
            } else {
                $disabled = '';
            }

if ($page == 1) {
                $prev_disabled = 'none';
            } else {
                $prev_disabled = '';
            }
            ?>

<div class="container" style="margin-top: 25px; margin-bottom:15px;">
                <ul class="pagination justify-content-center text-center" id="hjshdjh">
                    <li class="page-itemz"><a class="page-link " style="display: <?php echo $prev_disabled ?>" href="gallery.php?page=<?php echo $page - 1 ?>">Prev</a></li>
                    <?php

for ($i = 1; $i <= $total_pages; $i++) {
                        if ($i > 8) {
                            break;
                        }
                        if ($page == $i) {
                            $active = 'active';
                        } else {
                            $active = '';
                        }
                    ?>
                        <li class="page-itemzx"><a class="page-link <?php echo $active ?>" href="gallery.php?page=<?php echo $i ?>"><?php echo $i ?></a></li>
                    <?php } ?>
                    <li class="page-itemz"><a class="page-link " style="display: <?php echo $disabled ?>;" href="gallery.php?page=<?php echo $page + 1 ?>">Next</a></li>
                </ul>
            </div>

</div>
    
    <footer class="footer-section footer-section-two pt-120">
        <div class="footer-bg">
            <img src="assets/images/bg/bg-4.png" alt="bg">
        </div>
        <div class="container">
            <div class="row mb-30-none">
                <div class="col-xl-4 col-lg-4 col-md-6 mb-30">
                    <div class="footer-widget">
                        <div class="footer-logo">
                            <a class="site-logo site-title" href="index.html"><img src="assets/images/music.png" alt="site-logo" width="260px;"></a>
                        </div>
                        <p>"Music n Dance Academy Dance successfully since 2007. We specialize in Classical Dance
                            Kathak and Bharatnatyam. We provide certificate for the course taught at the academy.
                            Instrumental Music like Guitar ,Keyboard, Drums,Mouth Organ, Violin etc are taught. Training
                            for Indian Classical Music is also provided. We also provide stage opportunity to all the
                            students through the annual event held every year."</p>
                        <ul class="footer-social">
                            <li><a href="https://www.facebook.com/gurmeet.malhotra/photos"><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href="#0"><i class="fab fa-twitter"></i></a></li>
                            <li><a href="https://www.google.com/maps/place/Music+N+Dance+Academy/@28.6911154,77.1181461,15z/data=!4m2!3m1!1s0x0:0xda563d6b09174f4d?sa=X&ved=2ahUKEwj6zOTh4o_-AhVEVt4KHedfCZQQ_BJ6BAhkEAg"><i class="fab fa-google-plus-g"></i></a></li>
                            <li><a href="https://www.instagram.com/musicndanceclass/"><i class="fab fa-instagram"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-6 mb-30">
                    <div class="footer-widget">
                        <h4 class="title">Quick Links</h4>
                        <ul class="footer-list">
                            <li><a href="index.html">Home</a></li>
                            <li><a href="about.html">About Us</a></li>
                            <li><a href="services.html">Services</a></li>
                            <li><a href="gallery.html">Gallery</a></li>
                            <li><a href="events.html">Events</a></li>
                            <li><a href="contact.php">Contact Us</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-6 mb-30">
                    <div class="footer-widget">
                        <h4 class="title">Contact us</h4>
                        <ul class="footer-list">
                            <li> 83, Bannu Enclave, Rd Number 42, Co-operative Group Housing Societies Pitampura,</li>
                            <li> Pitam Pura, Delhi, 110034</li>
                            <li><span>Email :</span> <a href="#" class="__cf_email__">gurmeetmalhotra07@gmail.com, musicndanceclass@gmail.com, musicndanceacademy07@gmail.com</a>
                            </li>
                            <li><span>Telephone :</span> +91 9873154134, 7669154134</li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-2 col-lg-2 col-md-6 mb-30">
                    <div class="footer-widget">
                        <h4 class="title">Our Location</h4>
                        <div class="footer-gallery-area">
                            <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13999.803590942009!2d77.1181461!3d28.6911154!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d03c155555555%3A0xda563d6b09174f4d!2sMusic%20N%20Dance%20Academy!5e0!3m2!1sen!2sin!4v1680594746354!5m2!1sen!2sin" width="300" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright-wrapper">
            <div class="row justify-content-center">
                <div class="col-xl-12 text-center">
                    <div class="copyright-area">
                        <p>Copyright 2023 Music N Dance Academy. Designed & Developed by <a href="https://4squaredigital.com/">4squaredigital.pvt.ltd</a></p>
                    </div>
                </div>
            </div>
        </div>
    </footer>

<script src="assets/js/jquery.js"></script>
    
    <script src="assets/js/bootstrap.min.js"></script>
    
    <script src="assets/js/swiper.min.js"></script>
    
    <script src="assets/js/lightcase.js"></script>
    
    <script src="assets/js/odometer.min.js"></script>
    
    <script src="assets/js/viewport.jquery.js"></script>
    
    <script src="assets/js/circle-progress.min.js"></script>
    
    <script src="assets/js/aos.js"></script>
    
    <script src="assets/js/jquery.nice-select.js"></script>
    
    <script src="assets/js/jquery.paroller.min.js"></script>
    
    <script src="assets/js/flipclock.min.js"></script>
    
    <script src="assets/js/jquery.countdown.min.js"></script>
    
    <script src="assets/js/jquery.easypiechart.js"></script>
    
    <script src="assets/js/isotope.pkgd.min.js"></script>
    
    <script src="assets/js/preloader.js"></script>
    
    <script src="assets/js/main.js"></script>

</body>

</html>