work.php

<a name="work"></a>
<section id="work" class="bg-light-gray portfolio">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2 class="section-heading">Work</h2>
                <h3 class="section-subheading text-muted">Some of our previous work.</h3>
            </div>
        </div>

        <div class="row" style="text-align: center; padding-bottom: 50px">
            <h3 class="section-heading">Websites</h3>
        </div>

        <div class="row">

            <div class="col-md-6 col-sm-6 portfolio-item">
                <a href="#workModalGardeningExpress" class="portfolio-link" data-toggle="modal">
                    <div class="portfolio-hover">
                        <div class="portfolio-hover-content">
                            <i class="fa fa-plus fa-3x"></i>
                        </div>
                    </div>
                    <img src="img/work/gardening-express/thumb.png" class="img-responsive" alt="">
                </a>
                <div class="portfolio-caption">
                    <h4>Gardening Express</h4>
                    <p class="text-muted">Magento Based Ecommerce Solution</p>
                </div>
            </div>

            <div class="col-md-6 col-sm-6 portfolio-item">
            <a href="#workModalMapleTreeCarpentry" class="portfolio-link" data-toggle="modal">
                    <div class="portfolio-hover">
                        <div class="portfolio-hover-content">
                            <i class="fa fa-plus fa-3x"></i>
                        </div>
                    </div>
                    <img src="img/work/maple-tree-carpentry/thumb.png" class="img-responsive" alt="">
                </a>
                <div class="portfolio-caption">
                    <h4>Maple Tree Carpentry</h4>
                    <p class="text-muted">Website Design</p>
                </div>
            </div>

        </div>

        <div class = "row">
            <div class="col-md-6 col-sm-6 portfolio-item">
                <a href="#workModalGemcleanDetailing" class="portfolio-link" data-toggle="modal">
                    <div class="portfolio-hover">
                        <div class="portfolio-hover-content">
                            <i class="fa fa-plus fa-3x"></i>
                        </div>
                    </div>
                    <img src="img/work/gemclean-detailing/thumb.png" class="img-responsive" alt="">
                </a>
                <div class="portfolio-caption">
                    <h4>Gemclean Detailing</h4>
                    <p class="text-muted">Website Design</p>
                </div>
            </div>
            <div class="col-md-6 col-sm-6 portfolio-item">
                <a href="#workModalSurelock" class="portfolio-link" data-toggle="modal">
                    <div class="portfolio-hover">
                        <div class="portfolio-hover-content">
                            <i class="fa fa-plus fa-3x"></i>
                        </div>
                    </div>
                    <img src="img/work/surelock/thumb.png" class="img-responsive" alt="">
                </a>
                <div class="portfolio-caption">
                    <h4>Surelock</h4>
                    <p class="text-muted">Website Design &amp; Infrastructure Management</p>
                </div>
            </div>

        </div>

    </div>
</section>

<?php include('work-modal-gardening-express.php'); ?>
<?php include('work-modal-gemclean-detailing.php'); ?>
<?php include('work-modal-surelock.php'); ?>
<?php include('work-modal-maple-tree-carpentry.php'); ?>