check thumbs-o-up twitter github desktop tablet folder-o wordpress

Cards

Cards Components documentation for MM.css - Minimal Modern CSS Framework

Cards are simple way to present data in a boxed container. Default Cards does not apply any style to the cards and you are free to use utility classes to create cards of different styles.

Cards With Border

Use the .border or .border-dark utility classes to apply border to the card.

Card Title
Card subtitle

A simple card with border and soft edges.

Buy Now

Card Header
A common card design with header and footer.
Another line.
<!-- TODO -->

Cards With Shadow

Use the .shadow, .shadow-md and .shadow-hover utility classes to apply shadow to the card.

Card Title
Card subtitle

Card with shadow and soft edges.

Buy Now

Card Title
Card subtitle

Card with shadow-md and shadow hover.

Buy Now

<!-- TODO -->

Cards With Background Color

Use color utility classes to specify background color of the card.

Card Title
Card subtitle

Card with gray light background.

Buy Now

Card Title
Card subtitle

Card with dark background.

Buy Now

<!-- TODO -->

Cards With Images

Card Title

Card subtitle

Card with Image.

Buy Now

Card Title

Card subtitle

Card with full width image on top.

Buy Now

Card Title

Card with full width image in body.

Buy Now

<!-- TODO -->

Horizontal Cards

Card Title

Horizontal card with image.

Read More

Posted in Category

Posted in Category

Card Title

Horizontal card with image.

Read More

<!-- TODO -->

Want to contribute to the documentation? Edit this page on Github.