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

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

<body>

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

    <section class="heading_banner" style="background-image: url(designer/images/about/details-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">Products Details</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="index.php" title="Home">Home</a></li>
                        <li><a href="category.php" title="Our Products">Our Products</a></li>
                        <li class="active">Products Details</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <section class="category_page">
        <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">
                    <h2 class="title_2">Guar Gum <span> in your location </span></h2>
                    <div class="wps_right">
                        <div class="product_right_image">
                            <div class="more_images">
                                <div class="single_image">
                                    <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#productID" title="Product"><img id="largeImage" src="designer/images/product/pro2.jpg" alt="Product" />
                                    </a>
                                </div>
                                <div id="thumbs">
                                    <img class="active" src="designer/images/product/pro2.jpg" alt="Product" />
                                    <img src="designer/images/product/pro2.1.jpg" alt="Product">
                                    <img src="designer/images/product/pro2.2.jpg" alt="Product">
                                </div>
                            </div>
                            <a class="moreBtn" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#productID" title="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> Get Best Quote</a>
                        </div>
                        <p>WPS Group is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
                        <h2>Types Category Details :</h2>
                        <p>We have the standard size available in our collection that is a tape with a width of 1.88 inches. Other than this, we also make available custom-made Shuttering Products for our allied clients.</p>
                        <p><strong>There are four basic grades available in Category Details:</strong></p>
                        <ul>
                            <li>Utility Shuttering Products</li>
                            <li>All-purpose Shuttering Products</li>
                            <li>Professional Shuttering Products</li>
                            <li>Industrial Shuttering Products</li>
                        </ul>

                        <h2>Product Specification</h2>
                        <p>Leading Manufacturer of Resin Coated Product, 15mm Product, 12mm Product, 10mm Product, 9mm Wooden Product and Commercial Product</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>Size</td>
                                        <td>8/4 Sq/Ft</td>
                                    </tr>
                                    <tr>
                                        <td>Length</td>
                                        <td>8 Feet</td>
                                    </tr>
                                    <tr>
                                        <td>Product Type</td>
                                        <td>3-ply boards</td>
                                    </tr>
                                    <tr>
                                        <td>Width</td>
                                        <td>4 Feet</td>
                                    </tr>
                                    <tr>
                                        <td>Color</td>
                                        <td>Brown</td>
                                    </tr>
                                    <tr>
                                        <td>Core Material</td>
                                        <td>Pine</td>
                                    </tr>

                                </tbody>
                            </table>
                        </div>
                        <div class="interested_section">
                            <a class="interested_btn" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#productID" title="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> Yes, I am Interested</a>
                        </div>




                        <div class="you_may">You may Also Like These</div>
                        <div class="allListing">
                            <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 class="largeImage" id="bigImage1" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#productID" title="Product">
                                                    <img src="designer/images/product/pro1.jpg" alt="Product" />
                                                </a>
                                            </div>
                                            <div id="small1" class="small">
                                                <img class="item active" src="designer/images/product/pro1.jpg" alt="Product" />
                                                <img class="item" src="designer/images/product/pro1.1.jpg" alt="Product">
                                                <img class="item" src="designer/images/product/pro3.jpg" alt="Product">
                                            </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 One</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="moreBtn" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#productID" title="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> Get Best Quote</a>
                                            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#callback" class="moreBtn 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> Request A Callback</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

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

    <?php include "app_faq.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>