@@include('../layouts/head-page-meta.html', {'title': 'Cards'}) @@include('../layouts/head-css.html')
@@include('../layouts/loader.html') @@include('../layouts/component/component-header.html')
@@include('../layouts/component/component-menu-list.html')
@@include('../layouts/component/component-breadcrumb.html',{ title:'Cards', text:'Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.', link:'https://getbootstrap.com/docs/5.2/components/card/' })

##### Body Content

This is some text within a card body.

##### Titles, Text, and Links

##### Card title

###### Card subtitle

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

Card link Another link

##### Header and Footer

##### Featured

##### Special title treatment

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

Go somewhere

##### Left Align

##### Special title treatment

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

Go somewhere

##### Center Align

##### Special title treatment

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

Go somewhere

##### Right Align

##### Special title treatment

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

Go somewhere

##### Image Caps

##### Card title

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

Last updated 3 mins ago

##### Image Caps [ Bottom ]

##### Card title

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

Last updated 3 mins ago

##### Image Overlays

##### Card title

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

Last updated 3 mins ago

##### Card Styles

Header

##### Primary card title

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

Header

##### Secondary card title

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

Header

##### Success card title

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

Header

##### Danger card title

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

Header

##### Warning card title

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

Header

##### Info card title

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

Header

##### Light card title

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

Header

##### Dark card title

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

##### Card Groups

##### Card title

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

##### Card title

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

##### Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

##### Horizontal

##### Card title

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

Last updated 3 mins ago

@@include('../layouts/footer-js.html') @@include('../layouts/component/layout-component-footer-js.html') @@include('../layouts/customizer.html')