index.html

---
layout: page
description: "a handome Typography"
---
{% for post in paginator.posts %}
        <div class="post-preview">
            <header class="post-header">
              <div class="post-title">
                 <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
              </div>
              <div class="post-subtitle">
                Posted by {% if post.author %}{{ post.author }}{% else %}{{ site.title }}{% endif %} on {{ post.date | date: "%B %-d, %Y" }}
              </div>
            </header>

            <a href="{{ post.url | prepend: site.baseurl }}"><img src="{{ site.baseurl }}/assets/images/{{ post.feature }}" class="u-full-width"/></a>
        
            {% if post.subtitle %}
            <article class="pre-article">  
              {{ post.subtitle }}
            </article>
             {% endif %}
           <div class="post-excerpt">
              <a href="{{ post.url | prepend: site.baseurl }}">Continue Reading &rarr;</a>
            </div>
        </div>
{% endfor %}    
        <hr>
        {% if paginator.total_pages > 1 %}
        <div class="pager">
          {% if paginator.previous_page %}
          <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}" class="button u-pull-left">&larr; Newer </a>
          {% endif %}
    {% if paginator.next_page %}
          <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}" class="button u-pull-right">Older &rarr;</a>
           {% endif %}
        </div>
        {% endif %}