MMCT TEAM
Server IP : 103.53.40.154  /  Your IP : 3.133.129.8
Web Server : Apache
System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64
User : ppcad7no ( 715)
PHP Version : 8.2.25
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON
Directory (0750) :  /home2/ppcad7no/activesports.co.in/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home2/ppcad7no/activesports.co.in/certificate.php
<?php include_once "admin/config.php";?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Acrylic Courts & Wood Court Services Provider in Delhi</title>
    <meta name="description" content="Are you looking for the best solutions service for your acrylic courts?  We're India's favorite independent wood court solutions provide.">
    <?php include 'top-link.php';?>
    <style>
    .lightbox {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 999;
    }
    
    .lightbox img {
        max-width: 90%;
        max-height: 90%;
        object-fit: contain;
    }
    
    .lightbox .close-button {
        position: absolute;
        top: 10px;
        right: 10px;
        background-color: transparent;
        border: none;
        color: #fff;
        font-size: 18px;
        cursor: pointer;
    }
   </style>
</head>
<body>
<?php include 'header.php';?>
    <!-- breadcrumb area -->
    <div class="breadcrumb-area breadcrumb-padding bg-img" style="background-image:url(<?php echo $wspath?>assets/images/bg/bg-3.jpg)">
        <div class="container">
            <div class="breadcrumb-content text-center">
                <h2>CERTIFICATES</h2>
                <ul>
                    <li><a href="<?php echo $wspath?>">Home</a></li>
                    <li><i class="fa fa-angle-right"></i></li>
                    <li>Certificate</li>
                </ul>
            </div>
        </div>
    </div>
   <!-- Project area -->
    <div class="section section-padding">
        <div class="container">
            <div class="section-title text-center mb-lg-8 mb-md-6 mb-4">
                <h2 class="title">Our <span>Certificates</span></h2>
                <!--<p>To provide a better quality of life by designing eco-friendly structures with aesthetic sense.</p>-->
            </div>
            <div class="row row-cols-lg-3 row-cols-md-2 row-cols-sm-2 row-cols-1 mb-n6 grid">
                <?php 
                    $sqlcert = "SELECT * FROM `tbl_image`";
                    $runcert = mysqli_query($db,$sqlcert) or die("Query Not run");
                    while($datacert = mysqli_fetch_assoc($runcert)){
                ?>
                <div class="col mb-6 grid-item ">
                    <div class="project-wrap">
                        <div class="project-inner">
                            <a class="thumbnail" href="<?php echo $wspath?>admin/images/gallery/<?php echo $datacert['image']?>">
                                <img src="<?php echo $wspath?>admin/images/gallery/<?php echo $datacert['image']?>" alt="<?php echo $datacert['img_title']?>">
                            
                            <div class="project-content">
                                 <span class="category">Active Sports</span>
                            </div>
                            </a>
                        </div>
                    </div>
                        <h4 class="category text-center"><?php echo $datacert['img_title']?></h4>
                </div>
                <?php } ?>
            </div>
            <div class="project-btn mt-6 mt-md-8 mt-lg-10 text-center">
                <!-- Add your project button content here -->
            </div>
        </div>
    </div>
    <script>
        const thumbnails = document.querySelectorAll('.thumbnail');
        thumbnails.forEach(thumbnail => {
        thumbnail.addEventListener('click', function(e) {
        e.preventDefault();
        const imageUrl = this.getAttribute('href');
        const lightbox = document.createElement('div');
        lightbox.className = 'lightbox';
        const lightboxImage = document.createElement('img');
        lightboxImage.src = imageUrl;
        lightboxImage.alt = 'Zoomed Image';
        const closeButton = document.createElement('button');
        closeButton.className = 'close-button';
        closeButton.innerHTML = 'Close';
        lightbox.appendChild(lightboxImage);
        lightbox.appendChild(closeButton);
        document.body.appendChild(lightbox);
        closeButton.addEventListener('click', function() {
            document.body.removeChild(lightbox);
        });
        lightbox.addEventListener('click', function(e) {
            if (e.target === this) {
                document.body.removeChild(lightbox);
            }
        });
    });
    });
    </script>

    <?php
    //  include 'testimonial.php';
     ?>
<?php include 'footer.php';?>

MMCT - 2023