<div class=“ftco-section”>

<div class="container">
  <div class="row justify-content-center mb-5 pb-5">
    <div class="col-md-7 text-center" data-aos="fade-up">
      <h2>What We Do</h2>
    </div>
  </div>
  <div class="row">
  {% for items in site.data._whatwedo.whatwedo %}
    <div class="col-md-6 col-lg-4" data-aos="fade-up">
      <div class="media block-6 d-block text-center">
        <div class="icon mb-4"><span class="flaticon-gavel"></span></div>
        <div class="media-body">
          <h3 class="heading">{{ items.title }}</h3>
          <p>{{ items.content }}</p>
        </div>
      </div>
    </div>
  {% endfor %}
  </div>
</div>

</div>