<div class=“blog-wrapper”>
<h2 style="width:100%;text-align:center"> You may also like</h2> {% if page.next.url %} <div class="post-preview-wrapper" > <div class="post-preview-img" style="background-image: url('{{ site.baseurl }}/{{ page.next.background }}');"></div> <div class="post-preview-text"> <a href="{{ site.baseurl }}{{ page.next.url }}" class="post-preview-title"> <h2>{{ page.next.title }}</h2> <h3>{{ page.next.subtitle }}</h3> </a> <ul class="center-text"> {% for categories in page.next.categories | sort %} <li class="post-tag"><a href="{{ site.baseurl }}/slow-blog/categories/#{{ categories | slugify }}"> {{ categories | upcase }}</a></li>{% endfor %}</ul> </div> </div> {% endif %} {% if page.previous.url %} <div class="post-preview-wrapper" > <div class="post-preview-img" style="background-image: url('{{ site.baseurl }}/{{ page.previous.background }}');"></div> <div class="post-preview-text"> <a href="{{ site.baseurl }}{{ page.previous.url }}" class="post-preview-title"> <h2>{{ page.previous.title }}</h2> <h3 >{{ page.previous.subtitle }}</h3> </a> <ul class="center-text"> {% for categories in page.previous.categories | sort %} <li class="post-tag"><a href="{{ site.baseurl }}/slow-blog/categories/#{{ categories | slugify }}"> {{ categories | upcase }}</a></li>{% endfor %}</ul> </div> </div> {% endif %}
</div>