<div class="accordion" id="accordionExample">

  <div class="accordion-item">

    <h2 class="accordion-header" id="headingOne">

      <button

        class="accordion-button"

        type="button"

        data-mdb-toggle="collapse"

        data-mdb-target="#collapseOne"

        aria-expanded="true"

        aria-controls="collapseOne"

      >

        Accordion Item #1

      </button>

    </h2>

    <div

      id="collapseOne"

      class="accordion-collapse collapse show"

      aria-labelledby="headingOne"

      data-mdb-parent="#accordionExample"

    >

      <div class="accordion-body">

         <div class="form-outline">

  <input type="text" id="form1" class="form-control" value="There's a floating label"/>

  <label class="form-label" for="form1">Example label</label>

</div>

      </div>

    </div>

  </div>

  <div class="accordion-item">

    <h2 class="accordion-header" id="headingTwo">

      <button

        class="accordion-button collapsed"

        type="button"

        data-mdb-toggle="collapse"

        data-mdb-target="#collapseTwo"

        aria-expanded="false"

        aria-controls="collapseTwo"

      >

        Accordion Item #2

      </button>

    </h2>

    <div

      id="collapseTwo"

      class="accordion-collapse collapse"

      aria-labelledby="headingTwo"

      data-mdb-parent="#accordionExample"

    >

      <div class="accordion-body">

         <div class="form-outline">

  <input type="text" id="form1" class="form-control" value="There's a floating label"/>

  <label class="form-label" for="form1">Example label</label>

</div>

      </div>

    </div>

  </div>

  <div class="accordion-item">

    <h2 class="accordion-header" id="headingThree">

      <button

        class="accordion-button collapsed"

        type="button"

        data-mdb-toggle="collapse"

        data-mdb-target="#collapseThree"

        aria-expanded="false"

        aria-controls="collapseThree"

      >

        Accordion Item #3

      </button>

    </h2>

    <div

      id="collapseThree"

      class="accordion-collapse collapse"

      aria-labelledby="headingThree"

      data-mdb-parent="#accordionExample"

    >

      <div class="accordion-body">

        <div class="form-outline">

  <input type="text" id="form1" class="form-control" value="There's a floating label"/>

  <label class="form-label" for="form1">Example label</label>

</div>

      </div>

    </div>

  </div>

</div>