Tags

        <div class="container text-center" style="color: cornsilk;">
            <div class="row">
                <div class="col-md-12">
                    <h1 style="font-family: 'Space Grotesk', sans-serif; color: black; padding: 40px 0;"><span
                            style="color: darkred;">All Tags:</span>&#8594;</h1>
                </div>
            </div>
            <div class="row">
                {% assign all_tags = site.posts | map: 'tags' | join: ',' | split: ',' | uniq %}
                {% for tag_name in all_tags %}
                <div class="col-4" style="margin-bottom: 40px;">
                    <div id="{{ tag_name | slugize }}"></div>
                    <a class="btn btn-warning" href="{{ site.baseurl }}/tags/{{ tag_name | slugize }}"
                       style="font-size: small; color: darkred; text-transform: uppercase;">{{ tag_name }}</a>
                </div>
                {% endfor %}
            </div>
        </div>


        <div class="row text-center" style="padding-top: 50px;">
            <div class="col-md-12">
                <img src="/assets/images/Decorative%20Line4.png" alt="Decorative Line"
                     style="margin: 0 auto; width: 250px;">
            </div>
        </div>
    </div>
</div>