Cacher is the code snippet organizer for pro developers

<div id="accordion-06" class="u-accordion" role="tablist" aria-multiselectable="true">
    <!-- Card -->
    <div class="card rounded-0 g-bg-gray-light-v4 g-brd-none">
        <div id="accordion-06-heading-01" class="u-accordion__header g-pa-20" role="tab">
            <h5 class="mb-0 text-uppercase g-font-size-default g-font-weight-700">
                <a class="d-flex justify-content-between g-color-main g-text-underline--none--hover" href="#accordion-06-body-01" data-toggle="collapse" data-parent="#accordion-06" aria-expanded="true" aria-controls="accordion-06-body-01">
                    アコーディオンA
                    <span class="u-accordion__control-icon g-ml-10">
            <i class="fa fa-angle-down"></i>
            <i class="fa fa-angle-up"></i>
          </span>
                </a>
            </h5>
        </div>
        <div id="accordion-06-body-01" class="collapse show" role="tabpanel" aria-labelledby="accordion-06-heading-01" data-parent="#accordion-06">
            <div class="u-accordion__body g-color-gray-dark-v5 g-pa-0-20-20">
                国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。<br>
                月の夜が深いように思われる。深さが横向けに遠くへ感じられるのだ。
            </div>
        </div>
    </div>
    <!-- End Card -->

    <!-- Card -->
    <div class="card rounded-0 g-bg-gray-light-v3 g-brd-none">
        <div id="accordion-06-heading-02" class="u-accordion__header g-pa-20" role="tab">
            <h5 class="mb-0 text-uppercase g-font-size-default g-font-weight-700">
                <a class="collapsed d-flex justify-content-between g-color-main g-text-underline--none--hover" href="#accordion-06-body-02" data-toggle="collapse" data-parent="#accordion-06" aria-expanded="false" aria-controls="accordion-06-body-02">
                    アコーディオンB
                    <span class="u-accordion__control-icon g-ml-10">
            <i class="fa fa-angle-down"></i>
            <i class="fa fa-angle-up"></i>
          </span>
                </a>
            </h5>
        </div>
        <div id="accordion-06-body-02" class="collapse" role="tabpanel" aria-labelledby="accordion-06-heading-02" data-parent="#accordion-06">
            <div class="u-accordion__body g-color-gray-dark-v5 g-pa-0-20-20">
                国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。<br>
                月の夜が深いように思われる。深さが横向けに遠くへ感じられるのだ。
            </div>
        </div>
    </div>
    <!-- End Card -->

    <!-- Card -->
    <div class="card rounded-0 g-bg-gray-light-v4 g-brd-none">
        <div id="accordion-06-heading-03" class="u-accordion__header g-pa-20" role="tab">
            <h5 class="mb-0 text-uppercase g-font-size-default g-font-weight-700">
                <a class="collapsed d-flex justify-content-between g-color-main g-text-underline--none--hover" href="#accordion-06-body-03" data-toggle="collapse" data-parent="#accordion-06" aria-expanded="false" aria-controls="accordion-06-body-03">
                    アコーディオンC
                    <span class="u-accordion__control-icon g-ml-10">
            <i class="fa fa-angle-down"></i>
            <i class="fa fa-angle-up"></i>
          </span>
                </a>
            </h5>
        </div>
        <div id="accordion-06-body-03" class="collapse" role="tabpanel" aria-labelledby="accordion-06-heading-03" data-parent="#accordion-06">
            <div class="u-accordion__body g-color-gray-dark-v5 g-pa-0-20-20">
                国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。<br>
                月の夜が深いように思われる。深さが横向けに遠くへ感じられるのだ。
            </div>
        </div>
    </div>
</div>

<!-- Card -->
<div class="card rounded-0 g-bg-gray-light-v3 g-brd-none">
    <div id="accordion-06-heading-04" class="u-accordion__header g-pa-20" role="tab">
        <h5 class="mb-0 text-uppercase g-font-size-default g-font-weight-700">
            <a class="collapsed d-flex justify-content-between g-color-main g-text-underline--none--hover" href="#accordion-06-body-04" data-toggle="collapse" data-parent="#accordion-06" aria-expanded="false" aria-controls="accordion-06-body-04">
                アコーディオンD
                <span class="u-accordion__control-icon g-ml-10">
          <i class="fa fa-angle-down"></i>
          <i class="fa fa-angle-up"></i>
        </span>
            </a>
        </h5>
    </div>
    <div id="accordion-06-body-04" class="collapse" role="tabpanel" aria-labelledby="accordion-06-heading-04" data-parent="#accordion-06">
        <div class="u-accordion__body g-color-gray-dark-v5 g-pa-0-20-20">
            国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。<br>
            月の夜が深いように思われる。深さが横向けに遠くへ感じられるのだ。
        </div>
    </div>
</div>
<!-- End Card -->