<div class="accordion" id="accordion-1">
  <div class="card">
    <div class="card-header" id="heading-1">
      <h2 class="card-title">
        <a role="button" data-toggle="collapse" href="#collapse-1" aria-expanded="true" aria-controls="collapse-1" class="">
          ...
        </a>
      </h2>
    </div>
    <!-- End .card-header -->
    <div id="collapse-1" class="collapse show" aria-labelledby="heading-1" data-parent="#accordion-1" style="">
      <div class="card-body">
        ...
      </div>
      <!-- End .card-body -->
    </div>
    <!-- End .collapse -->
  </div>
  <!-- End .card -->

  <div class="card">
    <div class="card-header" id="heading-2">
      <h2 class="card-title">
        <a class="collapsed" role="button" data-toggle="collapse" href="#collapse-2" aria-expanded="false" aria-controls="collapse-2">
          ...
        </a>
      </h2>
    </div>
    <!-- End .card-header -->
    <div id="collapse-2" class="collapse" aria-labelledby="heading-2" data-parent="#accordion-1" style="">
      <div class="card-body">
        ...
      </div>
      <!-- End .card-body -->
    </div>
    <!-- End .collapse -->
  </div>
  <!-- End .card -->
</div>
<!-- End .accordion -->

<div class="accordion accordion-plus" id="accordion-2">
  <div class="card">
    <div class="card-header" id="heading2-1">
      <h2 class="card-title">
        <a role="button" data-toggle="collapse" href="#collapse2-1" aria-expanded="true" aria-controls="collapse2-1" class="">
          ...
        </a>
      </h2>
    </div>
    <!-- End .card-header -->
    <div id="collapse2-1" class="collapse show" aria-labelledby="heading2-1" data-parent="#accordion-2" style="">
      <div class="card-body">
        ...
      </div>
      <!-- End .card-body -->
    </div>
    <!-- End .collapse -->
  </div>
  <!-- End .card -->

  <div class="card">
    <div class="card-header" id="heading2-2">
      <h2 class="card-title">
        <a class="collapsed" role="button" data-toggle="collapse" href="#collapse2-2" aria-expanded="false" aria-controls="collapse2-2">
          ...
        </a>
      </h2>
    </div>
    <!-- End .card-header -->
    <div id="collapse2-2" class="collapse" aria-labelledby="heading2-2" data-parent="#accordion-2" style="">
      <div class="card-body">
        ...
      </div>
      <!-- End .card-body -->
    </div>
    <!-- End .collapse -->
  </div>
  <!-- End .card -->
</div>
<!-- End .accordion -->

<div class="accordion accordion-icon" id="accordion-3">
  <div class="card">
    <div class="card-header" id="heading3-1">
      <h2 class="card-title">
        <a role="button" data-toggle="collapse" href="#collapse3-1" aria-expanded="true" aria-controls="collapse3-1"> <i class="fkt-star-o"></i>... </a>
      </h2>
    </div>
    <!-- End .card-header -->
    <div id="collapse3-1" class="collapse show" aria-labelledby="heading3-1" data-parent="#accordion-3">
      <div class="card-body">
        ...
      </div>
      <!-- End .card-body -->
    </div>
    <!-- End .collapse -->
  </div>
  <!-- End .card -->

  <div class="card">
    <div class="card-header" id="heading3-2">
      <h2 class="card-title">
        <a class="collapsed" role="button" data-toggle="collapse" href="#collapse3-2" aria-expanded="false" aria-controls="collapse3-2"> <i class="fkt-info-circle"></i>... </a>
      </h2>
    </div>
    <!-- End .card-header -->
    <div id="collapse3-2" class="collapse" aria-labelledby="heading3-2" data-parent="#accordion-3">
      <div class="card-body">
        ...
      </div>
      <!-- End .card-body -->
    </div>
    <!-- End .collapse -->
  </div>
  <!-- End .card -->
</div>
<!-- End .accordion -->

<div class="accordion accordion-icon" id="accordion-4">
  <div class="card card-box bg-light">
    <div class="card-header" id="heading4-1">
      <h2 class="card-title">
        <a role="button" data-toggle="collapse" href="#collapse4-1" aria-expanded="true" aria-controls="collapse4-1"> <i class="fkt-star-o"></i>... </a>
      </h2>
    </div>
    <!-- End .card-header -->
    <div id="collapse4-1" class="collapse show" aria-labelledby="heading4-1" data-parent="#accordion-4">
      <div class="card-body">
        ...
      </div>
      <!-- End .card-body -->
    </div>
    <!-- End .collapse -->
  </div>
  <!-- End .card -->

  <div class="card card-box bg-light">
    <div class="card-header" id="heading4-2">
      <h2 class="card-title">
        <a class="collapsed" role="button" data-toggle="collapse" href="#collapse4-2" aria-expanded="false" aria-controls="collapse4-2"> <i class="fkt-info-circle"></i>... </a>
      </h2>
    </div>
    <!-- End .card-header -->
    <div id="collapse4-2" class="collapse" aria-labelledby="heading4-2" data-parent="#accordion-4">
      <div class="card-body">
        ...
      </div>
      <!-- End .card-body -->
    </div>
    <!-- End .collapse -->
  </div>
  <!-- End .card -->
</div>
<!-- End .accordion -->

<div class="accordion accordion-rounded" id="accordion-5">
  <div class="card card-box card-sm bg-light">
    <div class="card-header" id="heading5-1">
      <h2 class="card-title">
        <a role="button" data-toggle="collapse" href="#collapse5-1" aria-expanded="true" aria-controls="collapse5-1">
          ...
        </a>
      </h2>
    </div>
    <!-- End .card-header -->
    <div id="collapse5-1" class="collapse show" aria-labelledby="heading5-1" data-parent="#accordion-5">
      <div class="card-body">
        ...
      </div>
      <!-- End .card-body -->
    </div>
    <!-- End .collapse -->
  </div>
  <!-- End .card -->

  <div class="card card-box card-sm bg-light">
    <div class="card-header" id="heading5-2">
      <h2 class="card-title">
        <a class="collapsed" role="button" data-toggle="collapse" href="#collapse5-2" aria-expanded="false" aria-controls="collapse5-2">
          ...
        </a>
      </h2>
    </div>
    <!-- End .card-header -->
    <div id="collapse5-2" class="collapse" aria-labelledby="heading5-2" data-parent="#accordion-5">
      <div class="card-body">
        ...
      </div>
      <!-- End .card-body -->
    </div>
    <!-- End .collapse -->
  </div>
  <!-- End .card -->
</div>
<!-- End .accordion -->

<div class="accordion accordion-rounded accordion-plus" id="accordion-6">
  <div class="card card-box card-sm bg-white">
    <div class="card-header" id="heading6-1">
      <h2 class="card-title">
        <a role="button" data-toggle="collapse" href="#collapse6-1" aria-expanded="true" aria-controls="collapse6-1">
          ...
        </a>
      </h2>
    </div>
    <!-- End .card-header -->
    <div id="collapse6-1" class="collapse show" aria-labelledby="heading6-1" data-parent="#accordion-6">
      <div class="card-body">
        ...
      </div>
      <!-- End .card-body -->
    </div>
    <!-- End .collapse -->
  </div>
  <!-- End .card -->

  <div class="card card-box card-sm bg-white">
    <div class="card-header" id="heading6-2">
      <h2 class="card-title">
        <a class="collapsed" role="button" data-toggle="collapse" href="#collapse6-2" aria-expanded="false" aria-controls="collapse6-2">
          ...
        </a>
      </h2>
    </div>
    <!-- End .card-header -->
    <div id="collapse6-2" class="collapse" aria-labelledby="heading6-2" data-parent="#accordion-6">
      <div class="card-body">
        ...
      </div>
      <!-- End .card-body -->
    </div>
    <!-- End .collapse -->
  </div>
  <!-- End .card -->
</div>
<!-- End .accordion -->