Notifications
Mark all as read
Order Completed
Your order #1234 has been completed successfully
5 minutes ago
New Message
You have a new message from John Doe
10 minutes ago
Storage Warning
Your storage is almost full (90% used)
1 hour ago
New User Registered
Sarah Wilson just joined your team
2 hours ago
Payment Failed
Payment for invoice #5678 failed
Yesterday
View all notifications

Cards

Card dasar, header/footer, dan grid
Basic Header & Footer Grid
Basic
Card title

Some quick example text to build on the card title.

HTML
<div class="card"><div class="card-body">...</div></div>
Header & Footer
Featured
Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere
2 days ago
HTML
<div class="card">
  <div class="card-header">...</div>
  <div class="card-body">...</div>
  <div class="card-footer">...</div>
</div>
Cards Grid
Card A
Card B
Card C
HTML
<div class="row row-cols-1 row-cols-md-3 g-3">...</div>
Image cap & overlay
...
Image cap
...
Overlay title
HTML
<img class="card-img-top" src="..."> ... <div class="card-img-overlay">...</div>