Minimal Statistics Cards

Statistics on minimal cards.

278

New Projects

156

New Clients

64.89 %

Conversion Rate

423

Support Tickets

278

New Posts

156

New Comments

64.89 %

Bounce Rate

423

Total Visits
Minimal Statistics With Background Color

Statistics on minimal cards with background color.

278

New Projects

156

New Clients

64.89 %

Conversion Rate

423

Support Tickets

278

New Posts

156

New Comments

64.89 %

Bounce Rate

423

Total Visits
Basic Examples

Cards require a small amount of markup and classes to provide you with as much control as possible. These classes and markup are flexible though and can typically be remixed and extended with ease. For example, if your card has no flush content like images, feel free to put the .card-bodyclass on the .cardelement to consolidate your markup.

Card image cap

Card title

Icing powder caramels macaroon. Toffee sugar plum brownie pastry gummies jelly.

Go somewhere
Card image cap

Card title

Sweet halvah dragée jelly-o halvah carrot cake oat cake. Donut jujubes jelly chocolate cake marzipan chocolate chocolate bar.

Go somewhere

Card title

Support card subtitle
Card image cap

Bear claw sesame snaps gummies chocolate.

Card title

Support card subtitle
Card image cap

Topping dessert marshmallow gummi bears chupa chups marzipan.

Content Types

Cards support a wide variety of content, including images, text, list groups, links, and more. Mix and match multiple content types to create the card you need.

Card image cap

Basic

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

Go somewhere

List Group

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

  • 7Cras justo odio
  • 2Dapibus ac facilisis in
  • 1Morbi leo risus
  • 4Porta ac consectetur ac

Carousel

Support card subtitle

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

Sizing

Constrain the width of cards via custom CSS, our predefined grid classes, or with custom styles using our grid mixins.

Project Info

With supporting text below as a natural lead-in to additional content.

Personal Info

Requirements

User Profile

With supporting text below as a natural lead-in to additional content.

About User

Contact Info & Bio

Text alignment

You can quickly change the text alignment of any card—in its entirety or specific parts—with our text align classes.

Text Align Left

Gummi bears I love oat cake gingerbread donut cotton candy pie biscuit tart. Chocolate cake chocolate cake I love marzipan cookie macaroon. Tart I love I love carrot cake carrot cake chupa chups caramels. Carrot cake pastry cotton candy.

Dessert I love brownie biscuit topping I love chocolate cake gingerbread jelly beans. Chocolate cake cake cheesecake. Chocolate cake pastry macaroon.

Go somewhere

Text Align Center

Gummi bears I love oat cake gingerbread donut cotton candy pie biscuit tart. Chocolate cake chocolate cake I love marzipan cookie macaroon. Tart I love I love carrot cake carrot cake chupa chups caramels. Carrot cake pastry cotton candy.

Dessert I love brownie biscuit topping I love chocolate cake gingerbread jelly beans. Chocolate cake cake cheesecake. Chocolate cake pastry macaroon.

Go somewhere

Text Align Right

Gummi bears I love oat cake gingerbread donut cotton candy pie biscuit tart. Chocolate cake chocolate cake I love marzipan cookie macaroon. Tart I love I love carrot cake carrot cake chupa chups caramels. Carrot cake pastry cotton candy.

Dessert I love brownie biscuit topping I love chocolate cake gingerbread jelly beans. Chocolate cake cake cheesecake. Chocolate cake pastry macaroon.

Go somewhere