<?php include 'inc/config.php'; ?>
<?php include 'inc/template_start.php'; ?>
<?php include 'inc/page_head.php'; ?>

<!-- Intro -->
<section class="site-section site-section-top site-section-light themed-background-dark">
    <div class="container">
        <h1 class="text-center animation-fadeInQuickInv"><strong>Hand picked projects we've worked on.</strong></h1>
    </div>
</section>
<!-- END Intro -->

<!-- Portfolio -->
<section class="site-content site-section">
    <div class="container">
        <div class="row push-bit">
            <div class="col-md-6">
                <a href="project.php" class="portfolio-item themed-background-social">
                    <h2 class="site-heading h3">
                        <strong class="text-uppercase">Project 1</strong>
                    </h2>
                    <div class="row">
                        <div class="col-sm-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInRight" data-element-offset="-20">
                            <p><img src="img/placeholders/screenshots/promo_2.png" alt="" class="img-responsive portfolio-item-img-left"></p>
                        </div>
                        <div class="col-sm-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInLeft" data-element-offset="-20">
                            <p>Suspendisse potenti. Aliquam quis ligula elit. Aliquam at orci ac neque semper dictum. Sed tincidunt scelerisque ligula, et facilisis nulla hendrerit non.</p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-6">
                <a href="project.php" class="portfolio-item themed-background-passion">
                    <h2 class="site-heading h3">
                        <strong class="text-uppercase">Project 2</strong>
                    </h2>
                    <div class="row">
                        <div class="col-sm-6 col-sm-push-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInLeft" data-element-offset="-20">
                            <p><img src="img/placeholders/screenshots/promo_1.png" alt="" class="img-responsive portfolio-item-img-right"></p>
                        </div>
                        <div class="col-sm-6 col-sm-pull-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInRight" data-element-offset="-20">
                            <p>Suspendisse potenti. Aliquam quis ligula elit. Aliquam at orci ac neque semper dictum. Sed tincidunt scelerisque ligula, et facilisis nulla hendrerit non.</p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-6">
                <a href="project.php" class="portfolio-item themed-background-classy">
                    <h2 class="site-heading h3">
                        <strong class="text-uppercase">Project 3</strong>
                    </h2>
                    <div class="row">
                        <div class="col-sm-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInRight" data-element-offset="-20">
                            <p><img src="img/placeholders/screenshots/promo_2.png" alt="" class="img-responsive portfolio-item-img-left"></p>
                        </div>
                        <div class="col-sm-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInLeft" data-element-offset="-20">
                            <p>Suspendisse potenti. Aliquam quis ligula elit. Aliquam at orci ac neque semper dictum. Sed tincidunt scelerisque ligula, et facilisis nulla hendrerit non.</p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-6">
                <a href="project.php" class="portfolio-item themed-background-flat">
                    <h2 class="site-heading h3">
                        <strong class="text-uppercase">Project 4</strong>
                    </h2>
                    <div class="row">
                        <div class="col-sm-6 col-sm-push-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInLeft" data-element-offset="-20">
                            <p><img src="img/placeholders/screenshots/promo_3.png" alt="" class="img-responsive portfolio-item-img-right"></p>
                        </div>
                        <div class="col-sm-6 col-sm-pull-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInRight" data-element-offset="-20">
                            <p>Suspendisse potenti. Aliquam quis ligula elit. Aliquam at orci ac neque semper dictum. Sed tincidunt scelerisque ligula, et facilisis nulla hendrerit non.</p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-6">
                <a href="project.php" class="portfolio-item themed-background-creme">
                    <h2 class="site-heading h3">
                        <strong class="text-uppercase">Project 5</strong>
                    </h2>
                    <div class="row">
                        <div class="col-sm-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInRight" data-element-offset="-20">
                            <p><img src="img/placeholders/screenshots/promo_2.png" alt="" class="img-responsive portfolio-item-img-left"></p>
                        </div>
                        <div class="col-sm-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInLeft" data-element-offset="-20">
                            <p>Suspendisse potenti. Aliquam quis ligula elit. Aliquam at orci ac neque semper dictum. Sed tincidunt scelerisque ligula, et facilisis nulla hendrerit non.</p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-6">
                <a href="project.php" class="portfolio-item themed-background-amethyst">
                    <h2 class="site-heading h3">
                        <strong class="text-uppercase">Project 6</strong>
                    </h2>
                    <div class="row">
                        <div class="col-sm-6 col-sm-push-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInLeft" data-element-offset="-20">
                            <p><img src="img/placeholders/screenshots/promo_3.png" alt="" class="img-responsive portfolio-item-img-right"></p>
                        </div>
                        <div class="col-sm-6 col-sm-pull-6 visibility-none" data-toggle="animation-appear" data-animation-class="animation-fadeInRight" data-element-offset="-20">
                            <p>Suspendisse potenti. Aliquam quis ligula elit. Aliquam at orci ac neque semper dictum. Sed tincidunt scelerisque ligula, et facilisis nulla hendrerit non.</p>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>
<!-- END Portfolio -->

<?php include 'inc/page_footer.php'; ?>
<?php include 'inc/template_scripts.php'; ?>
<?php include 'inc/template_end.php'; ?>