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