Cacher is the code snippet organizer for pro developers

<div id="accordion-03" class="u-accordion" role="tablist" aria-multiselectable="true">
    <!-- Card -->
    <div class="card rounded-0 g-mb-5">
        <div id="accordion-03-heading-01" class="u-accordion__header" role="tab">
            <h5 class="mb-0">
                <a class="d-flex u-link-v5 g-color-main g-color-primary--hover g-font-size-16 " href="#accordion-03-body-01" data-toggle="collapse" data-parent="#accordion-03" aria-expanded="true" aria-controls="accordion-03-body-01">
                    アコーディオンA
                </a>
            </h5>
        </div>
        <div id="accordion-03-body-01" class="collapse show" role="tabpanel" aria-labelledby="accordion-03-heading-01" data-parent="#accordion-03">
            <div class="u-accordion__body g-brd-top g-brd-gray-light-v4 g-color-gray-dark-v5">
                国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。<br>
                月の夜が深いように思われる。深さが横向けに遠くへ感じられるのだ。
            </div>
        </div>
    </div>
    <!-- End Card -->

    <!-- Card -->
    <div class="card rounded-0 g-mb-5">
        <div id="accordion-03-heading-02" class="u-accordion__header" role="tab">
            <h5 class="mb-0">
                <a class="collapsed d-flex u-link-v5 g-color-main g-color-primary--hover g-font-size-16 " href="#accordion-03-body-02" data-toggle="collapse" data-parent="#accordion-03" aria-expanded="false" aria-controls="accordion-03-body-02">
                    アコーディオンB
                </a>
            </h5>
        </div>
        <div id="accordion-03-body-02" class="collapse" role="tabpanel" aria-labelledby="accordion-03-heading-02" data-parent="#accordion-03">
            <div class="u-accordion__body g-brd-top g-brd-gray-light-v4 g-color-gray-dark-v5">
                国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。<br>
                月の夜が深いように思われる。深さが横向けに遠くへ感じられるのだ。
            </div>
        </div>
    </div>
    <!-- End Card -->

    <!-- Card -->
    <div class="card rounded-0 g-mb-5">
        <div id="accordion-03-heading-03" class="u-accordion__header" role="tab">
            <h5 class="mb-0">
                <a class="collapsed d-flex u-link-v5 g-color-main g-color-primary--hover g-font-size-16 " href="#accordion-03-body-03" data-toggle="collapse" data-parent="#accordion-03" aria-expanded="false" aria-controls="accordion-03-body-03">
                    アコーディオンC
                </a>
            </h5>
        </div>
        <div id="accordion-03-body-03" class="collapse" role="tabpanel" aria-labelledby="accordion-03-heading-03" data-parent="#accordion-03">
            <div class="u-accordion__body g-brd-top g-brd-gray-light-v4 g-color-gray-dark-v5">
                国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。<br>
                月の夜が深いように思われる。深さが横向けに遠くへ感じられるのだ。
            </div>
        </div>
    </div>
    <!-- End Card -->
</div>