1#@!#!123s

https 1#@!#!123s
: / home2 / hershinecreation / public_html / hindtreders.co.in /
Filename : product.php
back
<?php include "header.php";
$page_flname = $_REQUEST['file_name'];

$flname1 = str_replace(".php", "", $page_flname);

$flname = strtolower("$flname1");

$sql = "SELECT * FROM product WHERE slug = '$flname'";

$result = mysqli_query($con, $sql);

while ($row = mysqli_fetch_assoc($result)) {
?>
    <!-- Start main-content -->
    <section class="page-title" style="background-image: url(images/background/page-title-bg.png);">
        <div class="auto-container">
            <div class="title-outer">
                <h1 class="title">Products</h1>
                <ul class="page-breadcrumb">
                    <li><a href="index.php">Home</a></li>
                    <li><?php echo $row['name'] ?></li>
                </ul>
            </div>
        </div>
    </section>
    <!-- end main-content -->

    <!--Product Details Start-->
    <section class="product-details">
        <div class="container pb-70">
            <div class="row justify-content-center">
                 <div class="product-details__top" >
                        <h3 class="product-details__title" style="text-align:center;"><?php echo $row['name'] ?></h3>
                      
                    </div>
                <div class="col-lg-8 col-xl-8" style="padding-bottom:20px;">
                    <img style="border-radius:10px" src="admin/<?php echo $row['img'] ?>" alt="">
                </div>
                <div class="col-lg-10 col-xl-10 product-info">
                   <?php echo $row['description'] ?>
                   </br>
                    <?php echo $row['des'] ?>
                    <button type="button" class="theme-btn btn-style-one " style="align:center;" data-bs-toggle="modal" data-bs-target="#exampleModal">
                        Enquiry Now
                    </button>

                </div>
            </div>
        </div>
    </section>
    <!--Product Details End-->
    
    
     <section class="project-section">
    <div class="auto-container">
      <div class="sec-title">
        <h2 style="z-index: -1;">Our Product gallery</h2>
       
      </div>

      <div class="slider-btn">
        <button class="prev-btn"><span><i class="flaticon-arrow-pointing-to-right btn-icon"></i></span></button>
        <button class="next-btn"><span><i class="flaticon-arrow-pointing-to-right btn-icon"></i></span></button>
      </div>
    </div>
    <div class="row project-slider">
      <!-- project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product1.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product1.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
      
      
            <!-- project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product2.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product2.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
            <!-- project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product3.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product3.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
      
            <!-- project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product4.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product4.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
            <!-- project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product5.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product5.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
      
                  <!-- project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product6.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product6.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
      
                  <!-- project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product7.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product7.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
      
                  <!-- project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product8.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product8.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
      
                        <!-- project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product9.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product9.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
                              <!-- project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product10.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product10.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
                              <!-- project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product11.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product11.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
      
                              <!-- project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product12.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product12.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
                              <!-- project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product13.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product13.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
      


    </div>
          <div class="row project-slider">
       <!--project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product14.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product14.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
      
      
             <!--project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product15.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product15.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <div class="content-box">
            <span>recent project</span>
            <h6 class="title"><a href="page-project-details.html">see more</a></h6>
          </div>
        </div>
      </div>
             <!--project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product16.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product16.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
      
             <!--project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product17.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product17.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <div class="content-box">
            <span>recent project</span>
            <h6 class="title"><a href="page-project-details.html">see more</a></h6>
          </div>
        </div>
      </div>
             <!--project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product18.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product18.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
      
                   <!--project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product19.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product19.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <div class="content-box">
            <span>recent project</span>
            <h6 class="title"><a href="page-project-details.html">see more</a></h6>
          </div>
        </div>
      </div>
      
                   <!--project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product20.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product20.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
      
                   <!--project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product21.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product21.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
      
                         <!--project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product22.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product22.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
                               <!--project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product23.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product23.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <div class="content-box">
            <span>recent project</span>
            <h6 class="title"><a href="page-project-details.html">see more</a></h6>
          </div>
        </div>
      </div>
                               <!--project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product24.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product24.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
      
                               <!--project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product25.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product25.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
                               <!--project-block -->
      <div class="project-block col-lg-3 col-md-4">
        <div class="inner-box">
          <div class="image-box">
            <figure class="image overlay-anim"><a href="#"><img src="images/pro/product26.jpeg" alt=""></a></figure>
            <figure class="image-2"><a href="images/pro/product26.jpeg"><img src="images/resource/projec1-2.png" alt=""></a></figure>
          </div>
          <!--<div class="content-box">-->
          <!--  <span>recent project</span>-->
          <!--  <h6 class="title"><a href="page-project-details.html">see more</a></h6>-->
          <!--</div>-->
        </div>
      </div>
      


    </div>
     
  </section>
 
  
<?php }
include "footer.php" ?>