Particle cc-card for creating display cards easy and fast

cc-card
cc-header
cc-image
cc-hidden
cc-content Heading
description

This is the basic card structure made up of five main elements.

  • cc-card containing any or all of four elements
  • cc-header used for header
  • cc-image used for image
    • cc-hidden in cc-image that will become vissible when you hover over cc-card
  • cc-content for details
  • cc-footer for action buttons

cc-card is block level responsive element mean its widthis 100% and will be scaled according to its container

You can customize padding and margins according to your need using value based classes.

Below are examples of What you can achieve using cc-card

Sharing Is Caring