{% set active_page = 'blog-list-small.html' -%}

{% extends "layouts/default.html" %}

{% block content %}
<div class="section">
    <div class="section-content">
        <div class="container">
            <div class="row p-y-10">
                <div class="col-md-12">
                    <h3 class="h2 --o--heading-bordered text-capitalize --o--os-animation m-b-4" data-os-animation="fadeIn" data-os-animation-delay=".3s">
                        <small class="text-muted font-italic">Latest</small> News
                    </h3>

                    <div class="card-columns">
                        <div class="card --o--shadow-4 --o--shadow-hover-8 --o--transition m-x-1 m-t-1 --o--os-animation" data-os-animation="fadeIn" data-os-animation-delay=".3s">
                            <div class="card-img-container">
                                <img class="card-img-top" src="https://placehold.it/550x270" alt="Card image cap">
                            </div>
                            <div class="card-block">
                                <h3 class="card-title">
                                    <a href="single-post.html">The power is within</a>
                                </h3>
                                <h6 class="card-subtitle font-italic text-muted">by <a href="staff-single.html">Christos</a> in <a href="blog-list-wide.html">Teachings</a> On 12 May 1977</h6>
                            </div>
                        </div>

                        <div class="card --o--shadow-4 --o--shadow-hover-8 --o--transition m-x-1 m-t-1 --o--os-animation" data-os-animation="fadeIn" data-os-animation-delay=".3s">
                            <div class="card-block">
                                <blockquote class="card-blockquote blockquote">
                                    <p>Blessed is the man who doesn't walk in the counsel of the wicked, nor stand in the way of sinners, nor sit in the seat of scoffers; but his delight is in Yahweh's law.</p>
                                    <footer class="blockquote-footer">JOHN LANGAN</footer>
                                </blockquote>
                            </div>
                        </div>

                        <div class="card --o--shadow-4 --o--shadow-hover-8 --o--transition m-x-1 m-t-1 --o--os-animation" data-os-animation="fadeIn" data-os-animation-delay=".3s">
                            <img class="card-img-top" src="https://placehold.it/550x270" alt="Card image cap">
                            <div class="card-block">
                                <h3 class="card-title">
                                    <a href="single-post.html">If God is for us, who can be against us?</a>
                                </h3>
                                <h6 class="card-subtitle font-italic text-muted">By <a href="staff-single.html">Stelios</a> in <a href="blog-list-wide.html">Teachings</a> on June 19 1990</h6>
                            </div>
                        </div>

                        <div class="card --o--shadow-4 --o--shadow-hover-8 --o--transition m-x-1 m-t-1 --o--os-animation" data-os-animation="fadeIn" data-os-animation-delay=".3s">
                            <div class="card-block">
                                <h3 class="card-title">
                                    <a href="single-post.html">A Friend Loves At All Times</a>
                                </h3>
                                <h6 class="card-subtitle font-italic text-muted">By <a href="staff-single.html">Christos</a> on May 1977</h6>
                            </div>
                            <div class="card-block">
                                <p class="card-text">Blessed is the man who doesn't walk in the counsel of the wicked, nor stand in the way of sinners, nor sit in the seat of scoffers; but his delight is in Yahweh's law. On his law he meditates day and night. He will be like a tree planted by the streams of water.</p>
                            </div>
                        </div>

                        <div class="card --o--shadow-4 --o--shadow-hover-8 --o--transition m-x-1 m-t-1 --o--os-animation" data-os-animation="fadeIn" data-os-animation-delay=".3s">
                            <div class="card-block">
                                <h3 class="card-title">
                                    <a href="single-post.html">Greater love has no one than this</a>
                                </h3>
                                <h6 class="card-subtitle font-italic text-muted">By <a href="staff-single.html">Christos</a> on May 1977</h6>
                            </div>
                            <div class="card-block">
                                <p class="card-text">Blessed is the man who doesn't walk in the counsel of the wicked, nor stand in the way of sinners, nor sit in the seat of scoffers; but his delight is in Yahweh's law. On his law he meditates day and night. He will be like a tree planted by the streams of water.</p>
                            </div>
                        </div>

                        <div class="card --o--shadow-4 --o--shadow-hover-8 --o--transition m-x-1 m-t-1 --o--os-animation" data-os-animation="fadeIn" data-os-animation-delay=".3s">
                            <div class="card-img-container">
                                <div id="carousel-card-1" class="carousel slide w-100" data-ride="carousel">
                                    <div class="carousel-inner" role="listbox">
                                        <div class="carousel-item active">
                                            <img class="card-img" src="https://placehold.it/550x270" alt="Card image">
                                        </div>
                                        <div class="carousel-item">
                                            <img class="card-img" src="https://placehold.it/550x270" alt="Card image">
                                        </div>
                                    </div>
                                </div>
                                <a class="left carousel-control" href="#carousel-card-1" role="button" data-slide="prev">
                                    <span class="icon-prev" aria-hidden="true"></span>
                                    <span class="sr-only">Previous</span>
                                    </a>
                                <a class="right carousel-control" href="#carousel-card-1" role="button" data-slide="next">
                                    <span class="icon-next" aria-hidden="true"></span>
                                    <span class="sr-only">Next</span>
                                </a>
                            </div>
                            <div class="card-block">
                                <h3 class="card-title">
                                    <a href="single-post.html">What, then, shall we say in response to these things?</a>
                                </h3>
                                <h6 class="card-subtitle font-italic text-muted">By <a href="staff-single.html">Christos</a> on May 1977</h6>
                            </div>
                        </div>

                        <div class="card --o--shadow-4 --o--shadow-hover-8 --o--transition m-x-1 m-t-1 --o--os-animation" data-os-animation="fadeIn" data-os-animation-delay=".3s">
                            <div class="card-img-container">
                                <div id="carousel-card-2" class="carousel slide" data-ride="carousel">
                                    <div class="carousel-inner" role="listbox">
                                        <div class="carousel-item active">
                                            <img class="card-img" src="https://placehold.it/550x270" alt="Card image">
                                        </div>
                                        <div class="carousel-item">
                                            <img class="card-img" src="https://placehold.it/550x270" alt="Card image">
                                        </div>
                                    </div>
                                </div>
                                <a class="left carousel-control" href="#carousel-card-2" role="button" data-slide="prev">
                                    <span class="icon-prev" aria-hidden="true"></span>
                                    <span class="sr-only">Previous</span>
                                    </a>
                                <a class="right carousel-control" href="#carousel-card-2" role="button" data-slide="next">
                                    <span class="icon-next" aria-hidden="true"></span>
                                    <span class="sr-only">Next</span>
                                </a>
                            </div>
                            <div class="card-block">
                                <h3 class="card-title">
                                    <a href="single-post.html">God is the only path</a>
                                </h3>
                                <h6 class="card-subtitle font-italic text-muted">By <a href="staff-single.html">Christos</a> on May 1977</h6>
                            </div>
                            <div class="card-block">
                                <p class="card-text">Blessed is the man who doesn't walk in the counsel of the wicked, nor stand in the way of sinners, nor sit in the seat of scoffers; but his delight is in Yahweh's law.</p>
                            </div>
                        </div>

                        <div class="card --o--shadow-4 --o--shadow-hover-8 --o--transition m-x-1 m-t-1 --o--os-animation" data-os-animation="fadeIn" data-os-animation-delay=".3s">
                            <div class="card-block">
                                <blockquote class="card-blockquote blockquote">
                                    <p>But those who hope in the LORDwill renew their strength. They will soar on wings like eagles; they will run and not grow weary, they will walk and not be faint.</p>
                                    <footer class="blockquote-footer">JOHN LANGAN</footer>
                                </blockquote>
                            </div>
                        </div>

                        <div class="card --o--shadow-4 --o--shadow-hover-8 --o--transition m-x-1 m-t-1 --o--os-animation" data-os-animation="fadeIn" data-os-animation-delay=".3s">
                            <img class="card-img-top" src="https://placehold.it/550x270" alt="Card image cap">
                            <div class="card-block">
                                <h3 class="card-title">
                                    <a href="single-post.html">Greater love has no one than this</a>
                                </h3>
                                <h6 class="card-subtitle font-italic text-muted">By <a href="staff-single.html">Stelios</a> on June 1990</h6>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6 col-xs-6">
                    <h3 class="--o--heading-bordered text-capitalize --o--os-animation" data-os-animation="fadeInUp" data-os-animation-delay=".3s">
                        <a href="blog-list-wide.html">
                            <small class="text-muted font-italic">&larr; Previous</small> Older Posts
                        </a>
                    </h3>
                </div>
                <div class="col-md-6 col-xs-6">
                    <h3 class="--o--heading-bordered --o--heading-bordered-reversed text-capitalize --o--os-animation" data-os-animation="fadeInUp" data-os-animation-delay=".6s">
                        <a href="blog-list.html">
                            <small class="text-muted font-italic">Next &rarr;</small> Newer Posts
                        </a>
                    </h3>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}