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

<div class="container">
  {% for container in cards %}
    {% if container.title %}
      <h2 class="title">{{ container.title }}</h2>
    {% endif %}
    {% if container.intro %}
      <div class="intro"><p>{{ container.intro }}</p></div>
    {% endif %}
    <div id="cards-wrapper" class="cards-wrapper row justify-content-md-center">
      {% for card in container.cards %}
        <div class="item item-{{ card.color }} col-lg-4 col-6 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>