Section Panels

A .section-panel card. The heading is uppercase, with a gold rule under it. Body copy is a stack of paragraphs. A link in that copy is gold and underlined. The photo cell stacks above the text below 992px and fills the panel beside it from 992px. Images go through government/photo, which calls the img partial.

How You Pay

Most units pay an order at or under the micro-purchase threshold with a GPC.

Saved exemption certificates

Purchase Orders

A government purchase order is accepted on the organization's letterhead, signed and dated, with NET 30 terms.

Spartan helmet challenge coin on dark wood

Usage

<section class="card section-panel h-100 overflow-hidden" aria-labelledby="how-you-pay">
    <div class="section-panel-body">
        <h2 class="section-panel-heading text-uppercase mb-3" id="how-you-pay">How You Pay</h2>
        <div class="section-panel-rule" aria-hidden="true"></div>
        <div class="section-panel-copy d-grid gap-3">
            <p class="mb-0">...</p>
        </div>
    </div>
</section>