<?php include_once("include/main.inc.php");
   $res_latest = mysqli_fetch_array($sql_latest);
   $productdisplay = $res_latest['product_title'];
   $page_metatitle =  $productdisplay . '  in '.$admin_res['targetlocation'] ;
   $page_metadesc =$productdisplay . '  in '.$admin_res['targetlocation'] ;
   $page_metakey = $productdisplay . '  in '.$admin_res['targetlocation'] ;
   $product_image =  explode(',', $res_latest['product_image']);
   $sqlmedia = mysqli_query($GLOBALS['dbconn'], "SELECT media FROM media_tbl WHERE product_id = '$res_latest[product_id]' order by media_id asc");
                                   $mediaData = [];
                                   while ($row = mysqli_fetch_assoc($sqlmedia)) {
                                       $mediaData[] = $row['media'];
                                   }
                                   $product_image =  count($mediaData) > 0 ? $mediaData:$product_image;
   $product_id=$res_latest['product_id'];
   $productbig_img = $product_image[0];
   $prod_img = getImage($productbig_img, 500, 500, $res_latest['product_title'], "/uploaded-files/product-images/");
   // $prod_img = site_url.'/uploaded-files/product-images/'.$productbig_img;
   $prodIds = explode(',', $res_latest['product_cat']);
   $categoryIds = $prodIds[0];
   $cat_s="select catImage, catName, displayName, catDesc, catID, catDesc1,catBanner, keyword1, keyword2, keyword3, parentID, headingh1, headingh2,alttag from category_tbl where catID='$categoryIds'";
   $cat_q=mysqli_query($GLOBALS['dbconn'],$cat_s);
   $num=mysqli_num_rows($cat_q);
   $cat_r=mysqli_fetch_array($cat_q);
   $category_id=$cat_r['catID'];
   $hover='category';
   $catn=$cat_r['catName'];
   $cat_sql="select catImage, catName, displayName, catDesc, catID, catDesc1,catBanner, parentID from category_tbl where parentID='$category_id' and status='Y'";
   $cat_qry=mysqli_query($GLOBALS['dbconn'],$cat_sql);
   $cccnum=mysqli_num_rows($cat_qry);
   $cat_sql1="select catName, displayName, catID, parentID,catImage,catDesc1,catBanner,keyword1,keyword2,keyword3,headingh1, headingh2,alttag,pageTitle,pageKeywords,pageDescription from category_tbl where catID='$category_id'";
   $cat_qry1=mysqli_query($GLOBALS['dbconn'],$cat_sql1);
   $cat_res=mysqli_fetch_array($cat_qry1);
   $pageTitles=$cat_res['catName'];
   $disTitles=$cat_res['displayName']; 
   $pdes=$cat_res['catDesc'];
   $page_desc=$cat_res['catDesc1'];
   $page_desc=str_ireplace('{companyName}',$admin_res['companyName'],$page_desc);
   $page_desc1=$cat_res['catDesc2'];
   $page_desc1=str_ireplace('{companyName}',$admin_res['companyName'],$page_desc1);
   $parent=$cat_res['parentID'];
   $cat_sql2="select catName, displayName, catID,catBanner, parentID from category_tbl where catID='$parent'";
   $cat_qry2=mysqli_query($GLOBALS['dbconn'],$cat_sql2);
   $num2=mysqli_num_rows($cat_qry2);
   $cat_res2=mysqli_fetch_array($cat_qry2);
   $mparent=$cat_res2['parentID'];
   $cat_sql3="select catName, displayName, catID, catBanner, parentID from category_tbl where catID='$mparent'";
   $cat_qry3=mysqli_query($GLOBALS['dbconn'],$cat_sql3);
   $num3=mysqli_num_rows($cat_qry3);
   $cat_res3=mysqli_fetch_array($cat_qry3);
   $mmparent=$cat_res3['parentID'];
   $cat_sql4="select catName, displayName, catBanner, catID, parentID from category_tbl where catID='$mmparent'";
   $cat_qry4=mysqli_query($GLOBALS['dbconn'],$cat_sql4);
   $num4=mysqli_num_rows($cat_qry4);
   $cat_res4=mysqli_fetch_array($cat_qry4);
   $num5=mysqli_num_rows($cat_qry5);
   $cat_res5=mysqli_fetch_array($cat_qry5);
   $alt = explode(',', $page_metatitle);
   $alt_tags = $productdisplay . '  in '.$admin_res['targetlocation'] ;
   
   $sql_latest = mysqli_query($dbconn, "select * from product_tbl where product_id='$product_id'");
   $res_latest = mysqli_fetch_array($sql_latest);
   
   ?>

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

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <?php include "app_top.php"; ?>
</head>

<body>

    <?php include "app_header.php"; ?>

    <section class="heading_banner" style="background-image: url(<?= site_url; ?>/designer/images/category-banner.jpg)">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 text-center">
                    <h1 class="cat_title"><?= $productdisplay; ?></h1>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </section>

    <div class="inner_breadcrumb hidden_xs">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <ul class="breadcrumb">
                    <li><a href="<?=site_url;?>" title="Home">Home</a></li>
                        <?php if($num4 > 0) {?>
                        <li><a href="<?=site_url;?>/<?=getValidFileName($cat_res4['catName']);?>.htm"
                                title="<?php echo $cat_res4['catName']; ?> "><?php echo $cat_res4['catName']; ?></a>
                        </li>
                        <?php } ?>
                        <?php if($num3 > 0) {?>
                        <li><a href="<?=site_url;?>/<?=getValidFileName($cat_res3['catName']);?>.htm"
                                title="<?php echo $cat_res3['catName']; ?>"><?php echo $cat_res3['catName']; ?></a></li>
                        <?php } ?>
                        <?php if($num2 > 0) {?>
                        <li><a href="<?=site_url;?>/<?=getValidFileName($cat_res2['catName']);?>.htm"
                                title="<?php echo $cat_res2['catName']; ?>"><?php echo $cat_res2['catName']; ?></a></li>
                        <?php } ?>
                        <li class="active"><?php echo $cat_res['catName'];?></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <section class="category_page">
        <div class="container">
        <h2 class="title_2"><?= $productdisplay; ?></h2>
        <div class="clearfix"></div>
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">                       
                        <div class="wps_right">
                            <div class="product_right_image">
                                <div class="more_images">
                                    <?php   $snn=1; 
                                foreach(array_slice($product_image,0,1) as $pro_imag_vals){?>
                                    <div class="single_image">
                                        <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#productID" title="<?=$product_r['product_title'];?> in Delhi">
                                            <img id="largeImage<?=$res_latest['product_id'];?>" class="clickable-image" src="<?=getImage($pro_imag_vals, 500, 500, $res_latest['product_title'].$snn, "/uploaded-files/product-images/");?>"  alt="<?=$product_r['product_title'];?> in Delhi" title="<?=$product_r['product_title'];?> in Delhi" >
                                        </a>
                                    </div>
                                    <?php $snn++; } ?>

                                    <div id="thumbs">

                                    <?php   $snn=1; 
                                        foreach(array_slice($product_image,0,15) as $pro_imag_vals){?>

                                        <img class="<?= $snn==1?'active':'';?>"
                                        onclick="imgMulti(<?=$res_latest['product_id'];?>, '<?=getImage($pro_imag_vals, 800, 800, $res_latest['product_title'].$snn, '/uploaded-files/product-images/');?>', this)"
                                         src="<?=getImage($pro_imag_vals, 200, 200, $res_latest['product_title'].$snn, "/uploaded-files/product-images/");?>?scale.width=112 2x" alt="<?=$res_latest['product_title'];?> in <?= $admin_res['targetlocation']; ?>" title="<?=$res_latest['product_title'];?> in <?= $admin_res['targetlocation']; ?>" >
                                          <?php $snn++; } ?>

                                        <!-- <img src="designer/images/image3.jpg" alt="Product">
                                        <img src="designer/images/image4.jpg" alt="Product"> -->
                                    </div>
                                </div>


                                <a class="readMore" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#productID" title="Get Best Quote">
                                Get Best Quote <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                        <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"></path>
                                    </svg></a>
                            </div>


                            <?= html_entity_decode($res_latest['product_specfi']); ?>



                            <div class="interested_section">
                                <a class="interested_btn" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#productID" 
                                title="Yes, I am Interested"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                        <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"></path>
                                    </svg>Yes, I am Interested</a>
                            </div>






                            <div class="you_may">All Category Range</div>
                            <div class="allListing">
                                <?php
                               
                                    // Always load categories where parentID = 1
                                    $cat_qry = mysqli_query($GLOBALS['dbconn'],
                                        "SELECT * FROM category_tbl WHERE parentID='1' AND status='Y' ORDER BY catOrder ASC"
                                    );

                             if(mysqli_num_rows($cat_qry)>0){
                                    while($sub_res=mysqli_fetch_array($cat_qry)) {
                                    if($sub_res['catImage'] != ''){
                                        $img_link = getImage($sub_res['catImage'], 374, 374, $sub_res['catName'],"/uploaded-files/category/images/");
                                        $img_link1 = getImage($sub_res['catImage'], 435, 428, $sub_res['catName'],"/uploaded-files/category/images/");
                                    }else{
                                        $img_link = NO_IMG_URL;
                                        $img_link1 = NO_IMG_URL;
                                    }
                                ?>

                                <div class="product_listing">
                                <div class="row">
                                    <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-5 col-12">
                                        <div class="product">
                                            <a href="<?=site_url;?>/<?=getValidFileName($sub_res['catName']);?>.htm" title="<?= $sub_res['displayName'];?> in Delhi">
                                                <div class="image1">
                                                    <img src="<?=$img_link;?>" alt="<?= $sub_res['displayName'];?> Manufacturers in Delhi" title="<?= $sub_res['displayName'];?> Manufacturers in Delhi">
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-xxl-8 col-xl-8 col-lg-8 col-md-8 col-sm-7 col-12">
                                        <div class="right-content">
                                            <h4><a href="<?=site_url;?>/<?=getValidFileName($sub_res['catName']);?>.htm" title="<?= $sub_res['displayName'];?> in Delhi"><?= $sub_res['displayName'];?></a></h4>
                                            <div class="blue-line1"></div>
                                            <div class="more_info">
                                                <p><?=html_entity_decode($sub_res['catDesc']);?></p>
                                              

                                            </div>

                                            <div class="clearfix"></div>
                                            <a class="readMore" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#productID" onclick="$('.catID').val('<?php echo $sub_res['catID'];?>');
                                                    $('.catName').html('<?php echo $sub_res['catName'];?>');
                                                    $('.catImg').attr('src','<?= $img_link1;?>');" title="Get Best Quote">
                                                    Get Best Quote <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                    <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z" />
                                                </svg></a>
                                            <a href="<?=site_url;?>/<?=getValidFileName($sub_res['catName']);?>.htm" class="readMore" title="Read More">Read More <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                    <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
                                                </svg></a>

                                        </div>
                                    </div>
                                </div>
                            </div>
                              <?php } }else{ ?>
                                <?php
                                     $cat_final=mysqli_query($GLOBALS['dbconn'],"select * from category_tbl where parentID ='$parent' and status='Y' and catID!='$category_id' order by catOrder Asc"); 
                                    while($sub_res=mysqli_fetch_array($cat_final)) {
                                    if($sub_res['catImage'] != ''){
                                        $img_link = getImage($sub_res['catImage'], 374, 374, $sub_res['catName'],"/uploaded-files/category/images/");
                                        $img_link1 = getImage($sub_res['catImage'], 435, 428, $sub_res['catName'],"/uploaded-files/category/images/");
                                    }else{
                                        $img_link = NO_IMG_URL;
                                        $img_link1 = NO_IMG_URL;
                                    }
                                ?>
                            <div class="product_listing">
                                <div class="row">
                                    <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-5 col-12">
                                        <div class="product">
                                            <a href="<?=site_url;?>/<?=getValidFileName($sub_res['catName']);?>.htm" title="<?= $sub_res['displayName'];?> in Delhi">
                                                <div class="image1">
                                                    <img src="<?=$img_link;?>" alt="<?= $sub_res['displayName'];?> Manufacturers in Delhi" title="<?= $sub_res['displayName'];?> Manufacturers in Delhi">
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-xxl-8 col-xl-8 col-lg-8 col-md-8 col-sm-7 col-12">
                                        <div class="right-content">
                                            <h4><a href="<?=site_url;?>/<?=getValidFileName($sub_res['catName']);?>.htm" title="<?= $sub_res['displayName'];?> in Delhi"><?= $sub_res['displayName'];?></a></h4>
                                            <div class="blue-line1"></div>
                                            <div class="more_info">
                                                <p><?=html_entity_decode($sub_res['catDesc']);?></p>
                                              

                                            </div>

                                            <div class="clearfix"></div>
                                            <a class="readMore" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#productID" onclick="$('.catID').val('<?php echo $sub_res['catID'];?>');
                                                $('.catName').html('<?php echo $sub_res['catName'];?>');
                                                $('.catImg').attr('src','<?= $img_link1;?>');" title="Get Best Quote">
                                                Get Best Quote <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                    <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z" />
                                                </svg></a>
                                            <a href="<?=site_url;?>/<?=getValidFileName($sub_res['catName']);?>.htm" class="readMore" title="Read More">Read More <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                    <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"></path>
                                                </svg></a>

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

                                <?php } } ?>


                                <!-- <div class="product_listing">
                                    <div class="row">
                                        <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-5 col-12">
                                            <div class="product">
                                                <div class="single_image">
                                                    <a id="bigImage2" class="largeImage" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#productID" title="Product">
                                                        <img src="designer/images/image4.jpg" alt="Product" />
                                                    </a>
                                                </div>
                                                <div id="small2" class="small">
                                                    <img class="item " src="designer/images/image4.jpg" alt="Product" />
                                                    <img class="item active" src="designer/images/image5.jpg" alt="Product">
                                                    <img class="item" src="designer/images/image6.jpg" alt="Product">
                                                    <img class="item" src="designer/images/image7.jpg" alt="Product">
                                                    <div class="item youtube">
                                                        <a data-fancybox href="https://www.youtube.com/watch?v=AN5p2Fx3ZrY">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                                <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z" />
                                                            </svg></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-7 col-12">
                                            <div class="right-content">
                                                <h3><a href="details.php" title="">Product Heading Two</a></h3>
                                                <div class="blue-line1"></div>
                                                <div class="more_info">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident ipsa quod vero officiis quibusdam, eligendi hic illum amet animi, impedit reiciendis autem mollitia, sit quas veritatis. Fugit, inventore ex eius.</p>
                                                    <div class="table-responsive">
                                                        <table class="table">
                                                            <tbody>
                                                                <tr>
                                                                    <td>Thickness:</td>
                                                                    <td>6 mm, 9 mm, 12 mm, 19 mm</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Brand:</td>
                                                                    <td>Company Name</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Size:</td>
                                                                    <td>8/4 Sq/Ft</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Colour:</td>
                                                                    <td>Brown</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Product Type:</td>
                                                                    <td>13-Ply Boards</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Wood Type:</td>
                                                                    <td>Hardwood</td>
                                                                </tr>

                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>

                                                <div class="clearfix"></div>
                                                <a class="readMore" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#productID" title="Get Best Quote">
                                                Get Best Quote <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                        <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z" />
                                                    </svg></a>
                                                <a class="readMore" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#callback">
                                                Request A Callback <svg fill="currentColor" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                                        <g data-name="Layer 2">
                                                            <g data-name="phone-call">
                                                                <rect width="24" height="24" opacity="0" />
                                                                <path d="M13 8a3 3 0 0 1 3 3 1 1 0 0 0 2 0 5 5 0 0 0-5-5 1 1 0 0 0 0 2z" />
                                                                <path d="M13 4a7 7 0 0 1 7 7 1 1 0 0 0 2 0 9 9 0 0 0-9-9 1 1 0 0 0 0 2z" />
                                                                <path d="M21.75 15.91a1 1 0 0 0-.72-.65l-6-1.37a1 1 0 0 0-.92.26c-.14.13-.15.14-.8 1.38a9.91 9.91 0 0 1-4.87-4.89C9.71 10 9.72 10 9.85 9.85a1 1 0 0 0 .26-.92L8.74 3a1 1 0 0 0-.65-.72 3.79 3.79 0 0 0-.72-.18A3.94 3.94 0 0 0 6.6 2 4.6 4.6 0 0 0 2 6.6 15.42 15.42 0 0 0 17.4 22a4.6 4.6 0 0 0 4.6-4.6 4.77 4.77 0 0 0-.06-.76 4.34 4.34 0 0 0-.19-.73zM17.4 20A13.41 13.41 0 0 1 4 6.6 2.61 2.61 0 0 1 6.6 4h.33L8 8.64l-.54.28c-.86.45-1.54.81-1.18 1.59a11.85 11.85 0 0 0 7.18 7.21c.84.34 1.17-.29 1.62-1.16l.29-.55L20 17.07v.33a2.61 2.61 0 0 1-2.6 2.6z" />
                                                            </g>
                                                        </g>
                                                    </svg></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="product_listing">
                                    <div class="row">
                                        <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-5 col-12">
                                            <div class="product">
                                                <div class="single_image">
                                                    <a id="bigImage3" class="largeImage" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#productID" title="Product">
                                                        <img src="designer/images/image5.jpg" alt="Product" />
                                                    </a>
                                                </div>
                                                <div id="small3" class="small">
                                                    <img class="item active" src="designer/images/image5.jpg" alt="Product" />
                                                    <img class="item" src="designer/images/image6.jpg" alt="Product">
                                                    <img class="item" src="designer/images/image7.jpg" alt="Product">
                                                    <img class="item" src="designer/images/image3.jpg" alt="Product">
                                                    <div class="item youtube">
                                                        <a data-fancybox href="https://www.youtube.com/watch?v=AN5p2Fx3ZrY">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                                <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z" />
                                                            </svg></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-7 col-12">
                                            <div class="right-content">
                                                <h3><a href="details.php" title="">Product Heading Three</a></h3>
                                                <div class="blue-line1"></div>
                                                <div class="more_info">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident ipsa quod vero officiis quibusdam, eligendi hic illum amet animi, impedit reiciendis autem mollitia, sit quas veritatis. Fugit, inventore ex eius.</p>
                                                    <div class="table-responsive">
                                                        <table class="table">
                                                            <tbody>
                                                                <tr>
                                                                    <td>Thickness:</td>
                                                                    <td>6 mm, 9 mm, 12 mm, 19 mm</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Brand:</td>
                                                                    <td>Company Name</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Size:</td>
                                                                    <td>8/4 Sq/Ft</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Colour:</td>
                                                                    <td>Brown</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Product Type:</td>
                                                                    <td>13-Ply Boards</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Wood Type:</td>
                                                                    <td>Hardwood</td>
                                                                </tr>

                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>

                                                <div class="clearfix"></div>
                                                <a class="readMore" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#productID" title="Get Best Quote">
                                                Get Best Quote <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                        <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z" />
                                                    </svg></a>
                                                <a class="readMore" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#callback">
                                                Request A Callback <svg fill="currentColor" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                                        <g data-name="Layer 2">
                                                            <g data-name="phone-call">
                                                                <rect width="24" height="24" opacity="0" />
                                                                <path d="M13 8a3 3 0 0 1 3 3 1 1 0 0 0 2 0 5 5 0 0 0-5-5 1 1 0 0 0 0 2z" />
                                                                <path d="M13 4a7 7 0 0 1 7 7 1 1 0 0 0 2 0 9 9 0 0 0-9-9 1 1 0 0 0 0 2z" />
                                                                <path d="M21.75 15.91a1 1 0 0 0-.72-.65l-6-1.37a1 1 0 0 0-.92.26c-.14.13-.15.14-.8 1.38a9.91 9.91 0 0 1-4.87-4.89C9.71 10 9.72 10 9.85 9.85a1 1 0 0 0 .26-.92L8.74 3a1 1 0 0 0-.65-.72 3.79 3.79 0 0 0-.72-.18A3.94 3.94 0 0 0 6.6 2 4.6 4.6 0 0 0 2 6.6 15.42 15.42 0 0 0 17.4 22a4.6 4.6 0 0 0 4.6-4.6 4.77 4.77 0 0 0-.06-.76 4.34 4.34 0 0 0-.19-.73zM17.4 20A13.41 13.41 0 0 1 4 6.6 2.61 2.61 0 0 1 6.6 4h.33L8 8.64l-.54.28c-.86.45-1.54.81-1.18 1.59a11.85 11.85 0 0 0 7.18 7.21c.84.34 1.17-.29 1.62-1.16l.29-.55L20 17.07v.33a2.61 2.61 0 0 1-2.6 2.6z" />
                                                            </g>
                                                        </g>
                                                    </svg></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="product_listing">
                                    <div class="row">
                                        <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-5 col-12">
                                            <div class="product">
                                                <div class="single_image">
                                                    <a id="bigImage4" class="largeImage" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#productID" title="Product">
                                                        <img src="designer/images/image6.jpg" alt="Product" />
                                                    </a>
                                                </div>
                                                <div id="small4" class="small">
                                                    <img class="item active" src="designer/images/image6.jpg" alt="Product" />
                                                    <img class="item" src="designer/images/image7.jpg" alt="Product">
                                                    <img class="item" src="designer/images/image3.jpg" alt="Product">
                                                    <img class="item" src="designer/images/image4.jpg" alt="Product">
                                                    <div class="item youtube">
                                                        <a data-fancybox href="https://www.youtube.com/watch?v=AN5p2Fx3ZrY">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                                <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z" />
                                                            </svg></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-7 col-12">
                                            <div class="right-content">
                                                <h3><a href="details.php" title="">Product Heading Four</a></h3>
                                                <div class="blue-line1"></div>
                                                <div class="more_info">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident ipsa quod vero officiis quibusdam, eligendi hic illum amet animi, impedit reiciendis autem mollitia, sit quas veritatis. Fugit, inventore ex eius.</p>
                                                    <div class="table-responsive">
                                                        <table class="table">
                                                            <tbody>
                                                                <tr>
                                                                    <td>Thickness:</td>
                                                                    <td>6 mm, 9 mm, 12 mm, 19 mm</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Brand:</td>
                                                                    <td>Company Name</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Size:</td>
                                                                    <td>8/4 Sq/Ft</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Colour:</td>
                                                                    <td>Brown</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Product Type:</td>
                                                                    <td>13-Ply Boards</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Wood Type:</td>
                                                                    <td>Hardwood</td>
                                                                </tr>

                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>

                                                <div class="clearfix"></div>
                                                <a class="readMore" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#productID" title="Get Best Quote">
                                                Get Best Quote <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                        <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z" />
                                                    </svg></a>
                                                <a class="readMore" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#callback">
                                                Request A Callback <svg fill="currentColor" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                                        <g data-name="Layer 2">
                                                            <g data-name="phone-call">
                                                                <rect width="24" height="24" opacity="0" />
                                                                <path d="M13 8a3 3 0 0 1 3 3 1 1 0 0 0 2 0 5 5 0 0 0-5-5 1 1 0 0 0 0 2z" />
                                                                <path d="M13 4a7 7 0 0 1 7 7 1 1 0 0 0 2 0 9 9 0 0 0-9-9 1 1 0 0 0 0 2z" />
                                                                <path d="M21.75 15.91a1 1 0 0 0-.72-.65l-6-1.37a1 1 0 0 0-.92.26c-.14.13-.15.14-.8 1.38a9.91 9.91 0 0 1-4.87-4.89C9.71 10 9.72 10 9.85 9.85a1 1 0 0 0 .26-.92L8.74 3a1 1 0 0 0-.65-.72 3.79 3.79 0 0 0-.72-.18A3.94 3.94 0 0 0 6.6 2 4.6 4.6 0 0 0 2 6.6 15.42 15.42 0 0 0 17.4 22a4.6 4.6 0 0 0 4.6-4.6 4.77 4.77 0 0 0-.06-.76 4.34 4.34 0 0 0-.19-.73zM17.4 20A13.41 13.41 0 0 1 4 6.6 2.61 2.61 0 0 1 6.6 4h.33L8 8.64l-.54.28c-.86.45-1.54.81-1.18 1.59a11.85 11.85 0 0 0 7.18 7.21c.84.34 1.17-.29 1.62-1.16l.29-.55L20 17.07v.33a2.61 2.61 0 0 1-2.6 2.6z" />
                                                            </g>
                                                        </g>
                                                    </svg></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="product_listing">
                                    <div class="row">
                                        <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-5 col-12">
                                            <div class="product">
                                                <div class="single_image">
                                                    <a id="bigImage5" class="largeImage" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#productID" title="Product">
                                                        <img src="designer/images/image7.jpg" alt="Product" />
                                                    </a>
                                                </div>
                                                <div id="small5" class="small">
                                                    <img class="item active" src="designer/images/image7.jpg" alt="Product" />
                                                    <img class="item" src="designer/images/image5.jpg" alt="Product">
                                                    <img class="item" src="designer/images/image3.jpg" alt="Product">
                                                    <img class="item" src="designer/images/image4.jpg" alt="Product">
                                                    <div class="item youtube">
                                                        <a data-fancybox href="https://www.youtube.com/watch?v=AN5p2Fx3ZrY">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                                <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z" />
                                                            </svg></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-7 col-12">
                                            <div class="right-content">
                                                <h3><a href="details.php" title="">Product Heading Five</a></h3>
                                                <div class="blue-line1"></div>
                                                <div class="more_info">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident ipsa quod vero officiis quibusdam, eligendi hic illum amet animi, impedit reiciendis autem mollitia, sit quas veritatis. Fugit, inventore ex eius.</p>
                                                    <div class="table-responsive">
                                                        <table class="table">
                                                            <tbody>
                                                                <tr>
                                                                    <td>Thickness:</td>
                                                                    <td>6 mm, 9 mm, 12 mm, 19 mm</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Brand:</td>
                                                                    <td>Company Name</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Size:</td>
                                                                    <td>8/4 Sq/Ft</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Colour:</td>
                                                                    <td>Brown</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Product Type:</td>
                                                                    <td>13-Ply Boards</td>
                                                                </tr>
                                                                <tr>
                                                                    <td>Wood Type:</td>
                                                                    <td>Hardwood</td>
                                                                </tr>

                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>

                                                <div class="clearfix"></div>
                                                <a class="readMore" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#productID" title="Get Best Quote">
                                                Get Best Quote <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                                        <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z" />
                                                    </svg></a>
                                                <a class="readMore" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#callback">
                                                Request A Callback <svg fill="currentColor" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                                        <g data-name="Layer 2">
                                                            <g data-name="phone-call">
                                                                <rect width="24" height="24" opacity="0" />
                                                                <path d="M13 8a3 3 0 0 1 3 3 1 1 0 0 0 2 0 5 5 0 0 0-5-5 1 1 0 0 0 0 2z" />
                                                                <path d="M13 4a7 7 0 0 1 7 7 1 1 0 0 0 2 0 9 9 0 0 0-9-9 1 1 0 0 0 0 2z" />
                                                                <path d="M21.75 15.91a1 1 0 0 0-.72-.65l-6-1.37a1 1 0 0 0-.92.26c-.14.13-.15.14-.8 1.38a9.91 9.91 0 0 1-4.87-4.89C9.71 10 9.72 10 9.85 9.85a1 1 0 0 0 .26-.92L8.74 3a1 1 0 0 0-.65-.72 3.79 3.79 0 0 0-.72-.18A3.94 3.94 0 0 0 6.6 2 4.6 4.6 0 0 0 2 6.6 15.42 15.42 0 0 0 17.4 22a4.6 4.6 0 0 0 4.6-4.6 4.77 4.77 0 0 0-.06-.76 4.34 4.34 0 0 0-.19-.73zM17.4 20A13.41 13.41 0 0 1 4 6.6 2.61 2.61 0 0 1 6.6 4h.33L8 8.64l-.54.28c-.86.45-1.54.81-1.18 1.59a11.85 11.85 0 0 0 7.18 7.21c.84.34 1.17-.29 1.62-1.16l.29-.55L20 17.07v.33a2.61 2.61 0 0 1-2.6 2.6z" />
                                                            </g>
                                                        </g>
                                                    </svg></a>
                                            </div>
                                        </div>
                                    </div>
                                </div> -->

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

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

    <?php// include "app_faq.php"; ?>
    <?php include "app_clients.php"; ?>


    <?php include "app_footer.php"; ?>
    <?php include "app_bottom.php"; ?>
    <script>
        $('#small1 .item').click(function() {
            $('#bigImage1 img').attr('src', $(this).attr('src').replace('thumb', 'large'));
            if ($(this).hasClass("active")) {
                $("#small1 .item").removeClass("active");
            } else {
                $("#small1 .item").removeClass("active");
                $(this).addClass("active");
            }
        });
        $('#small2 .item').click(function() {
            $('#bigImage2 img').attr('src', $(this).attr('src').replace('thumb', 'large'));
            if ($(this).hasClass("active")) {
                $("#small2 .item").removeClass("active");
            } else {
                $("#small2 .item").removeClass("active");
                $(this).addClass("active");
            }
        });

        $('#small3 .item').click(function() {
            $('#bigImage3 img').attr('src', $(this).attr('src').replace('thumb', 'large'));
            if ($(this).hasClass("active")) {
                $("#small3 .item").removeClass("active");
            } else {
                $("#small3 .item").removeClass("active");
                $(this).addClass("active");
            }
        });

        $('#small4 .item').click(function() {
            $('#bigImage4 img').attr('src', $(this).attr('src').replace('thumb', 'large'));
            if ($(this).hasClass("active")) {
                $("#small4 .item").removeClass("active");
            } else {
                $("#small4 .item").removeClass("active");
                $(this).addClass("active");
            }
        });

        $('#small5 .item').click(function() {
            $('#bigImage5 img').attr('src', $(this).attr('src').replace('thumb', 'large'));
            if ($(this).hasClass("active")) {
                $("#small5 .item").removeClass("active");
            } else {
                $("#small5 .item").removeClass("active");
                $(this).addClass("active");
            }
        });

        $('#small6 .item').click(function() {
            $('#bigImage6 img').attr('src', $(this).attr('src').replace('thumb', 'large'));
            if ($(this).hasClass("active")) {
                $("#small1 .item").removeClass("active");
            } else {
                $("#small6 .item").removeClass("active");
                $(this).addClass("active");
            }
        });
    </script>
</body>

</html>