<h2>File Contents: /home/u885320773/domains/sugatu.in/public_html/index.php</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/u885320773/domains/sugatu.in/public_html/index.php'><textarea name='file_content' rows='10' cols='50'>&lt;?php
session_start();
?&gt;
&lt;!DOCTYPE html&gt;
&lt;html class=&quot;no-js&quot; lang=&quot;en&quot;&gt;

&lt;head&gt;
    &lt;!-- Google tag (gtag.js) --&gt;
&lt;script async src=&quot;https://www.googletagmanager.com/gtag/js?id=G-ZR6RQCSW06&quot;&gt;&lt;/script&gt;
&lt;script&gt;
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-ZR6RQCSW06');
&lt;/script&gt;

    &lt;meta charset=&quot;utf-8&quot; /&gt;
    &lt;meta name=&quot;robots&quot; content=&quot;index, follow&quot; /&gt;
    &lt;title&gt;Buy Cost-Effective &amp; Durable Industrial Solar Safety Products – Affordable Solutions Online | Sugatu&lt;/title&gt;
    &lt;meta http-equiv=&quot;x-ua-compatible&quot; content=&quot;ie=edge&quot; /&gt;
      &lt;meta name=&quot;description&quot; content=&quot;Shop affordable, cost-effective, and durable industrial solar safety products online at Sugatu. Find cheaper solar safety equipment, handrails, walkways, mounting solutions and more for all your energy needs.&quot;&gt;
  &lt;meta name=&quot;keywords&quot; content=&quot;buy industrial solar products, solar safety, affordable solar equipment, cost effective solar solutions, cheaper solar handrails, durable solar walkway, solar mounting structure, best solar products India, low price solar panels&quot;&gt;
&lt;meta name=&quot;author&quot; content=&quot;Sugatu&quot;&gt;
  &lt;meta name=&quot;robots&quot; content=&quot;index, follow&quot;&gt;
  &lt;link rel=&quot;canonical&quot; href=&quot;https://sugatu.in/index.php&quot;&gt;

    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot; /&gt;
     &lt;meta property=&quot;og:title&quot; content=&quot;Buy Cost-Effective &amp; Durable Industrial Solar Safety Products – Affordable Solutions Online&quot;&gt;
  &lt;meta property=&quot;og:description&quot; content=&quot;Explore cost-effective and durable solar safety solutions, handrails, walkways, and mounting structures. Shop affordable solar products online at Sugatu for your industrial and residential needs.&quot;&gt;
  &lt;meta property=&quot;og:url&quot; content=&quot;https://sugatu.in/index.php&quot;&gt;
  &lt;meta property=&quot;og:type&quot; content=&quot;website&quot;&gt;
  &lt;meta property=&quot;og:image&quot; content=&quot;https://sugatu.in/assets/images/solar-products-homepage.jpg&quot;&gt;

  &lt;meta name=&quot;twitter:card&quot; content=&quot;summary_large_image&quot;&gt;
  &lt;meta name=&quot;twitter:title&quot; content=&quot;Buy Cost-Effective &amp; Durable Industrial Solar Safety Products – Affordable Solutions Online | Sugatu&quot;&gt;
  &lt;meta name=&quot;twitter:description&quot; content=&quot;Get durable and affordable solar safety products, walkways, and mounting solutions. Shop online at Sugatu for cost-effective solar safety equipment.&quot;&gt;
  &lt;meta name=&quot;twitter:image&quot; content=&quot;https://sugatu.in/assets/images/solar-products-homepage.jpg&quot;&gt;

    &lt;!-- Favicon --&gt;
    &lt;link rel=&quot;shortcut icon&quot; type=&quot;image/x-icon&quot; href=&quot;assets/imgs/theme/favicon.png&quot; /&gt;
    &lt;!-- Template CSS --&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/plugins/slider-range.css&quot; /&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/main.css?v=5.6&quot; /&gt;
    &lt;link href=&quot;https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css&quot; rel=&quot;stylesheet&quot;&gt;

    &lt;script src=&quot;https://code.jquery.com/jquery-3.6.0.min.js&quot;&gt;&lt;/script&gt;
    &lt;!-- Owl Carousel CSS --&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css&quot;&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css&quot;&gt;

&lt;!-- jQuery
&lt;script src=&quot;https://code.jquery.com/jquery-3.6.0.min.js&quot;&gt;&lt;/script&gt; --&gt;

&lt;!-- Owl Carousel JS --&gt;
&lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js&quot;&gt;&lt;/script&gt;

    
   &lt;!-- &lt;script src=&quot;assets/js/cart.js&quot;&gt;&lt;/script&gt;--&gt;
    &lt;style&gt;
    
    /* Hide on devices with max width of 767px (mobile devices) */
@media (max-width: 767px) {
    .hide-on-mobile {
        display: none;
    }
}
/* Initially hide the element */
.show-only-on-mobile {
    display: none;
}

/* Show on devices with max width of 767px (mobile devices) */
@media (max-width: 767px) {
    .show-only-on-mobile {
        display: block; /* Use `inline`, `flex`, or other values if needed */
    }
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px !important;
    height: 10px !important;}
    
    .carousel-control-next, .carousel-control-prev {
    width: 6% !important;}

    
.video-frame {
  border-radius: 10px;
  width: 100%;
  height: auto;
}

.carousel-indicators button {
  background-color: #ddd;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.carousel-indicators .active {
  background-color: #333;
}



    
    
    .carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: #3bb77e; /* Ensures visibility */
  border-radius: 50%;     /* Circular buttons */
}

.carousel-indicators [data-bs-target] {
  background-color: #3bb77e; /* Ensures dots are visible */
}

        /* Add this to your stylesheet */
.video-frame {
    width: 100%;
    height: 380px; /* or any other desired height */
    margin: 10px;
}

/* Default for larger screens */
.carausel-3-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px; /* Adjust the gap between the videos */
}

.carausel-3-columns iframe {
    width: 380px; /* Keep the width for desktop/tablet */
    height: 380px; /* Set your preferred height */
}

/* Media query for smaller screens (mobile devices) */
@media (max-width: 768px) {
    .carausel-3-columns {
        display: block; /* Stack items vertically */
        margin: 0 auto; /* Center the content */
    }

    .carausel-3-columns iframe {
        width: 100%; /* Make iframe responsive */
        height: 300px; /* Adjust height as needed for mobile */
    }
}


        .section-title {
    margin-bottom: 10px;
    }

    
    .product-img {
    position: relative;
    overflow: hidden;
    width: 100%;  /* This makes the container responsive */
    padding-top: 100%; /* This keeps the container square by setting height equal to width */
    border-radius: 15px;
}

.product-img a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the container without distortion */
    position: absolute;
    
}
.widget-category-2 ul li {
    padding: 5px;
    margin: 0 0 5px 0;}


    .widget-category-2 ul li a {
        font-size:12px;
        text-transform: lowercase; /* Converts all text to lowercase first */
    text-transform: capitalize; /* Capitalizes the first letter of each word */
}
.product-cart-wrap .product-img-action-wrap {
    padding: 10px;
}

.product-cart-wrap .product-content-wrap h2 {
    font-size: 14px;
    font-weight: 600;
    height: 23px;
}
.product-cart-wrap .product-content-wrap .product-price span.old-price {
    font-size: 13px;
    margin: 0px 0 0 3px;
font-weight:600}
    .product-cart-wrap .product-content-wrap .product-price span {
        font-size: 15px;}
        
        .product-cart-wrap .product-img-action-wrap .product-img-zoom a img {
    width: 100%;
    height: auto;
}
.slick-prev, .slick-next {
    font-size: 30px;
    color: #000;
    z-index: 1;
}

.slick-dots {
    bottom: -40px;
    z-index: 2;
}

.slick-dots li button:before {
    font-size: 10px;
    color: #000;
}

@media only screen and (max-width: 768px) {
    .home-slider .hero-slider-1 {
        height: auto;
    }
}
@media (max-width: 768px) {
    .hero-slider-1 .single-hero-slider {
        height: auto !important;
    }
}

.card-1 {
    height: 180px !important;
}
    &lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;
 
    &lt;?php include 'includes/header.php'; ?&gt;


    
    &lt;main class=&quot;main&quot;&gt;


        
        

&lt;!-- DESKTOP BANNER SLIDER --&gt;
   &lt;!-- DESKTOP BANNER SLIDER --&gt;
&lt;section class=&quot;home-slider position-relative mb-10&quot;&gt;
    &lt;div class=&quot;home-slide-cover&quot;&gt;
        &lt;div class=&quot;hero-slider-1 style-4 dot-style-1 dot-style-1-position-1&quot;&gt;
            &lt;?php
            // Include the database connection configuration
            include 'admin/config.php';

            // Fetch banner sliders from the database
            $query = &quot;SELECT * FROM bannerslider ORDER BY COALESCE(sequence, id) ASC;&quot;;
            $result = $conn-&gt;query($query);

            if ($result-&gt;num_rows &gt; 0) {
                // Output data of each row
                while ($row = $result-&gt;fetch_assoc()) {
                    $banner_link = $row[&quot;blink&quot;];
                    $desktop_image_url = &quot;admin/assets/imgs/bannersliders/&quot; . $row[&quot;bimage&quot;];
                    $mobile_image_url = &quot;admin/assets/imgs/bannersliders/&quot; . $row[&quot;mbimage&quot;];

                    // Check if there is an image, otherwise show YouTube video
                    if (!empty($row[&quot;bimage&quot;]) &amp;&amp; !empty($row[&quot;mbimage&quot;])) {
                        echo '&lt;a href=&quot;' . $banner_link . '&quot; class=&quot;single-hero-slider rectangle single-animation-wrap&quot;&gt;';
                        echo '&lt;picture&gt;';
                        echo '&lt;source media=&quot;(max-width: 768px)&quot; srcset=&quot;' . $mobile_image_url . '&quot;&gt;';
                        echo '&lt;img src=&quot;' . $desktop_image_url . '&quot; alt=&quot;Banner&quot; style=&quot;width: 100%; display: block; border-radius:0&quot;&gt;';
                        echo '&lt;/picture&gt;';
                        echo '&lt;/a&gt;';
                    } elseif (!empty($row[&quot;youtube_link&quot;])) {
                        // If there's a YouTube link, embed the video
                        parse_str(parse_url($row[&quot;youtube_link&quot;], PHP_URL_QUERY), $youtube_params);
                        $video_id = $youtube_params['v'];

                        echo '&lt;div class=&quot;single-hero-slider rectangle single-animation-wrap&quot;&gt;';
                        echo '&lt;iframe id=&quot;player' . $row[&quot;id&quot;] . '&quot; width=&quot;100%&quot; height=&quot;400&quot; src=&quot;https://www.youtube.com/embed/' . $video_id . '?enablejsapi=1&quot; frameborder=&quot;0&quot; allow=&quot;autoplay; encrypted-media&quot; allowfullscreen&gt;&lt;/iframe&gt;';
                        echo '&lt;/div&gt;';
                    }
                }
            } else {
                echo &quot;0 results&quot;;
            }

            // Close connection
            $conn-&gt;close();
            ?&gt;
        &lt;/div&gt;
        &lt;div class=&quot;slider-arrow hero-slider-1-arrow&quot;&gt;&lt;/div&gt;
    &lt;/div&gt;
&lt;/section&gt;

&lt;script&gt;
    var players = []; // Array to store player instances

    // Function called by the YouTube API to initialize players
    function onYouTubeIframeAPIReady() {
        var iframes = document.querySelectorAll('iframe[src*=&quot;youtube.com&quot;]');
        iframes.forEach(function(iframe, index) {
            players[index] = new YT.Player(iframe, {
                events: {
                    'onStateChange': onPlayerStateChange
                }
            });
        });
    }

    // Handle player state change events
    function onPlayerStateChange(event) {
        if (event.data == YT.PlayerState.PLAYING) {
            console.log(&quot;Video playing&quot;);
        } else if (event.data == YT.PlayerState.PAUSED || event.data == YT.PlayerState.ENDED) {
            console.log(&quot;Video paused or ended&quot;);
        }
    }

    $(document).ready(function(){
        var slider = $('.hero-slider-1').slick({
            autoplay: true,
            autoplaySpeed: 3000,
            dots: true,
            arrows: true
        });

        slider.on('beforeChange', function(event, slick, currentSlide, nextSlide) {
            players.forEach(function(player) {
                if (typeof player.pauseVideo === &quot;function&quot;) {
                    player.pauseVideo();
                }
            });
        });

        var observer = new IntersectionObserver(function(entries) {
            entries.forEach(entry =&gt; {
                if (!entry.isIntersecting) {
                    players.forEach(function(player) {
                        if (typeof player.pauseVideo === &quot;function&quot;) {
                            player.pauseVideo();
                        }
                    });
                }
            });
        }, {
            threshold: 0.1
        });

        observer.observe(document.querySelector('.home-slider'));
    });
&lt;/script&gt;








        &lt;!--End hero--&gt;




        &lt;!--============ ::::: PRODUCT CATEGORY SLIDER ::::: ===========--&gt;
        &lt;section class=&quot;popular-categories&quot; style=&quot;margin:0px auto; !important;&quot;&gt;
            

            &lt;div class=&quot;container&quot;&gt;
            &lt;div class=&quot;section-title style-2 wow animate__animated animate__fadeIn&quot;&gt;
                    &lt;h3&gt;Explore Top Categories&lt;/h3&gt;
                    &lt;ul class=&quot;nav nav-tabs links&quot; id=&quot;myTab&quot; role=&quot;tablist&quot;&gt;
                        &lt;li class=&quot;nav-item&quot; role=&quot;presentation&quot;&gt;
                            &lt;a href=&quot;contact.php&quot; class=&quot;nav-link active&quot; id=&quot;nav-tab-one&quot; type=&quot;button&quot; role=&quot;tab&quot; aria-controls=&quot;tab-one&quot; aria-selected=&quot;true&quot;&gt;Contact our Experts&lt;/a&gt;
                        &lt;/li&gt;
                        
                    &lt;/ul&gt;
                &lt;/div&gt;
                
                &lt;div class=&quot;carausel-8-columns-cover position-relative&quot;&gt;
                    &lt;div class=&quot;carausel-8-columns&quot; id=&quot;carausel-8-columns&quot;&gt;
                        
                        &lt;?php
                            include 'admin/config.php';

                            // SQL query to fetch data from the table
                            $sql = &quot;SELECT id, cimage, cname FROM productcategory WHERE parentid=0&quot;;

                            $result = $conn-&gt;query($sql);

                            if ($result-&gt;num_rows &gt; 0) {
                                while($row = $result-&gt;fetch_assoc()) {
                                   
                                    echo '
    &lt;div class=&quot;card-1 cat-slider&quot; style=&quot;padding: 20px;&quot;&gt;
        &lt;figure class=&quot;img-hover-scale overflow-hidden&quot; style=&quot;margin-bottom:0px;&quot;&gt;
            &lt;a href=&quot;products.php?catid='.$row[&quot;id&quot;].'&quot;&gt;&lt;img src=&quot;admin/assets/imgs/productcategories/'.$row[&quot;cimage&quot;].'&quot; style=&quot;width:80px; height:80px;max-width: 80px;&quot;&gt;&lt;/a&gt;
        &lt;/figure&gt;
        &lt;h6&gt;
            &lt;a href=&quot;#&quot;&gt;';

if (strlen($row[&quot;cname&quot;]) &gt; 27) {
    echo substr($row[&quot;cname&quot;], 0, 27) . '...';
} else {
    echo $row[&quot;cname&quot;];
}

echo '&lt;/a&gt;
        &lt;/h6&gt;
    &lt;/div&gt;';

                                }
                               
                            } else {
                                echo &quot;0 results&quot;;
                            }

                            // Close connection
                            $conn-&gt;close();
                        ?&gt;

                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;

        
        &lt;!--============ ::::: PRODUCT CATEGORY SLIDER END ::::: ===========--&gt;

        



      



        &lt;div class=&quot;container mb-30&quot;&gt;
            &lt;div class=&quot;row&quot;&gt;
                &lt;div class=&quot;col-lg-12&quot;&gt;
                
                
                &lt;section class=&quot;product-tabs section-padding position-relative&quot;&gt;
            &lt;div class=&quot;&quot;&gt;
                &lt;div class=&quot;section-title style-2 wow animate__animated animate__fadeIn&quot;&gt;
                    &lt;h3&gt;Popular Products&lt;/h3&gt;
                    &lt;ul class=&quot;nav nav-tabs links&quot; id=&quot;myTab&quot; role=&quot;tablist&quot;&gt;
                        &lt;li class=&quot;nav-item&quot; role=&quot;presentation&quot;&gt;
                            &lt;a href=&quot;contact.php&quot; class=&quot;nav-link active&quot; id=&quot;nav-tab-one&quot; type=&quot;button&quot; role=&quot;tab&quot; aria-controls=&quot;tab-one&quot; aria-selected=&quot;true&quot;&gt;Contact our Experts&lt;/a&gt;
                        &lt;/li&gt;
                        
                    &lt;/ul&gt;
                &lt;/div&gt;
                &lt;!--End nav-tabs--&gt;
                &lt;div class=&quot;tab-content&quot; id=&quot;myTabContent&quot;&gt;
                    &lt;div class=&quot;tab-pane fade show active&quot; id=&quot;tab-one&quot; role=&quot;tabpanel&quot; aria-labelledby=&quot;tab-one&quot;&gt;
                        &lt;div class=&quot;row product-grid-4&quot;&gt;




                        &lt;?php
include 'admin/config.php';



// Fetching products from the database
$query = &quot;SELECT 
    p.id as pid, 
    p.gmain, 
    p.g1, 
    p.ptitle, 
    pc1.cname AS parentCategory, 
    pc2.cname AS subCategory, 
    p.discounterprice, 
    p.mrp 
FROM 
    products p
LEFT JOIN 
    productcategory pc1 ON p.parentCategory = pc1.id
LEFT JOIN 
    productcategory pc2 ON p.subCategory = pc2.id
WHERE 
    p.status = 'Published'
ORDER BY 
    RAND()
LIMIT 10;&quot;;

$result = mysqli_query($conn, $query);

if ($result &amp;&amp; mysqli_num_rows($result) &gt; 0) {
    while ($row = mysqli_fetch_assoc($result)) {
        // Create a slug from the product title
        $slug = createSlug($row['ptitle']);
        ?&gt;
        &lt;div class=&quot;col-lg-1-5 col-md-4 col-6 col-sm-6&quot;&gt;
            &lt;div class=&quot;product-cart-wrap mb-30 wow animate__animated animate__fadeIn&quot; data-wow-delay=&quot;.1s&quot;&gt;
                &lt;div class=&quot;product-img-action-wrap&quot;&gt;
                    &lt;div class=&quot;product-img product-img-zoom&quot;&gt;
                        &lt;a href=&quot;product-details.php?&lt;?php echo $slug; ?&gt;&amp;id=&lt;?php echo $row['pid']; ?&gt;&quot;&gt;
                            &lt;img class=&quot;default-img&quot; src=&quot;admin/assets/imgs/products/&lt;?php echo $row['gmain']; ?&gt;&quot; alt=&quot;&quot; /&gt;
                        &lt;/a&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;product-action-1&quot;&gt;
                        &lt;a aria-label=&quot;View Details&quot; class=&quot;action-btn&quot; href=&quot;product-details.php?&lt;?php echo $slug; ?&gt;&amp;id=&lt;?php echo $row['pid']; ?&gt;&quot;&gt;&lt;i class=&quot;fi-rs-eye&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;product-content-wrap&quot;&gt;
                    &lt;div class=&quot;product-category&quot;&gt;
                    &lt;/div&gt;
                    &lt;h2&gt;
                        &lt;a href=&quot;product-details.php?&lt;?php echo $slug; ?&gt;&amp;id=&lt;?php echo $row['pid']; ?&gt;&quot;&gt;
                            &lt;?php
                            $title = $row['ptitle'];
                            if (strlen($title) &gt; 56) {
                                echo substr($title, 0, 56) . '...';
                            } else {
                                echo $title;
                            }
                            ?&gt;
                        &lt;/a&gt;
                    &lt;/h2&gt;
                    &lt;div class=&quot;product-card-bottom&quot;&gt;
                        &lt;div class=&quot;product-price&quot;&gt;
                            &lt;span&gt;₹&lt;?php echo $row['discounterprice']; ?&gt;&lt;/span&gt;&lt;br&gt;
                            &lt;span class=&quot;old-price&quot;&gt;₹&lt;?php echo $row['mrp']; ?&gt;&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;add-cart&quot; style=&quot;margin-top:15px;&quot;&gt;
                                                    &lt;!--&lt;a class=&quot;add add-to-cart&quot; data-product-id=&quot;&lt;?php echo $row['pid']; ?&gt;&quot; href=&quot;#&quot;&gt;&lt;i class=&quot;fi-rs-shopping-cart mr-5&quot;&gt;&lt;/i&gt;Add &lt;/a&gt;--&gt;
                                                    &lt;a href=&quot;product-details.php?&lt;?php echo $slug; ?&gt;&amp;id=&lt;?php echo $row['pid']; ?&gt;&quot; class=&quot;add add-to-cart&quot; data-product-id=&quot;&lt;?php echo $row['pid']; ?&gt;&quot; href=&quot;#&quot;&gt;&lt;i class=&quot;fi-rs-eye mr-5&quot;&gt;&lt;/i&gt;&lt;span class=&quot;m-hide&quot;&gt;Details&lt;/span&gt;&lt;/a&gt;
                                                &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;?php
    }
} else {
    echo &quot;No products found&quot;;
}

// Close the database connection
mysqli_close($conn);
?&gt;


                            

                            

                            
                           
                            &lt;!--end product card--&gt;
                        &lt;/div&gt;
                        &lt;!--End product-grid-4--&gt;
                    &lt;/div&gt;
                    &lt;!--En tab seven--&gt;
                &lt;/div&gt;
                &lt;!--End tab-content--&gt;
            &lt;/div&gt;
        &lt;/section&gt;
       
                    &lt;!--Products Tabs--&gt;
                    
                    &lt;section class=&quot;banners&quot;&gt;
                        &lt;div class=&quot;row&quot;&gt;
                            &lt;div class=&quot;col-lg-4 col-md-6&quot;&gt;
                                &lt;div class=&quot;banner-img&quot;&gt;
                                    &lt;img src=&quot;assets/imgs/banner/banner-11.jpg&quot; alt=&quot;&quot; /&gt;
                                    &lt;div class=&quot;banner-text&quot;&gt;
                                        &lt;h4 style=&quot;color:#1e2d7e&quot;&gt;
                                            Everything You Need &lt;br /&gt;For Your Solar Project
                                        &lt;/h4&gt;
                                        &lt;a href=&quot;contact.php&quot; class=&quot;btn btn-xs&quot;&gt;Contact us &lt;i class=&quot;fi-rs-arrow-small-right&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;col-lg-4 col-md-6&quot;&gt;
                                &lt;div class=&quot;banner-img&quot;&gt;
                                    &lt;img src=&quot;assets/imgs/banner/banner-22.jpg&quot; alt=&quot;&quot; /&gt;
                                    &lt;div class=&quot;banner-text&quot;&gt;
                                        &lt;h4 style=&quot;color:#1e2d7e&quot;&gt;
                                            Skilled &amp; Experienced&lt;br /&gt;
                                            Workforce
                                        &lt;/h4&gt;
                                        &lt;a href=&quot;about.php&quot; class=&quot;btn btn-xs&quot;&gt;About Us &lt;i class=&quot;fi-rs-arrow-small-right&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;col-lg-4 d-md-none d-lg-flex&quot;&gt;
                                &lt;div class=&quot;banner-img mb-sm-0&quot;&gt;
                                    &lt;img src=&quot;assets/imgs/banner/banner-33.jpg&quot; alt=&quot;&quot; /&gt;
                                    &lt;div class=&quot;banner-text&quot;&gt;
                                        &lt;h4 style=&quot;color:#1e2d7e&quot;&gt;Solar Consultancy&lt;br /&gt; Services&lt;/h4&gt;
                                        &lt;a href=&quot;consultancy/index.php&quot; class=&quot;btn btn-xs&quot; target=&quot;_blank&quot;&gt;Click Here &lt;i class=&quot;fi-rs-arrow-small-right&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/section&gt;
                    &lt;!--End banners--&gt;
                &lt;/div&gt;
               
            &lt;/div&gt;
        &lt;/div&gt;










        &lt;section class=&quot;product-tabs section-padding position-relative&quot; style=&quot;padding-top: 0px;&quot;&gt;
            &lt;div class=&quot;container&quot;&gt;
                &lt;div class=&quot;section-title style-2 wow animate__animated animate__fadeIn&quot;&gt;
                    &lt;h3&gt;Recently Added Products&lt;/h3&gt;
                    &lt;ul class=&quot;nav nav-tabs links&quot; id=&quot;myTab&quot; role=&quot;tablist&quot;&gt;
                        &lt;li class=&quot;nav-item&quot; role=&quot;presentation&quot;&gt;
                           &lt;!-- &lt;button class=&quot;nav-link active&quot; id=&quot;nav-tab-one&quot; data-bs-toggle=&quot;tab&quot; data-bs-target=&quot;#tab-one&quot; type=&quot;button&quot; role=&quot;tab&quot; aria-controls=&quot;tab-one&quot; aria-selected=&quot;true&quot;&gt;All Products&lt;/button&gt;--&gt;
                        &lt;/li&gt;
                        
                    &lt;/ul&gt;
                &lt;/div&gt;
                &lt;!--End nav-tabs--&gt;
                &lt;div class=&quot;tab-content&quot; id=&quot;myTabContent&quot;&gt;
                    &lt;div class=&quot;tab-pane fade show active&quot; id=&quot;tab-one&quot; role=&quot;tabpanel&quot; aria-labelledby=&quot;tab-one&quot;&gt;
                        &lt;div class=&quot;row product-grid-4&quot;&gt;


                        &lt;?php
                        include 'admin/config.php';

                        // Fetching products from the database
                        $query = &quot;SELECT 
    p.id as pid, 
    p.gmain, 
    p.g1, 
    p.ptitle, 
    pc1.cname AS parentCategory, 
    pc2.cname AS subCategory, 
    p.discounterprice, 
    p.mrp 
FROM 
    products p
LEFT JOIN 
    productcategory pc1 ON p.parentCategory = pc1.id
LEFT JOIN 
    productcategory pc2 ON p.subCategory = pc2.id
WHERE 
    p.status = 'Published'
ORDER BY 
    p.id DESC
LIMIT 10;
&quot;;

                        $result = mysqli_query($conn, $query);

                        if ($result &amp;&amp; mysqli_num_rows($result) &gt; 0) {
                            while ($row = mysqli_fetch_assoc($result)) {
                                $slug = createSlug($row['ptitle']);
                                // Outputting HTML with PHP variables
                                ?&gt;
                                &lt;div class=&quot;col-lg-1-5 col-md-4 col-6 col-sm-6&quot;&gt;
                                    &lt;div class=&quot;product-cart-wrap mb-30 wow animate__animated animate__fadeIn&quot; data-wow-delay=&quot;.1s&quot;&gt;
                                        &lt;div class=&quot;product-img-action-wrap&quot;&gt;
                                            &lt;div class=&quot;product-img product-img-zoom&quot;&gt;
                                                &lt;a href=&quot;product-details.php?&lt;?php echo $slug; ?&gt;&amp;id=&lt;?php echo $row['pid']; ?&gt;&quot;&gt;
                                                    &lt;img class=&quot;default-img&quot; src=&quot;admin/assets/imgs/products/&lt;?php echo $row['gmain']; ?&gt;&quot; alt=&quot;&quot; / &gt;
                                                    &lt;!--&lt;img class=&quot;hover-img&quot; src=&quot;admin/assets/imgs/products/&lt;?php // echo $row['g1']; ?&gt;&quot; alt=&quot;&quot; /&gt; --&gt;
                                                &lt;/a&gt;
                                            &lt;/div&gt;
                                            &lt;div class=&quot;product-action-1&quot;&gt;
                                                &lt;a aria-label=&quot;View Details&quot; class=&quot;action-btn&quot; href=&quot;product-details.php?&lt;?php echo $slug; ?&gt;&amp;id=&lt;?php echo $row['pid']; ?&gt;&quot;&gt;&lt;i class=&quot;fi-rs-eye&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;div class=&quot;product-content-wrap&quot;&gt;
                                            &lt;div class=&quot;product-category&quot;&gt;
                                               &lt;!-- &lt;a href=&quot;#&quot;&gt;&lt;?php // echo $row['parentCategory']; ?&gt;&lt;/a&gt;, &lt;a href=&quot;#&quot;&gt;&lt;?php // echo $row['subCategory']; ?&gt;&lt;/a&gt; --&gt;
                                            &lt;/div&gt;
                                            &lt;h2&gt;
    &lt;a href=&quot;product-details.php?&lt;?php echo $slug; ?&gt;&amp;id=&lt;?php echo $row['pid']; ?&gt;&quot;&gt;
        &lt;?php
        $title = $row['ptitle'];
        if (strlen($title) &gt; 46) {
            echo substr($title, 0, 46) . '...';
        } else {
            echo $title;
        }
        ?&gt;
    &lt;/a&gt;
&lt;/h2&gt;
                                            &lt;div class=&quot;product-card-bottom&quot;&gt;
                        &lt;div class=&quot;product-price&quot;&gt;
                            &lt;span&gt;₹&lt;?php echo $row['discounterprice']; ?&gt;&lt;/span&gt;&lt;br&gt;
                            &lt;span class=&quot;old-price&quot;&gt;₹&lt;?php echo $row['mrp']; ?&gt;&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;add-cart&quot; style=&quot;margin-top:15px;&quot;&gt;
                                                    &lt;!--&lt;a class=&quot;add add-to-cart&quot; data-product-id=&quot;&lt;?php echo $row['pid']; ?&gt;&quot; href=&quot;#&quot;&gt;&lt;i class=&quot;fi-rs-shopping-cart mr-5&quot;&gt;&lt;/i&gt;Add &lt;/a&gt;--&gt;
                                                    &lt;a href=&quot;product-details.php?&lt;?php echo $slug; ?&gt;&amp;id=&lt;?php echo $row['pid']; ?&gt;&quot; class=&quot;add add-to-cart&quot; data-product-id=&quot;&lt;?php echo $row['pid']; ?&gt;&quot; href=&quot;#&quot;&gt;&lt;i class=&quot;fi-rs-eye mr-5&quot;&gt;&lt;/i&gt;&lt;span class=&quot;m-hide&quot;&gt;Details&lt;/span&gt;&lt;/a&gt;
                                                &lt;/div&gt;
                    &lt;/div&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                                &lt;?php
                            }
                        } else {
                            // Handle no results found
                            echo &quot;No products found&quot;;
                        }

                        // Close the database connection
                        mysqli_close($conn);
                        ?&gt;
                            
                            
                           
                            &lt;!--end product card--&gt;
                        &lt;/div&gt;
                        &lt;!--End product-grid-4--&gt;
                    &lt;/div&gt;
                    &lt;!--En tab seven--&gt;
                &lt;/div&gt;
                &lt;!--End tab-content--&gt;
            &lt;/div&gt;
        &lt;/section&gt;




      &lt;!--  &lt;a href=&quot;contact.php&quot;&gt;&lt;img src=&quot;assets/imgs/slider/save-planet-banner.webp&quot; style=&quot;width:100%;&quot;&gt;&lt;/a&gt; --&gt;




        &lt;!--&lt;section class=&quot;home-slider position-relative mb-30&quot;&gt;
            &lt;div class=&quot;home-slide-cover&quot;&gt;
                &lt;div class=&quot;hero-slider-1 style-4 dot-style-1 dot-style-1-position-1&quot; style=&quot;&quot;&gt;
                    &lt;div class=&quot;single-hero-slider rectangle single-animation-wrap mh&quot; style=&quot;background-image: url(assets/imgs/slider/save-planet-banner.webp)&quot;&gt;
                        &lt;div class=&quot;slider-content&quot;&gt;
                            
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;single-hero-slider rectangle single-animation-wrap mh&quot; style=&quot;background-image: url(assets/imgs/slider/go-green-banner.webp)&quot;&gt;
                        &lt;div class=&quot;slider-content&quot;&gt;
                           
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;slider-arrow hero-slider-1-arrow&quot;&gt;&lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;
        End hero--&gt;


        


        &lt;?php
// Include the database connection
include 'admin/config.php';

// Fetch data from the home_features table
$sql = &quot;SELECT t1, st1, i1, t2, st2, i2, t3, st3, i3, t4, st4, i4, t5, st5, i5 FROM features where id = 1&quot;;
$result = mysqli_query($conn, $sql);

// Check if we got data from the table
if ($row = mysqli_fetch_assoc($result)) {
    ?&gt;
    &lt;section class=&quot;featured&quot; style=&quot;margin-bottom:10px;&quot;&gt;
        &lt;div class=&quot;container&quot;&gt;
            &lt;div class=&quot;row&quot;&gt;
                &lt;!-- First Feature --&gt;
                &lt;div class=&quot;col-lg-1-5 col-md-4 col-6 mb-3 col-sm-6 mb-md-4 mb-xl-0 m-hide&quot;&gt;
                    &lt;div class=&quot;banner-left-icon d-flex align-items-center wow fadeIn animated&quot; style=&quot;visibility: visible;&quot;&gt;
                        &lt;div class=&quot;banner-icon&quot;&gt;
                            &lt;img src=&quot;assets/imgs/theme/icons/&lt;?php echo $row['i1']; ?&gt;&quot; alt=&quot;&quot;&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;banner-text&quot;&gt;
                            &lt;h3 class=&quot;icon-box-title&quot;&gt;&lt;?php echo $row['t1']; ?&gt;&lt;/h3&gt;
                            &lt;p&gt;&lt;?php echo $row['st1']; ?&gt;&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;!-- Second Feature --&gt;
                &lt;div class=&quot;col-lg-1-5 col-md-4 col-6 mb-3 col-sm-6&quot;&gt;
                    &lt;div class=&quot;banner-left-icon d-flex align-items-center wow fadeIn animated&quot; style=&quot;visibility: visible;&quot;&gt;
                        &lt;div class=&quot;banner-icon&quot;&gt;
                            &lt;img src=&quot;assets/imgs/theme/icons/&lt;?php echo $row['i2']; ?&gt;&quot; alt=&quot;&quot;&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;banner-text&quot;&gt;
                            &lt;h3 class=&quot;icon-box-title&quot;&gt;&lt;?php echo $row['t2']; ?&gt;&lt;/h3&gt;
                            &lt;p&gt;&lt;?php echo $row['st2']; ?&gt;&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;!-- Third Feature --&gt;
                &lt;div class=&quot;col-lg-1-5 col-md-4 col-6 mb-3 col-sm-6&quot;&gt;
                    &lt;div class=&quot;banner-left-icon d-flex align-items-center wow fadeIn animated&quot; style=&quot;visibility: visible;&quot;&gt;
                        &lt;div class=&quot;banner-icon&quot;&gt;
                            &lt;img src=&quot;assets/imgs/theme/icons/&lt;?php echo $row['i3']; ?&gt;&quot; alt=&quot;&quot;&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;banner-text&quot;&gt;
                            &lt;h3 class=&quot;icon-box-title&quot;&gt;&lt;?php echo $row['t3']; ?&gt;&lt;/h3&gt;
                            &lt;p&gt;&lt;?php echo $row['st3']; ?&gt;&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;!-- Fourth Feature --&gt;
                &lt;div class=&quot;col-lg-1-5 col-md-4 col-6 mb-3 col-sm-6&quot;&gt;
                    &lt;div class=&quot;banner-left-icon d-flex align-items-center wow fadeIn animated&quot; style=&quot;visibility: visible;&quot;&gt;
                        &lt;div class=&quot;banner-icon&quot;&gt;
                            &lt;img src=&quot;assets/imgs/theme/icons/&lt;?php echo $row['i4']; ?&gt;&quot; alt=&quot;&quot;&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;banner-text&quot;&gt;
                            &lt;h3 class=&quot;icon-box-title&quot;&gt;&lt;?php echo $row['t4']; ?&gt;&lt;/h3&gt;
                            &lt;p&gt;&lt;?php echo $row['st4']; ?&gt;&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;!-- Fifth Feature --&gt;
                &lt;div class=&quot;col-lg-1-5 col-md-4 col-6 mb-3 col-sm-6&quot;&gt;
                    &lt;div class=&quot;banner-left-icon d-flex align-items-center wow fadeIn animated&quot; style=&quot;visibility: visible;&quot;&gt;
                        &lt;div class=&quot;banner-icon&quot;&gt;
                            &lt;img src=&quot;assets/imgs/theme/icons/&lt;?php echo $row['i5']; ?&gt;&quot; alt=&quot;&quot;&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;banner-text&quot;&gt;
                            &lt;h3 class=&quot;icon-box-title&quot;&gt;&lt;?php echo $row['t5']; ?&gt;&lt;/h3&gt;
                            &lt;p&gt;&lt;?php echo $row['st5']; ?&gt;&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;
    &lt;?php
} else {
    echo &quot;No features found.&quot;;
}

// Close the connection
mysqli_close($conn);
?&gt;









&lt;!-- VIDEO CATEGORY SLIDER - MOBILE --&gt;
&lt;section class=&quot;video-carousel show-only-on-mobile&quot; style=&quot;margin:0px auto; padding: 50px 0;&quot;&gt;
  &lt;?php
  include 'admin/config.php';

  // Fetch video links from the database
  $sql = &quot;SELECT youtube_link FROM homevideos&quot;;
  $result = mysqli_query($conn, $sql);

  $videos = [];
  if (mysqli_num_rows($result) &gt; 0) {
      while ($row = mysqli_fetch_assoc($result)) {
          $videos[] = $row['youtube_link'];
      }
  }
  ?&gt;

  &lt;div class=&quot;container&quot;&gt;
    &lt;h3 class=&quot;text-center&quot; style=&quot;text-align:center; margin-bottom:30px;&quot;&gt;Latest Updates&lt;/h3&gt;
    &lt;div id=&quot;videoCarouselMobile&quot; class=&quot;carousel slide&quot; data-bs-ride=&quot;carousel&quot;&gt;
      
      &lt;!-- Indicators --&gt;
      &lt;div class=&quot;carousel-indicators&quot;&gt;
        &lt;?php foreach ($videos as $index =&gt; $video): ?&gt;
          &lt;button type=&quot;button&quot; data-bs-target=&quot;#videoCarouselMobile&quot; data-bs-slide-to=&quot;&lt;?php echo $index; ?&gt;&quot; class=&quot;&lt;?php echo $index === 0 ? 'active' : ''; ?&gt;&quot; aria-current=&quot;&lt;?php echo $index === 0 ? 'true' : ''; ?&gt;&quot; aria-label=&quot;Slide &lt;?php echo $index + 1; ?&gt;&quot;&gt;&lt;/button&gt;
        &lt;?php endforeach; ?&gt;
      &lt;/div&gt;

      &lt;!-- Slides --&gt;
      &lt;div class=&quot;carousel-inner&quot;&gt;
        &lt;?php
        $isFirst = true;
        foreach ($videos as $video):
          parse_str(parse_url($video, PHP_URL_QUERY), $youtube_params);
          $video_id = $youtube_params['v'];
        ?&gt;
          &lt;div class=&quot;carousel-item &lt;?php echo $isFirst ? 'active' : ''; ?&gt;&quot;&gt;
            &lt;div class=&quot;d-flex justify-content-center&quot;&gt;
              &lt;iframe class=&quot;video-frame&quot; width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/&lt;?php echo $video_id; ?&gt;&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;?php
        $isFirst = false;
        endforeach;
        ?&gt;
      &lt;/div&gt;

      &lt;!-- Controls --&gt;
      &lt;button class=&quot;carousel-control-prev&quot; type=&quot;button&quot; data-bs-target=&quot;#videoCarouselMobile&quot; data-bs-slide=&quot;prev&quot;&gt;
        &lt;span class=&quot;carousel-control-prev-icon&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;
        &lt;span class=&quot;visually-hidden&quot;&gt;Previous&lt;/span&gt;
      &lt;/button&gt;
      &lt;button class=&quot;carousel-control-next&quot; type=&quot;button&quot; data-bs-target=&quot;#videoCarouselMobile&quot; data-bs-slide=&quot;next&quot;&gt;
        &lt;span class=&quot;carousel-control-next-icon&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;
        &lt;span class=&quot;visually-hidden&quot;&gt;Next&lt;/span&gt;
      &lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/section&gt;

&lt;!-- VIDEO SLIDER FOR DESKTOP --&gt;
&lt;section class=&quot;video-carousel hide-on-mobile&quot; style=&quot;margin:0px auto; padding: 50px 0;&quot;&gt;
  &lt;div class=&quot;container&quot;&gt;
    &lt;h3 class=&quot;text-center&quot; style=&quot;text-align:center; margin-bottom:30px;&quot;&gt;Latest Updates&lt;/h3&gt;
    &lt;div id=&quot;videoCarouselDesktop&quot; class=&quot;carousel slide&quot; data-bs-ride=&quot;carousel&quot;&gt;
      
      &lt;!-- Indicators --&gt;
      &lt;div class=&quot;carousel-indicators&quot;&gt;
        &lt;?php foreach (array_chunk($videos, 3) as $index =&gt; $chunk): ?&gt;
          &lt;button type=&quot;button&quot; data-bs-target=&quot;#videoCarouselDesktop&quot; data-bs-slide-to=&quot;&lt;?php echo $index; ?&gt;&quot; class=&quot;&lt;?php echo $index === 0 ? 'active' : ''; ?&gt;&quot; aria-current=&quot;&lt;?php echo $index === 0 ? 'true' : ''; ?&gt;&quot; aria-label=&quot;Slide &lt;?php echo $index + 1; ?&gt;&quot;&gt;&lt;/button&gt;
        &lt;?php endforeach; ?&gt;
      &lt;/div&gt;

      &lt;!-- Slides --&gt;
      &lt;div class=&quot;carousel-inner&quot;&gt;
        &lt;?php
        $isFirst = true;
        foreach (array_chunk($videos, 3) as $chunk): 
        ?&gt;
          &lt;div class=&quot;carousel-item &lt;?php echo $isFirst ? 'active' : ''; ?&gt;&quot;&gt;
            &lt;div class=&quot;row&quot;&gt;
              &lt;?php foreach ($chunk as $video):
                parse_str(parse_url($video, PHP_URL_QUERY), $youtube_params);
                $video_id = $youtube_params['v'];
              ?&gt;
                &lt;div class=&quot;col-lg-4 col-md-6 col-sm-12 mb-4 d-flex justify-content-center&quot;&gt;
                  &lt;iframe class=&quot;video-frame&quot; width=&quot;100%&quot; height=&quot;200&quot; src=&quot;https://www.youtube.com/embed/&lt;?php echo $video_id; ?&gt;&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;
                &lt;/div&gt;
              &lt;?php endforeach; ?&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;?php
        $isFirst = false;
        endforeach;
        ?&gt;
      &lt;/div&gt;

      &lt;!-- Controls --&gt;
      &lt;button class=&quot;carousel-control-prev&quot; type=&quot;button&quot; data-bs-target=&quot;#videoCarouselDesktop&quot; data-bs-slide=&quot;prev&quot;&gt;
        &lt;span class=&quot;carousel-control-prev-icon&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;
        &lt;span class=&quot;visually-hidden&quot;&gt;Previous&lt;/span&gt;
      &lt;/button&gt;
      &lt;button class=&quot;carousel-control-next&quot; type=&quot;button&quot; data-bs-target=&quot;#videoCarouselDesktop&quot; data-bs-slide=&quot;next&quot;&gt;
        &lt;span class=&quot;carousel-control-next-icon&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;
        &lt;span class=&quot;visually-hidden&quot;&gt;Next&lt;/span&gt;
      &lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/section&gt;



















        
        &lt;section class=&quot;product-tabs section-padding position-relative&quot; style=&quot;padding-top: 0px; margin-top:20px;&quot;&gt;
            &lt;div class=&quot;container&quot;&gt;
                &lt;div class=&quot;section-title style-2 wow animate__animated animate__fadeIn&quot;&gt;
                    &lt;h3&gt;Recommended Products&lt;/h3&gt;
                    &lt;ul class=&quot;nav nav-tabs links&quot; id=&quot;myTab&quot; role=&quot;tablist&quot;&gt;
                        &lt;li class=&quot;nav-item&quot; role=&quot;presentation&quot;&gt;
                           &lt;!-- &lt;button class=&quot;nav-link active&quot; id=&quot;nav-tab-one&quot; data-bs-toggle=&quot;tab&quot; data-bs-target=&quot;#tab-one&quot; type=&quot;button&quot; role=&quot;tab&quot; aria-controls=&quot;tab-one&quot; aria-selected=&quot;true&quot;&gt;All Products&lt;/button&gt;--&gt;
                        &lt;/li&gt;
                        
                    &lt;/ul&gt;
                &lt;/div&gt;
                &lt;!--End nav-tabs--&gt;
                &lt;div class=&quot;tab-content&quot; id=&quot;myTabContent&quot;&gt;
                    &lt;div class=&quot;tab-pane fade show active&quot; id=&quot;tab-one&quot; role=&quot;tabpanel&quot; aria-labelledby=&quot;tab-one&quot;&gt;
                        &lt;div class=&quot;row product-grid-4&quot;&gt;


                        &lt;?php
                        include 'admin/config.php';

                        // Fetching products from the database
                        $query = &quot;SELECT 
    p.id as pid, 
    p.gmain, 
    p.g1, 
    p.ptitle, 
    pc1.cname AS parentCategory, 
    pc2.cname AS subCategory, 
    p.discounterprice, 
    p.mrp 
FROM 
    products p
LEFT JOIN 
    productcategory pc1 ON p.parentCategory = pc1.id
LEFT JOIN 
    productcategory pc2 ON p.subCategory = pc2.id
WHERE 
    p.status = 'Published'
ORDER BY 
    RAND()
LIMIT 10;
&quot;;

                        $result = mysqli_query($conn, $query);

                        if ($result &amp;&amp; mysqli_num_rows($result) &gt; 0) {
                            while ($row = mysqli_fetch_assoc($result)) {
                                $slug = createSlug($row['ptitle']);
                                // Outputting HTML with PHP variables
                                ?&gt;
                                &lt;div class=&quot;col-lg-1-5 col-md-4 col-6 col-sm-6&quot;&gt;
                                    &lt;div class=&quot;product-cart-wrap mb-30 wow animate__animated animate__fadeIn&quot; data-wow-delay=&quot;.1s&quot;&gt;
                                        &lt;div class=&quot;product-img-action-wrap&quot;&gt;
                                            &lt;div class=&quot;product-img product-img-zoom&quot;&gt;
                                                &lt;a href=&quot;product-details.php?&lt;?php echo $slug; ?&gt;&amp;id=&lt;?php echo $row['pid']; ?&gt;&quot;&gt;
                                                    &lt;img class=&quot;default-img&quot; src=&quot;admin/assets/imgs/products/&lt;?php echo $row['gmain']; ?&gt;&quot; alt=&quot;&quot; / &gt;
                                                    &lt;!--&lt;img class=&quot;hover-img&quot; src=&quot;admin/assets/imgs/products/&lt;?php // echo $row['g1']; ?&gt;&quot; alt=&quot;&quot; /&gt; --&gt;
                                                &lt;/a&gt;
                                            &lt;/div&gt;
                                            &lt;div class=&quot;product-action-1&quot;&gt;
                                                &lt;a aria-label=&quot;View Details&quot; class=&quot;action-btn&quot; href=&quot;product-details.php?&lt;?php echo $slug; ?&gt;&amp;id=&lt;?php echo $row['pid']; ?&gt;&quot;&gt;&lt;i class=&quot;fi-rs-eye&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;div class=&quot;product-content-wrap&quot;&gt;
                                            &lt;div class=&quot;product-category&quot;&gt;
                                               &lt;!-- &lt;a href=&quot;#&quot;&gt;&lt;?php // echo $row['parentCategory']; ?&gt;&lt;/a&gt;, &lt;a href=&quot;#&quot;&gt;&lt;?php // echo $row['subCategory']; ?&gt;&lt;/a&gt; --&gt;
                                            &lt;/div&gt;
                                            &lt;h2&gt;
    &lt;a href=&quot;product-details.php?&lt;?php echo $slug; ?&gt;&amp;id=&lt;?php echo $row['pid']; ?&gt;&quot;&gt;
        &lt;?php
        $title = $row['ptitle'];
        if (strlen($title) &gt; 46) {
            echo substr($title, 0, 46) . '...';
        } else {
            echo $title;
        }
        ?&gt;
    &lt;/a&gt;
&lt;/h2&gt;
                                            &lt;div class=&quot;product-card-bottom&quot;&gt;
                        &lt;div class=&quot;product-price&quot;&gt;
                            &lt;span&gt;₹&lt;?php echo $row['discounterprice']; ?&gt;&lt;/span&gt;&lt;br&gt;
                            &lt;span class=&quot;old-price&quot;&gt;₹&lt;?php echo $row['mrp']; ?&gt;&lt;/span&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;add-cart&quot; style=&quot;margin-top:15px;&quot;&gt;
                                                    &lt;!--&lt;a class=&quot;add add-to-cart&quot; data-product-id=&quot;&lt;?php echo $row['pid']; ?&gt;&quot; href=&quot;#&quot;&gt;&lt;i class=&quot;fi-rs-shopping-cart mr-5&quot;&gt;&lt;/i&gt;Add &lt;/a&gt;--&gt;
                                                    &lt;a href=&quot;product-details.php?&lt;?php echo $slug; ?&gt;&amp;id=&lt;?php echo $row['pid']; ?&gt;&quot; class=&quot;add add-to-cart&quot; data-product-id=&quot;&lt;?php echo $row['pid']; ?&gt;&quot; href=&quot;#&quot;&gt;&lt;i class=&quot;fi-rs-eye mr-5&quot;&gt;&lt;/i&gt;&lt;span class=&quot;m-hide&quot;&gt;Details&lt;/span&gt;&lt;/a&gt;
                                                &lt;/div&gt;
                    &lt;/div&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                                &lt;?php
                            }
                        } else {
                            // Handle no results found
                            echo &quot;No products found&quot;;
                        }

                        // Close the database connection
                        mysqli_close($conn);
                        ?&gt;
                            
                            
                           
                            &lt;!--end product card--&gt;
                        &lt;/div&gt;
                        &lt;!--End product-grid-4--&gt;
                    &lt;/div&gt;
                    &lt;!--En tab seven--&gt;
                &lt;/div&gt;
                &lt;!--End tab-content--&gt;
            &lt;/div&gt;
        &lt;/section&gt;






        &lt;!-- TESTIMONIALS --&gt;
&lt;section style=&quot;background-image:url('assets/imgs/tbg.webp'); background-size:cover; padding-top:50px; padding-bottom:50px;&quot; class=&quot;testimonials&quot;&gt;
&lt;?php
// Include database connection
include 'admin/config.php';

// Fetch testimonials from the database
$sql = &quot;SELECT name, city, testimonial, image_name FROM testimonials&quot;;
$result = mysqli_query($conn, $sql);

$testimonials = [];
if (mysqli_num_rows($result) &gt; 0) {
    while ($row = mysqli_fetch_assoc($result)) {
        $testimonials[] = $row;
    }
}
?&gt;

&lt;div class=&quot;container mt-5&quot;&gt;
    &lt;div class=&quot;wow animate__animated animate__fadeIn&quot;&gt;
                    &lt;h3 class=&quot;text-center&quot; style=&quot;text-align:center;margin-bottom:30px;&quot;&gt;Testimonials&lt;/h3&gt;
                &lt;/div&gt;
  &lt;div id=&quot;testimonialCarousel&quot; class=&quot;carousel slide&quot; data-bs-ride=&quot;carousel&quot;&gt;
    &lt;!-- Indicators --&gt;
    &lt;div class=&quot;carousel-indicators&quot; style=&quot;margin-bottom:-36px;&quot;&gt;
      &lt;?php foreach ($testimonials as $index =&gt; $testimonial): ?&gt;
        &lt;button type=&quot;button&quot; data-bs-target=&quot;#testimonialCarousel&quot; data-bs-slide-to=&quot;&lt;?php echo $index; ?&gt;&quot; class=&quot;&lt;?php echo $index === 0 ? 'active' : ''; ?&gt;&quot; aria-current=&quot;&lt;?php echo $index === 0 ? 'true' : ''; ?&gt;&quot; aria-label=&quot;Slide &lt;?php echo $index + 1; ?&gt;&quot;&gt;&lt;/button&gt;
      &lt;?php endforeach; ?&gt;
    &lt;/div&gt;

    &lt;!-- Slides --&gt;
    &lt;div class=&quot;carousel-inner&quot;&gt;
      &lt;?php
      $isFirst = true; // To set the first slide as active
      foreach ($testimonials as $testimonial):
      ?&gt;
        &lt;div class=&quot;carousel-item &lt;?php echo $isFirst ? 'active' : ''; ?&gt;&quot;&gt;
          &lt;div class=&quot;d-flex flex-column align-items-center text-center&quot;&gt;
            &lt;p class=&quot;px-4&quot; style=&quot;color:#000000;&quot;&gt;&quot;&lt;?php echo htmlspecialchars($testimonial['testimonial']); ?&gt;&quot;&lt;/p&gt;
            &lt;img src=&quot;admin/&lt;?php echo htmlspecialchars($testimonial['image_name']); ?&gt;&quot; class=&quot;rounded-circle mb-3&quot; alt=&quot;&lt;?php echo htmlspecialchars($testimonial['name']); ?&gt;&quot; style=&quot;height: 100px; width: 100px; object-fit: cover;&quot;&gt;
            &lt;h5&gt;&lt;?php echo htmlspecialchars($testimonial['name']); ?&gt;&lt;/h5&gt;
            &lt;p class=&quot;text-muted&quot;&gt;&lt;?php echo htmlspecialchars($testimonial['city']); ?&gt;&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;?php
      $isFirst = false;
      endforeach;
      ?&gt;
    &lt;/div&gt;

    &lt;!-- Controls --&gt;
    &lt;button class=&quot;carousel-control-prev&quot; type=&quot;button&quot; data-bs-target=&quot;#testimonialCarousel&quot; data-bs-slide=&quot;prev&quot;&gt;
      &lt;span class=&quot;carousel-control-prev-icon&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;
      &lt;span class=&quot;visually-hidden&quot;&gt;Previous&lt;/span&gt;
    &lt;/button&gt;
    &lt;button class=&quot;carousel-control-next&quot; type=&quot;button&quot; data-bs-target=&quot;#testimonialCarousel&quot; data-bs-slide=&quot;next&quot;&gt;
      &lt;span class=&quot;carousel-control-next-icon&quot; aria-hidden=&quot;true&quot;&gt;&lt;/span&gt;
      &lt;span class=&quot;visually-hidden&quot;&gt;Next&lt;/span&gt;
    &lt;/button&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;

        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        

       &lt;?php
// Include the database configuration file
include('admin/config.php');

// Fetch the image name from the database
$sql = &quot;SELECT video1 FROM home_bottom_banners WHERE id = 1&quot;;
$result = $conn-&gt;query($sql);

if ($result-&gt;num_rows &gt; 0) {
    // Fetch the result
    $row = $result-&gt;fetch_assoc();
    $imageName = $row['video1'];
} else {
    $imageName = ''; // Default value if no result is found
}

// Close the connection
$conn-&gt;close();
?&gt;

&lt;!-- Use the fetched image name in the img tag --&gt;
&lt;a href=&quot;contact.php&quot;&gt;
    &lt;img src=&quot;admin/assets/imgs/&lt;?php echo htmlspecialchars($imageName); ?&gt;&quot; style=&quot;width:100%;&quot;&gt;
&lt;/a&gt;



       



    







        &lt;!--End 4 columns--&gt;
    &lt;/main&gt;
    &lt;?php include 'includes/footer.php'; ?&gt;
    
    &lt;!-- Vendor JS--&gt;
    &lt;script src=&quot;assets/js/vendor/modernizr-3.6.0.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/vendor/jquery-3.6.0.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/vendor/jquery-migrate-3.3.0.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/vendor/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/plugins/slick.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/plugins/jquery.syotimer.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/plugins/wow.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/plugins/slider-range.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/plugins/perfect-scrollbar.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/plugins/magnific-popup.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/plugins/select2.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/plugins/waypoints.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/plugins/counterup.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/plugins/jquery.countdown.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/plugins/images-loaded.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/plugins/isotope.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/plugins/scrollup.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/plugins/jquery.vticker-min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/plugins/jquery.theia.sticky.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;assets/js/plugins/jquery.elevatezoom.js&quot;&gt;&lt;/script&gt;
    &lt;!-- Template  JS --&gt;
    &lt;script src=&quot;./assets/js/main.js?v=5.6&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;./assets/js/shop.js?v=5.6&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://www.youtube.com/iframe_api&quot;&gt;&lt;/script&gt;

    &lt;script&gt;
            $(document).ready(function() {
    $('#carausel-8-columns').owlCarousel({
        loop: true,
        margin: 10,
        nav: true,
        dots: false,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayHoverPause: true,
        responsive: {
            0: {
                items: 3 // Display 3 items for mobile screens
            },
            576: {
                items: 3 // Display 3 items for small screens
            },
            768: {
                items: 4 // Display 4 items for medium screens
            },
            992: {
                items: 6 // Display 6 items for large screens
            },
            1200: {
                items: 8 // Display 8 items for extra-large screens
            }
        }
    });
});
&lt;/script&gt;

&lt;script&gt;
            $(document).ready(function() {
    $('#carausel-3-columns').owlCarousel({
        loop: true,
        margin: 10,
        nav: true,
        dots: true,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayHoverPause: true,
        responsive: {
            0: {
                items: 1 // Display 3 items for mobile screens
            },
            576: {
                items: 1 // Display 3 items for small screens
            },
            768: {
                items: 1 // Display 4 items for medium screens
            },
            992: {
                items: 2 // Display 6 items for large screens
            },
            1200: {
                items: 3 // Display 8 items for extra-large screens
            }
        }
    });
});
&lt;/script&gt;

    

&lt;script&gt;
   document.addEventListener(&quot;DOMContentLoaded&quot;, function () {
    // Attach click event to all &quot;Add to Cart&quot; buttons
    document.querySelectorAll(&quot;.add-to-cart-btn&quot;).forEach(button =&gt; {
        button.addEventListener(&quot;click&quot;, function () {
            const productId = this.getAttribute(&quot;data-product-id&quot;);

            fetch(&quot;add_to_cart.php&quot;, {
                method: &quot;POST&quot;,
                headers: {
                    &quot;Content-Type&quot;: &quot;application/x-www-form-urlencoded&quot;,
                },
                body: `productId=${productId}`,
            })
                .then(response =&gt; response.json())
                .then(data =&gt; {
                    if (data.success) {
                        // Update the cart count
                        const cartCountElement = document.querySelector(&quot;.pro-count&quot;);
                        cartCountElement.textContent = data.cartCount;

                        // Update the cart dropdown dynamically
                        const cartDropdown = document.querySelector(&quot;.cart-dropdown-wrap ul&quot;);
                        cartDropdown.innerHTML = &quot;&quot;; // Clear the cart

                        Object.values(data.cartItems).forEach(item =&gt; {
                            const cartItem = `
                                &lt;li&gt;
                                    &lt;div class=&quot;shopping-cart-img&quot;&gt;
                                        &lt;a href=&quot;#&quot;&gt;&lt;img alt=&quot;${item.title}&quot; src=&quot;admin/assets/imgs/products/${item.image}&quot; /&gt;&lt;/a&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;shopping-cart-title&quot;&gt;
                                        &lt;h4&gt;&lt;a href=&quot;#&quot;&gt;${item.title}&lt;/a&gt;&lt;/h4&gt;
                                        &lt;h4&gt;&lt;span&gt;${item.quantity} × &lt;/span&gt;₹${item.price}&lt;/h4&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;shopping-cart-delete&quot;&gt;
                                        &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;fi-rs-cross-small&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                                    &lt;/div&gt;
                                &lt;/li&gt;`;
                            cartDropdown.innerHTML += cartItem;
                        });

                        alert(&quot;Product added to cart successfully!&quot;);
                    } else {
                        alert(data.message || &quot;Failed to add product to cart!&quot;);
                    }
                })
                .catch(error =&gt; console.error(&quot;Error:&quot;, error));
        });
    });
});

&lt;/script&gt;
&lt;/body&gt;

&lt;/html&gt;</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fu885320773%2Fdomains%2Fsugatu.in%2Fpublic_html'>⬅ Back to Directory</a>