{% include _utils/common %} <section class=“cards-section text-center”>

{% for container in cards %}
<div class="cards-container container container-fluid">
    {% if container.title %}<h2 class="title">{{ container.title }}</h2>{% endif %}
    {% if container.intro %}<div class="intro">{{ container.intro }}</div>{% endif %}
    <div class="cards-wrapper row row-centered">
        {% for card in container.cards %}
            <div class="item item-{{ card.color }} col-md-4 col-sm-6 col-xs-12 col-centered">
                <div class="item-inner">
                    <div class="icon-holder">
                        <span aria-hidden="true" class="icon {{ card.icon }}"></span>
                    </div>
                    {% if card.title %}<h3 class="title">{{ card.title }}</h3>{% endif %}
                    {% if card.intro %}<p class="intro">{{ card.intro }}</p>{% endif %}
                    <a class="link" href="{{ card.url | prepend: site.baseurl }}">
                        <span></span>
                    </a>
                </div>
            </div>
        {% endfor %}
    </div>
</div>
{% endfor %}

</section>