Card

A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.

Pages using some card variations

Card

...

Card title

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

Go somewhere

Body

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

Card titles are used by adding .card-title to a <h*> tag. In the same way, links are added and placed next to each other by adding .card-link to an tag.

Subtitles are used by adding a .card-subtitle to a <h*> tag. If the .card-title and the .card-subtitle items are placed in a .card-body item, the card title and subtitle are aligned nicely.

Card title
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 link

Images

...

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

List Groups

Special title treatment

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

Go somewhere
Special title treatment

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

Go somewhere

Text alignment

Special title treatment

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

Go somewhere
Special title treatment

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

Go somewhere
Special title treatment

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

Go somewhere

Cards

...

Card Outline Primary

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

Go somewhere Go somewhere
...

Card Outline Secondary

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

Go somewhere Go somewhere
...

Card Outline Success

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

Go somewhere Go somewhere
...

Card Outline Info

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

Go somewhere Go somewhere
...

Card Outline Info

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

Go somewhere Go somewhere
...

Card Outline Danger

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

Go somewhere Go somewhere

Card Outlines

...

Card Outline Primary

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

Go somewhere Go somewhere
...

Card Outline Secondary

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

Go somewhere Go somewhere
...

Card Outline Success

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

Go somewhere Go somewhere
...

Card Outline Info

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

Go somewhere Go somewhere
...

Card Outline Info

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

Go somewhere Go somewhere
...

Card Outline Danger

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

Go somewhere Go somewhere

Flipping Image cards

Experience History, Art and Culture

Experience History, Art and Culture

History is not just a thing of the past! In Scranton you ride a steam train, explore a coal mine and visit art and history museums.

More To Do!

More To Do!

You can hit the ski slopes, enjoy the outdoor water park., or see a great concert on Montage Mountain. You can catch a Triple A baseball game at Scranton’s PNC Field, or visit the Electric City Aquarium. The Mohegan Sun Arena hosts concerts and the “baby Penguins” – the Pittsburgh Penguins’ minor league team.

A City Close to Nature

A City Close to Nature

Scranton is surrounded by rolling green spaces. Nay Aug Park, just a short walk up the hill from campus, was designed by the same landscape architect who designed New York City’s Central Park. Outdoor lovers can enjoy a trail system that runs more than 70 miles throughout the Lackawanna Valley. Lackawanna State Park is less than an hour’s drive from campus, and offers camping, hiking, canoeing, swimming and picnic spots.

Experience History, Art and Culture

Experience History, Art and Culture

History is not just a thing of the past! In Scranton you ride a steam train, explore a coal mine and visit art and history museums.

More To Do!

More To Do!

You can hit the ski slopes, enjoy the outdoor water park., or see a great concert on Montage Mountain. You can catch a Triple A baseball game at Scranton’s PNC Field, or visit the Electric City Aquarium. The Mohegan Sun Arena hosts concerts and the “baby Penguins” – the Pittsburgh Penguins’ minor league team.

A City Close to Nature

A City Close to Nature

Scranton is surrounded by rolling green spaces. Nay Aug Park, just a short walk up the hill from campus, was designed by the same landscape architect who designed New York City’s Central Park. Outdoor lovers can enjoy a trail system that runs more than 70 miles throughout the Lackawanna Valley. Lackawanna State Park is less than an hour’s drive from campus, and offers camping, hiking, canoeing, swimming and picnic spots.

Scroll to Top