D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home3
/
encodto1
/
newpcjewellers.in
/
Filename :
gallery.php
back
Copy
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>New PC Jewellers</title> <!-- Favicons --> <link rel="icon" type="image/png" sizes="32x32" href="images/favicon.png"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff"> <!-- Bootstrap and Other Vendors --> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap-theme.min.css"> <link rel="stylesheet" href="css/bootstrap-datepicker.min.css"> <link rel="stylesheet" href="css/jquery.fancybox.min.css" /> <link rel="stylesheet" href="css/jquery-ui.css"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link rel="stylesheet" href="css/fontawesome-all.min.css"> <link rel="stylesheet" href="vendors/owl.carousel/css/owl.carousel.min.css"> <link rel="stylesheet" type="text/css" href="vendors/flexslider/flexslider.css" media="screen" /> <!-- Fonts --> <link href="https://fonts.googleapis.com/css2?family=Domine:wght@400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <!-- Styles --> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/responsive.css"> </head> <body class="home-2"> <!-- Back to top button --> <a href="#" id="back-to-top" title="Back to top">↑</a> <div class="innerLayout"> <!-- Header inclusion --> <?php require('header.php') ?> <!-- Fetching gallery items from the database --> <?php include 'config.php'; // Database connection file // Fetch gallery items from the database $query = "SELECT name, image, category FROM gallery"; $result = mysqli_query($conn, $query); ?> <!-- Breadcrumb section --> <section id="breadcrumbRow" class="row"> <h2>Photo gallery</h2> <div class="row pageTitle m0"> <div class="container"> <h4 class="fleft">Photo gallery</h4> <ul class="breadcrumb"> <li><a href="index-2.html">home</a></li> <li class="active">Photo gallery</li> </ul> </div> </div> </section> <!-- Gallery section --> <section id="gallery_section" class="row contentRowPad"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="portfolio_nav"> <div class="portfolio_menu"> <!-- Filter options for the gallery --> <ul class="menu-filtering"> <li class="current_menu_item" data-filter="*">All</li> <li data-filter=".our-members">Our Members</li> <li data-filter=".precious-jewelleries">Precious Jewelleries</li> <!-- Updated to match the database category --> </ul> </div> </div> </div> </div> <!-- Displaying gallery images --> <div class="row image_load"> <?php // Display gallery items if there are any if (mysqli_num_rows($result) > 0) { while ($row = mysqli_fetch_assoc($result)) { // Convert category to lowercase and replace spaces with hyphens for consistency with the filters $category = strtolower(str_replace(' ', '-', $row['category'])); $image = $row['image']; $name = $row['name']; ?> <!-- Each gallery item --> <div class="col-lg-3 col-sm-6 col-xs-12 grid-item <?php echo $category; ?>"> <!-- Class matches the filter --> <div class="galleryBox"> <a href="newadminpc/uploads/<?php echo $image; ?>" data-fancybox data-caption="Single image"> <img src="newadminpc/uploads/<?php echo $image; ?>" alt="gallery_img" /> </a> <div class="galleryInfo"> <h5><i class="fas fa-user-circle"></i> <?php echo $name; ?></h5> </div> </div> </div> <?php } } else { echo "<p>No images found in the gallery.</p>"; } ?> </div> </div> </section> <?php // Close the database connection mysqli_close($conn); ?> <!-- Social Media Section --> <section class="social_sec"> <div class="social_div"> <ul class="sociallist"> <li><a href="https://www.facebook.com/newpcjewellersslg01"> <img src="images/icons/facebook.png" alt="social-icon"> </a></li> <li><a href="https://www.instagram.com/newpcjewellerssiliguri/"> <img src="images/icons/instagram.png" alt="social-icon"> </a></li> </ul> </div> <div class="whatsapp_Div"> <a class="video-vemo-icon" href="https://api.whatsapp.com/send/?phone=919734355000"><img src="images/icons/whatsapp.png"></a> </div> </section> <!-- Footer inclusion --> <?php require('footer.php') ?> </div> <!-- Modal for Login --> <div class="modal fade" id="LoginModal" tabindex="-1" role="dialog" aria-labelledby="LoginModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <div class="modal-body"> <div class="accountDiv row"> <div class="col-6"> <div class="accountInfo"> <h3>Hello, Friend!</h3> <p>Enter your personal details to start your journey with us.</p> <a href="#" class="btn btn-primary">Sign up</a> </div> </div> <div class="col-6"> <div class="accountForm"> <form action="#" method="POST"> <div class="input-group"> <input type="tel" name="" maxlength="10" placeholder="Enter Mobile Number"> </div> </form> </div> </div> </div> </div> </div> </div> </div> <!-- JS Libraries --> <script src="js/jquery-2.1.3.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/bootstrap-datepicker.min.js"></script> <script src="js/jquery.fancybox.min.js"></script> <script src="js/jquery-ui.js"></script> <script src="js/popper.min.js"></script> <script src="js/zoom.js"></script> <!-- Owl Carousel --> <script src="vendors/owl.carousel/js/owl.carousel.min.js"></script> <!-- Isotope for filtering --> <script src="vendors/isotope/isotope-custom.js"></script> <script src="js/imagesloaded.pkgd.min.js"></script> <!-- FlexSlider --> <script src="vendors/flexslider/jquery.flexslider-min.js"></script> <!-- Custom JS --> <script src="js/regalia.js"></script> <!-- Facebook SDK --> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v11.0"></script> </body> </html>