{% for post in paginator.posts %}
<h3>
    <a class="post-link-heading" href="{{ post.url | prepend: site.baseurl }}">
        {{ post.title }}
    </a>
</h3>

<div class="post-under-heading">

    <span class="header-font">{{ post.date | date: "%-d %B %Y"}}</span>

    <p>
        {{ post.excerpt }}
    </p>
</div>
<hr>
{% endfor %}

{% if paginator.total_pages > 1 %}
<nav class="text-center">
    <ul class="pager">
        {% if paginator.next_page %}
        <li>
            <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">
                <i class="fa fa-arrow-circle-o-left"></i> Older
            </a>
        </li>
        {% else %}
        <li class="disabled">
            <a href="#">
                <i class="fa fa-arrow-circle-o-left"></i> <span class="sr-only">no </span>Older<span class="sr-only"> posts</span>
            </a>
        </li>
        {% endif %}
        {% if paginator.previous_page %}
        <li>
            <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">
                Newer <i class="fa fa-arrow-circle-o-right"></i>
            </a>
        </li>
        {% else %}
        <li class="disabled">
            <a href="#">
                <span class="sr-only">no </span>Newer<span class="sr-only"> posts</span> <i class="fa fa-arrow-circle-o-right"></i>
            </a>
        </li>
        {% endif %}
    </ul>
</nav>
{% endif %}