ura.design/_layouts/post.html

---
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}}'>
            <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>