Pricing Cards
Halda Standard Save 5%

$300

Original Price $350

Suitable for small businesses or startups looking to establish presence.

  • Manpower & Budgeting
  • • Forecasting
  • • Requisition
  • Attendance & Leave
<div class="card shadow-none border bg-label-primary p-4">
    <div class="d-flex gap-2 mb-4">
        <span class="badge bg-primary rounded-pill">Halda Standard</span>
        <span class="badge bg-white text-primary rounded-pill border">Save 5%</span>
    </div>
    <h2 class="text-primary fw-bold">$300</h2>
    <ul class="list-unstyled mt-4 mb-0">
        <li><i class='bx bx-check-circle text-primary me-2'></i>Feature Item</li>
    </ul>
</div>
User Profiles
Avatar
Daniel Stone
MD
01302803634
social@gtrbd.com
Last active today - 1:37 PM
Admin
<div class="card shadow-none border p-4">
    <div class="d-flex align-items-start gap-4">
        <div class="avatar avatar-xl">
            <img src="avatar.png" class="rounded-circle border border-primary" />
        </div>
        ...
    </div>
</div>
Payment Methods
World Business
2121 2388 2921 2182
Linked Subscription
AMZAD HOSSAIN
Exp. 23/28
Add Payment Method
<!-- Visual Card using Dynamic Gradient -->
<div class="bg-card-gradient-custom rounded-3 p-4">
    ...
</div>

<!-- Dashed Add Button matches primary theme -->
<div class="card border-dashed-primary bg-label-primary">
    <span class="text-primary">Add Payment Method</span>
</div>
Pill Selectors
Save 10%
Save 15%
<div class="btn-group rounded-pill border border-primary p-1">
    <button class="btn btn-link text-primary px-4">Annually</button>
    <span class="badge bg-primary text-white rounded-pill">Save 15%</span>
</div>
App Integration Grid
Halda
Atrai
<div class="card bg-label-primary">
    <i class='bx bx-rocket text-primary'></i>
</div>
Order Confirmation
May 27, 2025 || Order Number: 23849038

Atrai Premium

$178 || Subscription
Completed
Total $178
Paid with Mastercard *475478
Shipping details

HM Plaza, Sector 3, Rajlokkhi, Uttara, Dhaka-1213

Billing Details
Subtotal $178
Tax Tax

Total $178
Paid with Mastercard *475478
Related Links: Print Order Order Help
<div class="card shadow-none border">
    <div class="px-6 py-3 border-bottom">
        <small class="text-muted">Date || Order #</small>
    </div>
    <div class="p-6">
        <!-- Product & Status -->
    </div>
    <div class="p-6 border-top">
        <div class="row">
            <div class="col-md-6">Shipping Details...</div>
            <div class="col-md-6">Billing Details...</div>
        </div>
    </div>
    <div class="px-6 py-4 border-top">
        <a href="#" class="text-primary">Print Order</a>
    </div>
</div>