Cards
A card is a flexible and extensible content container that includes options for headers and footers, etc.
Card Block
An example some text within a card block.
Some quick example text to build on the card title and make up the bulk of the card's content. Lorem ipsum dolor sit amet consictetur...
Some quick example text to build on the card title and make up the bulk of the card's content. Lorem ipsum dolor sit amet consictetur...
Some quick example text to build on the card title and make up the bulk of the card's content. Lorem ipsum dolor sit amet consictetur...
Card Titles, Text and Links
An example of using card title. In the same way, links are added and placed next to each other by adding link tag.
The Card Title
This is the 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 linkThe Card Title
This is the 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 linkThe Card Title
This is the 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 linkCard Image Top
Places an image to the top, bottom or overlay of the card.
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 and make up the bulk of the card's content.
Some quick example text to build on the card title and make up the bulk of the card's content.
Card Image Bottom
Places an image to the top, bottom or overlay of the card.
How to Be a Good Leader
March 21, 2017 8:30pm
Why You're Not a Leader
March 22, 2017 6:30pm
Talk Like a Leader
March 23, 2017 1:30pm
Image Overlays
Turn an image into a card background and overlay your card’s text.
Card With Header
Add an optional header within a card.
Some quick example text to build on the card title and make up the bulk of the card's content. Lorem ipsum dolor sit amet consictetur...
Some quick example text to build on the card title and make up the bulk of the card's content. Lorem ipsum dolor sit amet consictetur...
Some quick example text to build on the card title and make up the bulk of the card's content. Lorem ipsum dolor sit amet consictetur...
Some quick example text to build on the card title and make up the bulk of the card's content. Lorem ipsum dolor sit amet consictetur...
Some quick example text to build on the card title and make up the bulk of the card's content. Lorem ipsum dolor sit amet consictetur...
Some quick example text to build on the card title and make up the bulk of the card's content. Lorem ipsum dolor sit amet consictetur...
Card With Footer
Add an optional footer within a card.
Some quick example text to build on the card title and make up the bulk of the card's content. Lorem ipsum dolor sit amet consictetur...
Some quick example text to build on the card title and make up the bulk of the card's content. Lorem ipsum dolor sit amet consictetur...
Some quick example text to build on the card title and make up the bulk of the card's content. Lorem ipsum dolor sit amet consictetur...
Card With Navigation
Add a navigation in header of a card.
Some quick example text to build on the card title and make up the bulk of the card's content. Lorem ipsum dolor sit amet consictetur...
Some quick example text to build on the card title and make up the bulk of the card's content. Lorem ipsum dolor sit amet consictetur...
Background Variants
Cards include their own variant classes for quickly changing card background.