index.html

---
layout: default
---
<!-- <ul> -->
  {% for post in paginator.posts limit:5 %}
  <br>
    <div class="card darkbg">
      <div class="card-header">
        <a class="text-white" href="{{post.url}}"><h3 class="card-title">{{post.title}}</h3></a>
			<small class="small">
				{{ post.date | date: "%B %d, %Y" }}
			</small>
      </div>
      <div class="card-body">

        <!-- <h4 >Card title</h4> -->
        <p class="card-text">{{post.content}}</p>
        <!-- <a href="#" class="card-link">Card link</a>
        <a href="#" class="card-link">Another link</a> -->
      </div>
      <div class="card-footer">
      </div>
    </div>
  {% endfor %}
  <br>
  <hr>
  <!-- prev next buttons -->
  <div class="container">
    <!-- Pagination links -->
    <div class="pagination">
      <div class="card darkbg">
        <div class="card-body">
          {% if paginator.previous_page %}
            <a href="{{ paginator.previous_page_path }}" class="previous">
              Previous
            </a>
          {% else %}
            <span class="previous">Previous</span>
          {% endif %}
        	&nbsp;-&nbsp;
          <span class="page_number ">
            Page: {{ paginator.page }} of {{ paginator.total_pages }}
          </span>
        	&nbsp;-&nbsp;
          {% if paginator.next_page %}
            <a href="{{ paginator.next_page_path }}" class="next">Next</a>
          {% else %}
            <span class="next ">Next</span>
          {% endif %}
        </div>
      </div>
    </div>
  </div>