<div class="row">
    <div class="col-12 col-sm-6 col-lg-4 col-xl-3">
      <div class="card mb-5">
        <a href="/services/events/34" class="card-link">
          <div class="bg-secondary bg-light">
            <img alt="event image" src="/storage/W1siZiIsIjIwMjUvMDQvMDQvNHoxdXVnMTl1bF9FdmVudG9zX0ZlcnJhbWVudGFzX0hBQi5qcGciXSxbInAiLCJ0aHVtYiIsIjY0MHg2NDAjIl1d?sha=9ecefc39f4c16c4b" class="card-img img-grayscale">
          </div>
          <div class="card-body p-0">
            <div class="card-date text-white text-center bg-primary bg-dark">
              <h5 class="font-weight-bold mb-0">23</h5>
              <small class="text-uppercase">Apr</small>
            </div>
            <div class="card-title text-uppercase mt-2 h6 text-dark">PLATAFORMA XMLSCE E FERRAMENTA DE CÁLCULO - HABITAÇÃO</div>
          </div>
        </a>
      </div>
    </div>
    <div class="col-12 col-sm-6 col-lg-4 col-xl-3">
      <div class="card mb-5">
        <a href="/services/events/25" class="card-link">
          <div class="bg-secondary bg-light">
            <img alt="event image" src="/storage/W1siZiIsIjIwMjQvMDUvMTMvb2l4YTB5dmJwX0UyaF9zaXRlX2ltYWdlXzJfY29weS5qcGciXSxbInAiLCJ0aHVtYiIsIjY0MHg2NDAjIl1d?sha=c8a455fc67bc09ca" class="card-img img-grayscale">
          </div>
          <div class="card-body p-0">
            <div class="card-date text-white text-center bg-primary bg-dark">
              <h5 class="font-weight-bold mb-0">24</h5>
              <small class="text-uppercase">Oct</small>
            </div>
            <div class="card-title text-uppercase mt-2 h6 text-dark">E2H - Energy and water efficiency of buildings and communities</div>
          </div>
        </a>
      </div>
    </div>
    <div class="col-12 col-sm-6 col-lg-4 col-xl-3">
      <div class="card mb-5">
        <a href="/services/events/28" class="card-link">
          <div class="bg-secondary bg-light">
            <img alt="event image" src="/storage/W1siZiIsIjIwMjQvMDEvMTYvNHJtb281czc4X0FyZ2FtYXNzYXMyMDI0X1NpdGVfSXRlY29uc19FdmVudG9zX3YyLmpwZyJdLFsicCIsInRodW1iIiwiNjQweDY0MCMiXV0?sha=e7039ffd8edd2fcb" class="card-img img-grayscale">
          </div>
          <div class="card-body p-0">
            <div class="card-date text-white text-center bg-primary bg-dark">
              <h5 class="font-weight-bold mb-0">11</h5>
              <small class="text-uppercase">Jul</small>
            </div>
            <div class="card-title text-uppercase mt-2 h6 text-dark">V Symposium on Mortars and Thermal Coating Solutions </div>
          </div>
        </a>
      </div>
    </div>
    <div class="col-12 col-sm-6 col-lg-4 col-xl-3">
      <div class="card mb-5">
        <a href="/services/events/31" class="card-link">
          <div class="bg-secondary bg-light">
            <img alt="event image" src="/storage/W1siZiIsIjIwMjQvMDQvMDUvMmJvMjZjb2s3Ml9ORUJfQ29udmVyZ2VuY2lhc18xXzAyLmpwZyJdLFsicCIsInRodW1iIiwiNjQweDY0MCMiXV0?sha=7a24ffcb4ffbbd10" class="card-img img-grayscale">
          </div>
          <div class="card-body p-0">
            <div class="card-date text-white text-center bg-primary bg-dark">
              <h5 class="font-weight-bold mb-0">13</h5>
              <small class="text-uppercase">Apr</small>
            </div>
            <div class="card-title text-uppercase mt-2 h6 text-dark">Convergences | New European Bauhaus Festival</div>
          </div>
        </a>
      </div>
    </div>
</div>

  <div class="text-center">
    <a href="/services/events.json?page=3" class="btn btn-outline-tertiary text-uppercase py-3 px-6 mb-5 d-md-none" data-remote="true" data-disable-with="Loading..." data-append-to="#moreContainer"
      id = "loadMore" >
      View more
    </a>
  </div>


