layout: page


<!–Main Navigation–>

<!–Main layout–> <!–Section: Jumbotron–> {% include blog/blog-header.html %}

<div class=“container mt-5 pt-3”>

<!-- Excerpt -->
<a href="">
    <h6 class="text-center font-weight-bold blue-text">
        <strong>{{ site.data.blog.list.subheading| default: site.data.default.blog_list_subheading }}</strong>
    </h6>
</a>
<h1 class="text-center font-weight-bold dark-grey-text py-3">
    <strong>{{ site.data.blog.list.heading | default: site.data.default.blog_list_heading }}</strong>
</h1>

<p class="grey-text text-center mb-5 pb-3">
    <em>{{ site.data.blog.list.description| default: site.data.default.blog_list_description }}</em>
    </p>

    <hr>

    <!-- Blog -->
    <div class="row mt-5 pt-3">

        <!-- Main listing -->
        <div class="col-lg-9 col-12 mt-1">

            <!-- Section: Blog v.3 -->
            <section class="pb-3 text-center text-lg-left">

                <!-- Grid row -->
                {% for post in paginator.posts %}
                {% include blog/post-list-row.html %}
                <hr class="mb-5">
                {% endfor %}
                <!-- Grid row -->
            </section>
            <!-- Section: Blog v.3 -->

            <!-- Pagination dark grey -->
            {% if paginator.total_pages > 1 %}
            <nav class="mb-5 pb-2">
                <ul class="pagination pg-darkgrey flex-center">
                    <!--Arrow left-->
                    {% if paginator.previous_page %}

                    <li class="page-item">
                        <a class="page-link" href="{{ paginator.previous_page_path | prepend: site.base_url | replace: '//', '/' }}" aria-label="Previous">
                            <span aria-hidden="true">&laquo;</span>
                            <span class="sr-only">Previous</span>
                        </a>
                    </li>
                    {% endif %}
                    {% for page in (1..paginator.total_pages) %}

                    {% if page == paginator.page %}
                    <li class="page-item active">
                        <a class="page-link" href="#">{{page}}
                            <span class="sr-only">(current)</span>
                        </a>
                    </li>
                    {% elsif page == 1 %}
                    <li class="page-item">
                        <a class="page-link" href="{{ site.paginate_path | prepend: site.base_url | replace: '//', '/' | replace: '/page:num', '' }}">{{page}}</a>
                    </li>                             
                    {% else %}
                    <li class="page-item">
                        <a class="page-link" href="{{ site.paginate_path | prepend: site.base_url | replace: '//', '/' | replace: ':num', page }}">{{page}}</a>
                    </li>
                    {% endif %}

                    {% endfor %}

                    {% if paginator.next_page %}
                    <li class="page-item">
                        <a class="page-link"  href="{{ paginator.next_page_path | prepend: site.base_url | replace: '//', '/' }}" aria-label="Next">
                            <span aria-hidden="true">&raquo;</span>
                            <span class="sr-only">Next</span>
                        </a>
                    </li>
                    {% endif %} 
                </ul>
            </nav>
            <!-- Pagination dark grey -->
            {%endif%}
        </div>
        <!-- Main listing -->

        <!-- Sidebar -->
        <div class="col-lg-3 col-12 px-4 mt-1 blue-grey lighten-5">

            <!-- Author -->
            {% if site.posts.size!=0 %}
            {% include blog/featuredposts.html %}
            {% include blog/recentposts.html %}
            {% include blog/categories.html %}
            {% include blog/tags.html %}

            {% endif %}

        </div>
        <!-- Sidebar -->

    </div>
    <!-- Blog -->

</div>