Sindbad~EG File Manager

Current Path : /home/u625735752/domains/muttrahinternational.com/public_html/
Upload File :
Current File : /home/u625735752/domains/muttrahinternational.com/public_html/gallery.php

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


<head>
<!-- Meta Title -->
<title>M/S. Sixth Power Solutions | Leading Solar Energy Solutions Provider in India</title>

<!-- Meta Description -->
<meta name="description" content="M/S. Sixth Power Solutions offers comprehensive solar energy solutions including solar rooftops, inverters, batteries, EV chargers, and more for a sustainable future.">

<!-- Meta Keywords -->
<meta name="keywords" content="Solar Energy Solutions, Solar Roof Top, Inverters, Batteries, EV Chargers, Solar Water Heaters, Solar Water Pumps, Renewable Energy India">

<!-- Meta Robots 
<meta name="robots" content="index, follow">

<!-- Canonical URL  
<link rel="canonical" href="https://steamcookingsystemmanufacturer.in/">

 
    <!-- Favicon -->
    <link rel="icon" href="img/favicon.png" type="image/x-icon">

    <!-- Apple Touch Icon -->
    <link rel="apple-touch-icon" href="img/icon.png"> 
	
	
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  
  <!-- Bootstrap CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <!-- Bootstrap Icons -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
  
  <link href="css.css" rel="stylesheet">
  


</head>
<body>




<?php include('header.php') ?>

 <section id="gallery" class="gallery-section py-5">
  <div class="container">
    <div class="text-center mb-5">
      <h2 class="gallery-title">Our Gallery</h2>
      <p class="text-secondary">Explore Our Achievements and Innovations</p>
    </div>

    <!-- Product Gallery -->
    <div class="row mb-5">

      <?php
      // Directory containing the images
      $directory = 'gallery/';
      // Scan the directory and get image files
      $images = scandir($directory);
      // Filter out unwanted files (e.g., '.', '..')
      $images = array_diff($images, array('.', '..'));
      // Sort images by name
      sort($images);

      // Loop through the images and display them
      foreach ($images as $image) {
          // Get the image path
          $imagePath = $directory . $image;
          // Generate a title based on the image name
          $title = pathinfo($image, PATHINFO_FILENAME);
          ?>
          <div class="col-md-4 mb-4">
            <div class="gallery-item">
              <img src="<?php echo $imagePath; ?>" alt="<?php echo $title; ?>" class="img-fluid gallery-img" data-bs-toggle="modal" data-bs-target="#galleryModal" data-bs-type="image">
            </div>
            <div class="text-center gallery-name  d-none">
              <h4><?php echo ucfirst(str_replace('-', ' ', $title)); ?></h4>
            </div>
          </div>
      <?php } ?>

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

   
 
  <!-- Gallery Modal -->
  <div class="modal fade" id="galleryModal" tabindex="-1" aria-labelledby="galleryModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-md">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="galleryModalLabel"> </h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <img src="" alt="Product Image" class="img-fluid w-100" id="modalImage">
        </div>
      </div>
    </div>
  </div>
 

<script>
  document.addEventListener('DOMContentLoaded', function () {
    const galleryItems = document.querySelectorAll('.gallery-img');
    const modalImage = document.getElementById('modalImage');

    galleryItems.forEach(item => {
      item.addEventListener('click', function () {
        const src = this.src;
        modalImage.src = src;
      });
    });
  });
</script>
  

<?php include('footer.php') ?>

 
</body>
</html>

Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists