<?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>Our Latest Articles.</strong></h1>
    </div>
</section>
<!-- END Intro -->

<!-- Latest Posts -->
<section class="site-content site-section">
    <div class="container">
        <div class="row row-items">
            <div class="col-md-6">
                <a href="blog_post.php" class="post">
                    <div class="post-image">
                        <img src="img/placeholders/photos/photo4.jpg" alt="" class="img-responsive">
                    </div>
                    <div class="text-muted pull-right">2 days ago</div>
                    <h2 class="h4">
                        <strong>The autumn trip that changed my life</strong>
                    </h2>
                    <p>Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta.</p>
                </a>
            </div>
            <div class="col-md-6">
                <a href="blog_post.php" class="post">
                    <div class="post-image">
                        <img src="img/placeholders/photos/photo11.jpg" alt="" class="img-responsive">
                    </div>
                    <div class="text-muted pull-right">5 days ago</div>
                    <h2 class="h4">
                        <strong>The best pizza you'll ever taste</strong>
                    </h2>
                    <p>Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta.</p>
                </a>
            </div>
        </div>
        <div class="row row-items">
            <div class="col-md-6">
                <a href="blog_post.php" class="post">
                    <div class="post-image">
                        <img src="img/placeholders/photos/photo14.jpg" alt="" class="img-responsive">
                    </div>
                    <div class="text-muted pull-right">1 week ago</div>
                    <h2 class="h4">
                        <strong>Best breakfast picks</strong>
                    </h2>
                    <p>Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta.</p>
                </a>
            </div>
            <div class="col-md-6">
                <a href="blog_post.php" class="post">
                    <div class="post-image">
                        <img src="img/placeholders/photos/photo20.jpg" alt="" class="img-responsive">
                    </div>
                    <div class="text-muted pull-right">2 weeks ago</div>
                    <h2 class="h4">
                        <strong>10 productivity tips</strong>
                    </h2>
                    <p>Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta.</p>
                </a>
            </div>
        </div>
        <div class="row row-items">
            <div class="col-md-6">
                <a href="blog_post.php" class="post">
                    <div class="post-image">
                        <img src="img/placeholders/photos/photo22.jpg" alt="" class="img-responsive">
                    </div>
                    <div class="text-muted pull-right">3 weeks ago</div>
                    <h2 class="h4">
                        <strong>Going with a premium account</strong>
                    </h2>
                    <p>Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta.</p>
                </a>
            </div>
            <div class="col-md-6">
                <a href="blog_post.php" class="post">
                    <div class="post-image">
                        <img src="img/placeholders/photos/photo21.jpg" alt="" class="img-responsive">
                    </div>
                    <div class="text-muted pull-right">1 month ago</div>
                    <h2 class="h4">
                        <strong>Sunflower seeds are the best</strong>
                    </h2>
                    <p>Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta.</p>
                </a>
            </div>
        </div>
        <div class="row row-items">
            <div class="col-md-6">
                <a href="blog_post.php" class="post">
                    <div class="post-image">
                        <img src="img/placeholders/photos/photo13.jpg" alt="" class="img-responsive">
                    </div>
                    <div class="text-muted pull-right">2 months ago</div>
                    <h2 class="h4">
                        <strong>Spring is upon us</strong>
                    </h2>
                    <p>Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta.</p>
                </a>
            </div>
            <div class="col-md-6">
                <a href="blog_post.php" class="post">
                    <div class="post-image">
                        <img src="img/placeholders/photos/photo12.jpg" alt="" class="img-responsive">
                    </div>
                    <div class="text-muted pull-right">2 months ago</div>
                    <h2 class="h4">
                        <strong>Going out for a drink</strong>
                    </h2>
                    <p>Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus. Mauris tincidunt tincidunt turpis in porta.</p>
                </a>
            </div>
        </div>
        <div class="text-center">
            <ul class="pagination">
                <li class="active"><a href="javascript:void(0)">1</a></li>
                <li><a href="javascript:void(0)">2</a></li>
                <li><a href="javascript:void(0)">3</a></li>
                <li><span>...</span></li>
                <li><a href="javascript:void(0)">20</a></li>
                <li><a href="javascript:void(0)"><i class="fa fa-chevron-right"></i></a></li>
            </ul>
        </div>
    </div>
</section>
<!-- END Latest Posts -->

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