index.html

---
layout: default
---
<div class="col-md-8 col-lg-9 content-column">
    <div class="small-navbar d-flex d-md-none">
        <button type="button" data-toggle="offcanvas" class="btn btn-outline-primary"> <i class="fa fa-align-left mr-2"></i>Menu</button>
        <h1 class="small-navbar-heading"> <a href="{{ site.url }}">Creative </a></h1>
    </div>
    <div class="grid row">
        {% for post in paginator.posts %}
        <div class="col-md-6 col-lg-3 grid-item">
            <div class="box-masonry">
                <a href="{{ post.url | prepend: site.baseurl | prepend: site.url }}" title="{{ post.title }}" class="box-masonry-image with-hover-overlay with-hover-icon"><img src="{{ post.image | prepend: '/img/' | prepend: site.baseurl | prepend: site.url }}" class="img-fluid"></a>
                <div class="box-masonry-text"> <a href="{{ post.url | prepend: site.baseurl | prepend: site.url }}" class="tile-link"> </a>
                    <h4>{{ post.title }}</h4>
                    <div class="box-masonry-desription">
                        <p> {{ post.excerpt }} </p>
                    </div>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
    {% if paginator.total_pages > 1 %}
    <div class="pagination">
        {% if paginator.previous_page %}
        <a href="{{ paginator.previous_page_path | relative_url }}">&laquo; Prev</a>
        {% else %}
        <span>&laquo; Prev</span>
        {% endif %}
        {% for page in (1..paginator.total_pages) %}
        {% if page == paginator.page %}
        <em>{{ page }}</em>
        {% elsif page == 1 %}
        &nbsp;<a href="{{ paginator.previous_page_path | relative_url }}">{{ page }}</a>&nbsp;
        {% else %}
        &nbsp;<a href="{{ site.paginate_path | relative_url | replace: ':num', page }}">{{ page }}</a>&nbsp;
        {% endif %}
        {% endfor %}
        {% if paginator.next_page %}
        <a href="{{ paginator.next_page_path | relative_url }}">Next &raquo;</a>
        {% else %}
        <span>Next &raquo;</span>
        {% endif %}
    </div>
    {% endif %}
</div>