--- layout: default-post section_id: blog --- <div class="full"> <div class="post single"> {% if page.images %} <div class="post-header" style="background-image: url({{site.url}}/{{page.images[0]}})"> </div> {% endif %} <div class="four spacing"></div> <div class="row"> <div class="large-9 large-centered columns"> <div class="post-content"> <h2>{{page.title}}</h2> <p class='info'> {% if page.categories != empty %} <span> {% for cat in page.categories %} <a href="#">{{cat | capitalize }}</a> {% unless forloop.last %} , {% endunless %} {% endfor %} </span> / {% endif %} <span>{{page.date | date: "%B %d, %Y" }}</span> </p> {{content}} </div> </div> </div> </div> </div> <div class="full light-grey"> <nav class='wrapper'> <div class="row"> <div class="small-6 columns"> {% if page.previous.url %} <a class="previous button boxed black" href='{{page.previous.url}}'> <i class='fa fa-angle-left'></i> Previous post </a> {% endif %} </div> <div class="small-6 columns"> {% if page.next.url %} <a class="next button boxed black" href='{{page.next.url}}'> Next post<i class='fa fa-angle-right'></i> </a> {% endif %} </div> </div> </nav> </div>