Cards

Material design defines cards as floating containers. There are several types of cards.

Card Title

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

Link 1 Link 2 Link 3
Card click image

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

More information
Content reveal card

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

Card Title

Here is some more information about this product that is only revealed once clicked on.

Card profile icon

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

Card profile icon 2

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

Card profile icon 3

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

Card bordered with header

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

This is a link
Card bordered

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

This is a link
Boring card

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

Card small

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

This is a link
Card normal

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

This is a link
Card large

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

Data card
Name Last Summary Actions
Abbey Johnson Fuisset delicatissimi duo, qui ut animal noluisse erroribus.
Alex Nelson Ea eum veniam audire. Dicant vituperata consequuntur.
Mary Peterson Per at postea mediocritatem, vim numquam aliquid eu, in nam sale gubergren.
Depth or floating helpers

Adding a class z-depth-0/4 to a container will make it float.

z-depth-0

I am a very simple card. I am good at containing small bits of information.

z-depth-1

I am a very simple card. I am good at containing small bits of information.

z-depth-2

I am a very simple card. I am good at containing small bits of information.

z-depth-3

I am a very simple card. I am good at containing small bits of information.

Colors on cards

Using the default material design colors you are free to style cards with fancy colors.

Card

I am a very simple card. I am good at containing small bits of information.

Card

I am a very simple card. I am good at containing small bits of information.

Card

I am a very simple card. I am good at containing small bits of information.

Card

I am a very simple card. I am good at containing small bits of information.

Card

I am a very simple card. I am good at containing small bits of information.

Card

I am a very simple card. I am good at containing small bits of information.

Card

I am a very simple card. I am good at containing small bits of information.

Card

I am a very simple card. I am good at containing small bits of information.

Card

I am a very simple card. I am good at containing small bits of information.

Card

I am a very simple card. I am good at containing small bits of information.

Card

I am a very simple card. I am good at containing small bits of information.

Card

I am a very simple card. I am good at containing small bits of information.

Card

I am a very simple card. I am good at containing small bits of information.

Card

I am a very simple card. I am good at containing small bits of information.

Card

I am a very simple card. I am good at containing small bits of information.

Card

I am a very simple card. I am good at containing small bits of information.