Cards

Card components with various styles, layouts, and content types.

Basic Cards
Card Title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Card Title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Card Title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Cards with Images
Card image
Card with Image

This card has an image at the top. The image is responsive and will scale properly.

Read More
Card with Image Bottom

This card has an image at the bottom instead of the top.

Read More
Card image
Card image
Overlay Card

This card has an image with text overlay.

Read More
Card Headers and Footers
Featured
Special title treatment

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

Go somewhere
Special title treatment

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

Go somewhere
2 days ago
Colored Cards
Primary Card

This is a primary colored card with white text.

Button
Success Card

This is a success colored card with white text.

Button
Warning Card

This is a warning colored card with white text.

Button
Danger Card

This is a danger colored card with white text.

Button
Border Cards
Primary Border

This card has a primary colored border.

Button
Success Border

This card has a success colored border.

Button
Warning Border

This card has a warning colored border.

Button
Danger Border

This card has a danger colored border.

Button
Card Groups
Card image
Card Group 1

This is a wider card with supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

Card image
Card Group 2

This card has supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

Card image
Card Group 3

This is a wider card with supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

Card Decks
Card image
Card Deck 1

This is a longer card with supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

Card image
Card Deck 2

This card has supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

Card image
Card Deck 3

This is a wider card with supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

Card Columns
Card image
Card Column 1

This is a longer card with supporting text below as a natural lead-in to additional content.

Card Column 2

This card has supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

Card image
Card Column 3

This is a wider card with supporting text below as a natural lead-in to additional content.

Card Column 4

This card has supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

Card image
Card Column 5

This is a longer card with supporting text below as a natural lead-in to additional content.

Card Column 6

This card has supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

Custom Cards
Premium Feature

Access to premium features and advanced functionality.

Upgrade Now
Success Story

Learn how our customers achieved success with our platform.

Read More
Important Notice

Important information you need to know about our service.

Learn More
Interactive Cards
Clickable Card

Click this card to see an animation effect.

Inactive
Hover Effect

Hover over this card to see the effect.

Inactive
Animated Card

This card has smooth animations and transitions.

Inactive
Card with Tabs
Tab 1 Content

This is the content for tab 1. You can put any content here.

Action 1
Tab 2 Content

This is the content for tab 2. Different content for different tabs.

Action 2
Tab 3 Content

This is the content for tab 3. Each tab can have its own content.

Action 3
Card with Accordion
FAQ Section

AGPanel is a professional admin dashboard template built with Bootstrap 5.

You can customize AGPanel by modifying CSS variables, adding components, and changing layouts.

Yes, AGPanel is fully responsive and works on all devices and screen sizes.