<nav class=“post-navigation” role=“navigation”>

<div class="row">
  <div class="col s5">
    <div class="post-nav-prev">
      {% if page.previous %}
      <a href="{{ site.url }}{{ page.previous.url }}" title="{{ page.previous.title }}">
        <div class="post-nav-btn">
          <div class="post-nav-text"><span class="danger-text-color"><i class="fa fa-angle-left"></i> ~ </span><span class="hidden-md primary-text-color">{{ page.previous.title }}</span></div>
        </div>
      </a>
      {% endif %}
    </div>
  </div>
  <div class="col s2">
    <a href="{{ site.url }}/">
      <div class="leonids-icon">
        <i class="fa fa-leaf"></i>
      </div>
    </a>
  </div>
  <div class="col s5 right">
    <div class="post-nav-next">
      {% if page.next %}
      <a href="{{ site.url }}{{ page.next.url }}" title="{{ page.previous.title }}">
        <div class="post-nav-btn">
          <div class="post-nav-text"><span class="hidden-md primary-text-color">{{ page.next.title }}</span><span class="success-text-color"> ~ <i class="fa fa-angle-right"></i></span></div>
        </div>
      </a>
      {% endif %}
    </div>
  </div>
</div>

</nav>