<!doctype html>
<html lang="en">
 
<head>
    <!-- Required meta tags -->
    <?php include('includes/meta.php');?>
    <title>Pillarstone | Services</title>
    <?php include('includes/css.php');?>
</head>

<body>
    <!--::header part start::-->
    <?php include('layouts/header.php'); ?>
    <!-- Header part end-->

    <!-- breadcrumb start-->
    <section class="breadcrumb breadcrumb_bg">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcrumb_iner">
                        <div class="breadcrumb_iner_item">
                            <h2>services</h2>
                            <p> <a href="index">Home</a> <span>-</span>services</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- breadcrumb start-->

    <!-- service part start-->
     <?php include('layouts/icon-section.php');?>
    <!-- service part start-->

    <!--::industries start::-->
    <section class="mt-2 " style="margin-bottom:200px;">
        <div class="container">
            <div class="row">
                <div class="col-xl-3">
                    <div class="section_tittle">
                        <h2>Services</h2>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="wrapper">
                        <!-- filter Items -->
                        <nav>
                        <div class="items">
                            <span class="item active" data-name="all">All</span>
                            <span class="item" data-name="signage">Signage</span>
                            <span class="item" data-name="printing">Digital Printing</span>
                            <span class="item" data-name="branding">Car Branding</span>
                            <span class="item" data-name="it">IT Solutions</span>

                        </div>
                        </nav>
                        <!-- filter Images -->
                        <div class="gallery">
                        <div class="image" data-name="branding"><span><img src="img/services/1.png" alt=""></span></div>
                        <div class="image" data-name="branding"><span><img src="img/services/2.png" alt=""></span></div>
                        <div class="image" data-name="branding"><span><img src="img/services/3.png" alt=""></span></div>
                        <div class="image" data-name="branding"><span><img src="img/services/4.png" alt=""></span></div>
                        <div class="image" data-name="branding"><span><img src="img/services/5.png" alt=""></span></div>
                        <div class="image" data-name="signage"><span><img src="img/services/6.png" alt=""></span></div>
                        <div class="image" data-name="signage"><span><img src="img/services/5.png" alt=""></span></div>
                        <div class="image" data-name="signage"><span><img src="img/services/8.png" alt=""></span></div>
                        <div class="image" data-name="signage"><span><img src="img/services/12.png" alt=""></span></div>
                        <div class="image" data-name="printing"><span><img src="img/services/10.png" alt=""></span></div>
                        <div class="image" data-name="printing"><span><img src="img/services/11.png" alt=""></span></div>
                        <div class="image" data-name="printing"><span><img src="img/services/12.png" alt=""></span></div>
                        <div class="image" data-name="signage"><span><img src="img/services/13.png" alt=""></span></div>                      
                        <div class="image" data-name="printing"><span><img src="img/services/14.png" alt=""></span></div>                      
                        <div class="image" data-name="it"><span><img src="img/services/15.png" alt=""></span></div>                      
                        <div class="image" data-name="it"><span><img src="img/services/16.png" alt=""></span></div>                      
                    </div>
                    </div>
                    <!-- fullscreen img preview box -->
                    <div class="preview-box">
                        <div class="details">
                        <span class="title">Image Category: <p></p></span>
                        <span class="icon fas fa-times"></span>
                        </div>
                        <div class="image-box"><img src="" alt=""></div>
                    </div>
                    <div class="shadow"></div>
                </div>
            </div>
        </div>
    </section>
    <!--::industries end::-->

    <!-- footer part start-->
    <?php include('layouts/footer.php'); ?>
    <!-- footer part end-->

    <!-- jquery plugins here-->
    <?php include('includes/js.php');?>
</body>

</html>