<div class="row">
    <div class="col-12 col-sm-6 col-lg-4 col-xl-3">
      <div class="card card-calendar mb-5">
        <input type="text" name="calendar" value="" class="d-none" data-inline="true" data-weekNumbers="false">
      </div>
    </div>
    <div class="col-12 col-sm-6 col-lg-4 col-xl-3">
      <div class="card mb-5">
        <a href="/services/trainings/437" class="card-link">
          <div class="bg-secondary bg-light">
            <img src="/storage/W1siZiIsIjIwMjUvMDMvMTkvN3d2a3Jva3NldF8zODMzMGZlNF83NDcyXzQ2M2VfYmMyZl9lNjM4YWYxMzk3YTkuanBnIl0sWyJwIiwidGh1bWIiLCI2NDB4NjQwIyJdXQ?sha=1d3f86f16763b928" class="card-img-top 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"> 8</h5>
                <small class="text-uppercase">May</small>
              </div>
            <div class="text-dark">
              <div class="card-title text-uppercase mt-2 h6">BIM – Interoperabilidade Revit-Robot</div>
              <p class="card-text text-uppercase font-weight-light font-size-sm">5ª EDIÇÃO | ONLINE (CURSO SÍNCRONO) </p>
            </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/trainings/423" class="card-link">
          <div class="bg-secondary bg-light">
            <img src="/storage/W1siZiIsIjIwMjUvMDUvMTUvM28ybzNmbW1kcV90ZW1wbGF0ZV9kaWdpdGFsX2J1aWx0XzEzLmpwZyJdLFsicCIsInRodW1iIiwiNjQweDY0MCMiXV0?sha=d10cae14f096451c" class="card-img-top 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">26</h5>
                <small class="text-uppercase">May</small>
              </div>
            <div class="text-dark">
              <div class="card-title text-uppercase mt-2 h6">BIM – REVIT ARCHITECTURE (FUNDAMENTAL)</div>
              <p class="card-text text-uppercase font-weight-light font-size-sm">2ª EDIÇÃO | ONLINE (CURSO SÍNCRONO) </p>
            </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/trainings/428" class="card-link">
          <div class="bg-secondary bg-light">
            <img src="/storage/W1siZiIsIjIwMjUvMDIvMDYvNjZrZWtvZjM5dV9zaXRlMjAxOV9mb3JtYWNhb19DMTAxLmpwZyJdLFsicCIsInRodW1iIiwiNjQweDY0MCMiXV0?sha=09c9adc58402b9e2" class="card-img-top 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">Jun</small>
              </div>
            <div class="text-dark">
              <div class="card-title text-uppercase mt-2 h6">Road Pavement Design</div>
              <p class="card-text text-uppercase font-weight-light font-size-sm">9ª Edição | Módulo 1 | Presencial</p>
            </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/trainings/429" class="card-link">
          <div class="bg-secondary bg-light">
            <img src="/storage/W1siZiIsIjIwMjUvMDIvMDYvM3E3MTZmMHY5Z190ZW1wbGF0ZV9kaWdpdGFsX2J1aWx0XzA5LmpwZyJdLFsicCIsInRodW1iIiwiNjQweDY0MCMiXV0?sha=d394f291d6031e45" class="card-img-top 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">14</h5>
                <small class="text-uppercase">Jun</small>
              </div>
            <div class="text-dark">
              <div class="card-title text-uppercase mt-2 h6">Conceção e Dimensionamento de Pavimentos Rodoviários</div>
              <p class="card-text text-uppercase font-weight-light font-size-sm">9ª Edição | Módulo 2 | Presencial</p>
            </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/trainings/438" class="card-link">
          <div class="bg-secondary bg-light">
            <img src="/storage/W1siZiIsIjIwMjUvMDIvMDYvNW0xdjV6aTBhZ190ZW1wbGF0ZV9kaWdpdGFsX2J1aWx0XzAyLmpwZyJdLFsicCIsInRodW1iIiwiNjQweDY0MCMiXV0?sha=366e748dba2f7741" class="card-img-top 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">Jun</small>
              </div>
            <div class="text-dark">
              <div class="card-title text-uppercase mt-2 h6">BIM - Revit Structure software</div>
              <p class="card-text text-uppercase font-weight-light font-size-sm">13ª Edição | ONLINE (CURSO SÍNCRONO)</p>
            </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/trainings/447" class="card-link">
          <div class="bg-secondary bg-light">
            <img src="/storage/W1siZiIsIjIwMjAvMDMvMDQvMmlyMm4yZnI0dV9zaXRlMjAxOV9mb3JtYWNhb19DMTM1LmpwZyJdLFsicCIsInRodW1iIiwiNjQweDY0MCMiXV0?sha=7df7a91cabe8386f" class="card-img-top 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">19</h5>
                <small class="text-uppercase">Jul</small>
              </div>
            <div class="text-dark">
              <div class="card-title text-uppercase mt-2 h6">A Figura do Gestor do Contrato</div>
              <p class="card-text text-uppercase font-weight-light font-size-sm">teste</p>
            </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/trainings/446" class="card-link">
          <div class="bg-secondary bg-light">
            <img src="/storage/W1siZiIsIjIwMjUvMDcvMDgvM2o5cTVwb29jY19pb3RfZm9ybWFjYW9fMi5qcGciXSxbInAiLCJ0aHVtYiIsIjY0MHg2NDAjIl1d?sha=27758d55f3ca619b" class="card-img-top 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">10</h5>
                <small class="text-uppercase">Sep</small>
              </div>
            <div class="text-dark">
              <div class="card-title text-uppercase mt-2 h6">Introdução à programação de dispositivos IoT</div>
              <p class="card-text text-uppercase font-weight-light font-size-sm">1ª EDIÇÃO | PRESENCIAL</p>
            </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/trainings/439" class="card-link">
          <div class="bg-secondary bg-light">
            <img src="/storage/W1siZiIsIjIwMjUvMDIvMDYvOWYyMm9oamdnbV90ZW1wbGF0ZV9kaWdpdGFsX2J1aWx0XzAxLmpwZyJdLFsicCIsInRodW1iIiwiNjQweDY0MCMiXV0?sha=e1735fc8b3779889" class="card-img-top 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">12</h5>
                <small class="text-uppercase">Sep</small>
              </div>
            <div class="text-dark">
              <div class="card-title text-uppercase mt-2 h6">Robot Structural Analysis Professional</div>
              <p class="card-text text-uppercase font-weight-light font-size-sm">22ª Edição | ONLINE (CURSO SÍNCRONO)</p>
            </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/trainings/430" class="card-link">
          <div class="bg-secondary bg-light">
            <img src="/storage/W1siZiIsIjIwMjUvMDIvMDYvMzZpbnFjYngxa190ZW1wbGF0ZV9kaWdpdGFsX2J1aWx0XzEwLmpwZyJdLFsicCIsInRodW1iIiwiNjQweDY0MCMiXV0?sha=6b8d9063edd2ff58" class="card-img-top 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">12</h5>
                <small class="text-uppercase">Sep</small>
              </div>
            <div class="text-dark">
              <div class="card-title text-uppercase mt-2 h6">REABILITAÇÃO DE PAVIMENTOS RODOVIÁRIOS: Tecnologias e Avaliação Estrutural</div>
              <p class="card-text text-uppercase font-weight-light font-size-sm">4ª Edição | Presencial</p>
            </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/trainings/443" class="card-link">
          <div class="bg-secondary bg-light">
            <img src="/storage/W1siZiIsIjIwMjUvMDIvMDYvOHh3YTBoNHlqbl90ZW1wbGF0ZV9kaWdpdGFsX2J1aWx0XzAzLmpwZyJdLFsicCIsInRodW1iIiwiNjQweDY0MCMiXV0?sha=7d53a915df423df7" class="card-img-top 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">17</h5>
                <small class="text-uppercase">Sep</small>
              </div>
            <div class="text-dark">
              <div class="card-title text-uppercase mt-2 h6"> Autodesk Civil 3D</div>
              <p class="card-text text-uppercase font-weight-light font-size-sm">11ª Edição | Civil 3D Nível I | Presencial</p>
            </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/trainings/444" class="card-link">
          <div class="bg-secondary bg-light">
            <img src="/storage/W1siZiIsIjIwMjUvMDYvMTMvNnRmaWcyajkwa190ZW1wbGF0ZV9kaWdpdGFsX2J1aWx0XzE0LmpwZyJdLFsicCIsInRodW1iIiwiNjQweDY0MCMiXV0?sha=0c7bba836998b241" class="card-img-top 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">19</h5>
                <small class="text-uppercase">Sep</small>
              </div>
            <div class="text-dark">
              <div class="card-title text-uppercase mt-2 h6">CYBERSECbuilt</div>
              <p class="card-text text-uppercase font-weight-light font-size-sm">1ª EDIÇÃO | PRESENCIAL</p>
            </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/trainings/442" class="card-link">
          <div class="bg-secondary bg-light">
            <img src="/storage/W1siZiIsIjIwMjUvMDUvMjYvNTJxeHQwb2ZvM19zaXRlMjAxOV9mb3JtYWNhb19DMTI5LmpwZyJdLFsicCIsInRodW1iIiwiNjQweDY0MCMiXV0?sha=0f1657700ac791a5" class="card-img-top 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">19</h5>
                <small class="text-uppercase">Sep</small>
              </div>
            <div class="text-dark">
              <div class="card-title text-uppercase mt-2 h6">Modificações Objetivas do Contrato de Empreitada</div>
              <p class="card-text text-uppercase font-weight-light font-size-sm">1ª EDIÇÃO | ONLINE (CURSO SÍNCRONO) </p>
            </div>
          </div>
        </a>
      </div>
    </div>
</div>

  <div class="text-center">
    <a href="/services/trainings.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>



