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
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.