Cards

Material Cards Click on the images and buttons to play with the cards

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Button

Card title


Some quick example text to build on the card title and make up the bulk of the card's content.


Card title


Some quick example text to build on the card title and make up the bulk of the card's content.

Read more

Card title


Some quick example text to build on the card title and make up the bulk of the card's content.

Read more

Anna Doe


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos, adipisci

Card title



Rotating cards Click to rotate

Jonathan Doe

Web developer

Click here to rotate

About me


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime quae, dolores dicta. Blanditiis rem amet repellat, dolores nihil quae in mollitia asperiores ut rerum repellendus, voluptatum eum, officia laudantium quaerat?


Click here to rotate back

Jonathan Doe

Web developer

Click here to rotate

About me


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime quae, dolores dicta. Blanditiis rem amet repellat, dolores nihil quae in mollitia asperiores ut rerum repellendus, voluptatum eum, officia laudantium quaerat?


Click here to rotate back


Social cards Click on the button to launch the animation

Card title


Some quick example text to build on the card title and make up the bulk of the card's content.

Read more

Social shares


Join our community

Card title


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat tenetur odio suscipit non commodi vel eius veniam maxime.

Read more

Social shares


Join our community



Image overlays
Card image

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 image

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 groups
Card image cap

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 image cap

Card title

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

Last updated 3 mins ago

Card image cap

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



Google Plus style
Card image cap

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Button

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

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

Card image cap

Card title

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.

Button
Card image cap

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Button
Card image cap
Card image cap

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Button

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