## Cards

#### Basic Card

The building block of a card is the `.card-body`. Use it whenever you need a padded section within a card.

Put toy mouse in food bowl run out of litter box at full speed drool but pee in the shoe purr when being pet but chew foot.

Scratch the postman wake up lick paw wake up owner meow meow lick plastic bags so cat not kitten around meow all night having their mate disturbing sleeping humans.

#### Card With Header

#### Card Header

Put toy mouse in food bowl run out of litter box at full speed drool but pee in the shoe purr when being pet but chew foot.

Scratch the postman wake up lick paw wake up owner meow meow lick plastic bags so cat not kitten around meow all night having their mate disturbing sleeping humans.

#### Card Inner Title

#### Card Title

Put toy mouse in food bowl run out of litter box at full speed drool but pee in the shoe purr when being pet but chew foot.

Scratch the postman wake up lick paw wake up owner meow meow lick plastic bags so cat not kitten around meow all night having their mate disturbing sleeping humans.

#### Card with Footer

#### Card Title

Put toy mouse in food bowl run out of litter box at full speed drool but pee in the shoe purr when being pet but chew foot.

Scratch the postman wake up lick paw wake up owner meow meow lick plastic bags so cat not kitten around.

#### Card with Toolbar

#### Card Title

Put toy mouse in food bowl run out of litter box at full speed drool but pee in the shoe purr when being pet but chew foot.

Scratch the postman wake up lick paw wake up owner meow meow lick plastic bags so cat not kitten around meow all night having their mate disturbing sleeping humans.

Try to jump onto window and fall while scratching at wall ignore the squirrels, you'll never catch them anyway cat snacks. Cough furball cat not kitten around chew iPad power cord.

#### Card with List

#### Card Title

- Erin Gonzales
  commented on your post's
- Darryl Day
  commented on your post's
- Marshall Nichols
  commented on your post's

#### Card Media

#### Card Title

Put toy mouse in food bowl run out of litter box at full speed drool but pee in the shoe purr when being pet but chew foot.

Action 1

#### Card Media With Toolbar

#### Card Title

Put toy mouse in food bowl run out of litter box at full speed drool but pee in the shoe purr when being pet but chew foot.

Action 1

#### Card Image Overlay

Hopped up on catnip ask to go outside and ask to come inside and ask to go outside and ask to come inside. Sleep stare at ceiling light for lick butt.

#### Card Horizon

#### Card Title

Put toy mouse in food bowl run out of litter box at full speed drool but pee in the shoe purr when being pet but chew foot.

Scratch the postman wake up lick paw wake up owner meow meow lick plastic bags so cat not kitten around meow all night having their mate disturbing sleeping humans.

Action 1

#### Card Groups

Use card groups to render cards as a single, attached element with equal width and height columns. Card groups use display: flex; to achieve their uniform sizing.

#### 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 title

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

Last updated 3 mins ago

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

Last updated 3 mins ago

#### Card Decks

Need a set of equal width and height cards that aren’t attached to one another? Use card decks.

#### Card title

This is a longer 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 title

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

Last updated 3 mins ago

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

Last updated 3 mins ago

#### Card columns

Cards can be organized into Masonry-like columns with just CSS by wrapping them in `.card-columns`. Cards are built with CSS `column` properties instead of flexbox for easier alignment. Cards are ordered from top to bottom and left to right.

##### Card title that wraps to a new line

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

> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

##### Card title

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

Last updated 3 mins ago

> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat.

##### Card title

This card has a regular title and short paragraphy of text below it.

Last updated 3 mins ago

> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

##### Card title

This is another card with title and supporting text below. This card has some additional content to make it slightly taller overall.

Last updated 3 mins ago

##### Search

##### Files

Quater Report.exl

by Finance

Documentaion.docx

by Developers

Recipe.txt

by The Chef

Project Requirement.pdf

by Project Manager

##### Members

Erin Gonzales

UI/UX Designer

Darryl Day

Software Engineer

Marshall Nichols

Data Analyst

##### News

5 Best Handwriting Fonts

25 Nov 2018

##### Theme Config

##### Header Color

Config header background color

##### Side Nav Dark

Change Side Nav to dark

##### Folded Menu

Toggle Folded Menu