Slide left
Some quick example text to build on the card title and make up the bulk of the card's content.
Slide left
Some quick example text to build
Basic Styling
Cards include various options for customizing their backgrounds, borders, and color.
Default
Some quick example text to build on the card title and make up the bulk of the card's content.
Dark
Some quick example text to build on the card title and make up the bulk of the card's content.
Primary
Some quick example text to build on the card title and make up the bulk of the card's content.
Bordered
Some quick example text to build on the card title and make up the bulk of the card's content.
Shadowed
Some quick example text to build on the card title and make up the bulk of the card's content.
Hover shadow
Some quick example text to build on the card title and make up the bulk of the card's content.
Using Images
Cards include a few options for working with images. Choose from appending image caps at either end of a card or overlaying images with card content.
Image at top
Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title.
Image at top with labels
Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title.
Image at top with right label
Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title.
Card with a footer
Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title.
Image at bottom
Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title.
Background image
Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title.
Video/Camera
168 items
Overlay
Some sample of using background images in a card with different opacity of overlays and scrims. Please read the full documentation of overlays.
A scrim with 50% opacity at bottom
Maryam Amiri
An overlay with 60% opacity
Maryam Amiri
A 70% scrim at top
Some quick example text to build on the card title and make up the bulk of the card's content.
Read moreCard Hover
A content to display on top of your card content on mouse hover.
Slide Bottom
Some quick example text to build on the card title and make up the bulk of the card's content.
Slide Bottom
Some quick example text to build
Slide Right
Some quick example text to build on the card title and make up the bulk of the card's content.
Slide Right
Some quick example text to build
Slide Top
Some quick example text to build on the card title and make up the bulk of the card's content.
Slide Top
Some quick example text to build
