주요 업무 영역

미리보기

소스

<div class="card">
    <div class="card-header">
        <h4 class="card-title">주요 업무 영역</h4>
    </div>
    <div class="card-body">
        <div class="row g-3">
            <div class="col-sm-4">
                <div class="border rounded p-3 h-100">
                    <i class="f:24 text-blue ti ti-chart-bar"></i>
                    <div class="h3 mt-2 mb-1">₩128,450,000</div>
                    <div class="text-secondary">이번 달 매출</div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="border rounded p-3 h-100">
                    <i class="f:24 text-green ti ti-file-check"></i>
                    <div class="h3 mt-2 mb-1">42건</div>
                    <div class="text-secondary">계약 완료</div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="border rounded p-3 h-100">
                    <i class="f:24 text-orange ti ti-clock"></i>
                    <div class="h3 mt-2 mb-1">7건</div>
                    <div class="text-secondary">납기 임박</div>
                </div>
            </div>
        </div>
    </div>
</div>