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

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Category Details</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/about-us.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">Category 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="">T-Shirt</a></li>
                        <li class="active">Category Details</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <section class="category_page">
        <div class="container">
            <h2 class="title_2">Category <span> Details</span></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">
                                <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/Calibration-Instrument.jpg" alt="Product" />
                                    </a>
                                </div>
                                <div id="thumbs">
                                    <img class="active" src="designer/images/product/Calibration-Instrument.jpg" alt="Product" />
                                    <img src="designer/images/product/Drives.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>
                        <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>
                        <h3>Types Category Details :</h3>
                        <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>

                        <h3>Product Specification</h3>
                        <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>
                                    <tr>
                                        <td>Is It ISI Marked</td>
                                        <td>ISI Marked</td>
                                    </tr>
                                    <tr>
                                        <td>Warranty</td>
                                        <td>NA</td>
                                    </tr>
                                    <tr>
                                        <td>Waterproof</td>
                                        <td>Yes</td>
                                    </tr>
                                    <tr>
                                        <td>Finish Type</td>
                                        <td>Matte</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-4 col-xl-4 col-lg-4 col-md-4 col-sm-4 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/Analysis-Instrument.jpg" alt="Product" />
                                                </a>
                                            </div>
                                            <div id="small1" class="small mb-2">
                                                <img class="item active" src="designer/images/product/Analysis-Instrument.jpg" alt="Product" />
                                                <img class="item" src="designer/images/product/Drives.jpg" alt="Product">
                                                <div class="item youtube">
                                                    <a data-fancybox="" href="javascript:void(0);">
                                                        <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">
                                                            </path>
                                                        </svg>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xxl-8 col-xl-8 col-lg-8 col-md-8 col-sm-8 col-12">
                                        <div class="right-content">
                                            <div class="head"><a href="details.php" title="">Product Heading One</a></div>
                                            <div class="blue-line1"></div>
                                            <div class="more_info">
                                                <div class="productBrochureandvideo">
                                                    <a href="designer/images/Product-Brochure.pdf" title="Product Brochure" target="_blank">
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-pdf" viewBox="0 0 16 16">
                                                            <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.6 11.85H0v3.999h.791v-1.342h.803c.287 0 .531-.057.732-.173.203-.117.358-.275.463-.474a1.42 1.42 0 0 0 .161-.677c0-.25-.053-.476-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.545 1.333a.795.795 0 0 1-.085.38.574.574 0 0 1-.238.241.794.794 0 0 1-.375.082H.788V12.48h.66c.218 0 .389.06.512.181.123.122.185.296.185.522Zm1.217-1.333v3.999h1.46c.401 0 .734-.08.998-.237a1.45 1.45 0 0 0 .595-.689c.13-.3.196-.662.196-1.084 0-.42-.065-.778-.196-1.075a1.426 1.426 0 0 0-.589-.68c-.264-.156-.599-.234-1.005-.234H3.362Zm.791.645h.563c.248 0 .45.05.609.152a.89.89 0 0 1 .354.454c.079.201.118.452.118.753a2.3 2.3 0 0 1-.068.592 1.14 1.14 0 0 1-.196.422.8.8 0 0 1-.334.252 1.298 1.298 0 0 1-.483.082h-.563v-2.707Zm3.743 1.763v1.591h-.79V11.85h2.548v.653H7.896v1.117h1.606v.638H7.896Z">
                                                            </path>
                                                        </svg>
                                                        <span>Product Brochure</span>
                                                    </a>
                                                </div>
                                                <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 readMore2" 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_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>