{% 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>