<div class="card">

     <div class="card-header">

        <a data-mdb-toggle="collapse" href="#container-settings-body" role="button" >

            <h5 class="mb-0">

               card header

                <i class="fas fa-chevron-down float-end rotate-icon"></i>

            </h5>  

        </a>

    </div>

  <div id="container-settings-body" class="card-body collapse show p-0">

    <div class="p-4">

      <h5 class="card-title">Card title</h5>

      <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>

      <button type="button" class="btn btn-primary">Button</button>

    </div>

  </div>

</div>