Cacher is the code snippet organizer for pro developers

<div id="accordion-05" class="u-accordion" role="tablist" aria-multiselectable="true">
    <!-- Card -->
    <div class="card rounded-0 g-bg-primary-dark-v2 g-color-white g-brd-none">
        <div id="accordion-05-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 g-color-white g-text-underline--none--hover" href="#accordion-05-body-01" data-toggle="collapse" data-parent="#accordion-05" aria-expanded="true" aria-controls="accordion-05-body-01">
          <span class="u-accordion__control-icon g-mr-10">
            <i class="fa fa-plus"></i>
            <i class="fa fa-minus"></i>
          </span>
                    アコーディオンA
                </a>
            </h5>
        </div>
        <div id="accordion-05-body-01" class="collapse show" role="tabpanel" aria-labelledby="accordion-05-heading-01" data-parent="#accordion-05">
            <div class="u-accordion__body g-color-white-opacity-0_8 g-pa-0-20-20">
                国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。<br>
                月の夜が深いように思われる。深さが横向けに遠くへ感じられるのだ。
            </div>
        </div>
    </div>
    <!-- End Card -->

    <!-- Card -->
    <div class="card rounded-0 g-bg-primary g-color-white g-brd-none">
        <div id="accordion-05-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="d-flex collapsed g-color-white g-text-underline--none--hover" href="#accordion-05-body-02" data-toggle="collapse" data-parent="#accordion-05" aria-expanded="false" aria-controls="accordion-05-body-02">
          <span class="u-accordion__control-icon g-mr-10">
            <i class="fa fa-plus"></i>
            <i class="fa fa-minus"></i>
          </span>
                    アコーディオンB
                </a>
            </h5>
        </div>
        <div id="accordion-05-body-02" class="collapse" role="tabpanel" aria-labelledby="accordion-05-heading-02" data-parent="#accordion-05">
            <div class="u-accordion__body g-color-white-opacity-0_8 g-pa-0-20-20">
                国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。<br>
                月の夜が深いように思われる。深さが横向けに遠くへ感じられるのだ。
            </div>
        </div>
    </div>
    <!-- End Card -->

    <!-- Card -->
    <div class="card rounded-0 g-bg-primary-dark-v2 g-color-white g-brd-none">
        <div id="accordion-05-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="d-flex collapsed g-color-white g-text-underline--none--hover" href="#accordion-05-body-03" data-toggle="collapse" data-parent="#accordion-05" aria-expanded="false" aria-controls="accordion-05-body-03">
          <span class="u-accordion__control-icon g-mr-10">
            <i class="fa fa-plus"></i>
            <i class="fa fa-minus"></i>
          </span>
                    アコーディオンC
                </a>
            </h5>
        </div>
        <div id="accordion-05-body-03" class="collapse" role="tabpanel" aria-labelledby="accordion-05-heading-03" data-parent="#accordion-05">
            <div class="u-accordion__body g-color-white-opacity-0_8 g-pa-0-20-20">
                国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。<br>
                月の夜が深いように思われる。深さが横向けに遠くへ感じられるのだ。
            </div>
        </div>
    </div>
    <!-- End Card -->
</div>

<!-- Card -->
<div class="card rounded-0 g-bg-primary g-color-white g-brd-none">
    <div id="accordion-05-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="d-flex collapsed g-color-white g-text-underline--none--hover" href="#accordion-05-body-04" data-toggle="collapse" data-parent="#accordion-05" aria-expanded="false" aria-controls="accordion-05-body-04">
        <span class="u-accordion__control-icon g-mr-10">
          <i class="fa fa-plus"></i>
          <i class="fa fa-minus"></i>
        </span>
                アコーディオンD
            </a>
        </h5>
    </div>
    <div id="accordion-05-body-04" class="collapse" role="tabpanel" aria-labelledby="accordion-05-heading-04" data-parent="#accordion-05">
        <div class="u-accordion__body g-color-white-opacity-0_8 g-pa-0-20-20">
            国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。<br>
            月の夜が深いように思われる。深さが横向けに遠くへ感じられるのだ。
        </div>
    </div>
</div>
<!-- End Card -->