test

<div class="accordion" id="accordionExample">
  <div class="card">
    <div class="card-header" id="headingOne">
      <h2 class="mb-0">
        <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">

            for loop 1

            QUESTIONSSSS

            loop ends
        </button>
      </h2>
    </div>

    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
      <div class="card-body">
          for loop 2
          <div class="alert alert-dark" role="alert">
          A simple dark alert—check it out!
        </div>

          loops ends

      </div>
    </div>
  </div>
</div>