Cards

get granular control over customization of each element of the card and all in the form of Sass variables

Cards

Customise the look by easily changing variable values in Sass. See the documentation to view various possibilities.

View Documentation

Default Cards With WoodPecker® Power

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

By using a single `.wdpk-card` to the the Default Bootstrap code you get granular control over customization of each element of the card and all in the form of `SASS` variables. For each project of your own you can customize the variables as per your needs to generate a unique look and feel for the cards.

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.

A Call To Action
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.

A Call To Action

Cards With Header And Footer

Card Header
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.

A Call To Action
Card Header
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.

A Call To Action

Drawer Cards With Image Overlays

Use any image hover classes, which are a part of the theme, along with the card images as welll.

Card image cap
The Caption

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Card title

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

  • Cras justo odio
  • Dapibus ac facilisis in
  • Vestibulum at eros
Card image cap
The Caption

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Card title

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

  • Cras justo odio
  • Dapibus ac facilisis in
  • Vestibulum at eros