posts.html

---
permalink: /posts/
layout: posts
---

<style>
    section::before {
        display: block;
        content: " ";
        margin-top: -1rem;
        height: 2rem;
        visibility: hidden;
        pointer-events: none;
    }
</style>

{% for category in site.categories %}
{% capture category_name %}{{ category | first }}{% endcapture %}
<section class="no-padding" id="{{ category_name }}">
    <p class="bottom-three"></p>
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2 class="section-heading">{{ category_name | split : "-" | join : " " | capitalize }}</h2>
                <hr class="primary">
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row no-gutter">
            {% for post in site.categories[category_name] %}
            {% include post_thumb.html %}
            {% endfor %}
        </div>
    </div>
</section>
{% endfor %}