Avant UI Kit

<div class="accordion" id="accordion">
    <div class="accordion-item">
        <h3 id="accordion-heading-one" class="d-flex justify-content-between align-items-center" data-toggle="collapse" data-target="#accordion-collapse-one" aria-expanded="true" aria-controls="accordion-collapse-one">
            Lorem ipsum dolor sit amet consectetur adipiscing elit?
            <span class="accordion-icon">&#10005;</span>
        </h3>
        <div id="accordion-collapse-one" class="collapse show" aria-labelledby="accordion-heading-one" data-parent="#accordion">
            <div class="px-3 pb-3">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi justo ligula, varius et pharetra in, amet quis quam.
                Phasellus placerat augue et viverra porttitor habitant morbi tristique turpis egestas.
            </div>
        </div>
    </div>
    <div class="accordion-item">
        <h3 id="accordion-heading-two" class="collapsed rounded d-flex justify-content-between align-items-center" data-toggle="collapse" data-target="#accordion-collapse-two" aria-expanded="true" aria-controls="accordion-collapse-two">
            In fermentum arcu a ipsum bibendum aliquet pretium commodo?
            <span class="accordion-icon">&#10005;</span>
        </h3>
        <div id="accordion-collapse-two" class="collapse" aria-labelledby="accordion-heading-two" data-parent="#accordion">
            <div class="px-3 pb-3">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi justo ligula, varius et pharetra in, amet quis quam.
                Phasellus placerat augue et viverra porttitor habitant morbi tristique turpis egestas.
            </div>
        </div>
    </div>
    <div class="accordion-item">
        <h3 id="accordion-heading-three" class="collapsed rounded d-flex justify-content-between align-items-center" data-toggle="collapse" data-target="#accordion-collapse-three" aria-expanded="true" aria-controls="accordion-collapse-three">
            Orci varius natoque penatibus et magnis dis parturient?
            <span class="accordion-icon">&#10005;</span>
        </h3>
        <div id="accordion-collapse-three" class="collapse" aria-labelledby="accordion-heading-three" data-parent="#accordion">
            <div class="px-3 pb-3">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi justo ligula, varius et pharetra in, amet quis quam.
                Phasellus placerat augue et viverra porttitor habitant morbi tristique turpis egestas.
            </div>
        </div>
    </div>
</div>