Pricing Cards
Halda Standard
Save 5%
$300
Original Price $350Suitable 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
Daniel Stone
MD01302803634
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
<!-- 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
<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
<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>