<section class=“mdc-layout-grid”>

<div class="mdc-layout-grid__inner">
  {% for service in site.services %}
  <div class="mdc-layout-grid__cell mdc-card mdc-card--outlined service-item">
    {% if service.icon %}
    <span class="material-icons">{{ service.icon }}</span>
    {% endif %}
    <h2><a href="{{ site.baseurl }}{{ service.url }}">{{ service.title }}</a></h2>
    <p>{{ service.description }}</p>
  </div>
  {% endfor %}
</div>

</section>