Cards

---

• Components

  • Headers
  • Footers
  • Parallax
  • Cards
  • Masonry Grid
  • Buttons
  • Form Elements
  • Carousel
  • Video Pop-up
  • Floating Divs
  • Overlays
  • Zoom Effect
  • Hover Animate
  • Morphext
  • Background
  • Hover Up
  • Blockquote
  • Pagination
  • Map
  • Accordions
  • Circle Block
  • Artworks
  • Spinners
  • Icon Boxes
  • Counters
  • Progress Bars
  • Helper Classes

• Plugins

  • Animations
  • Bootstrap
  • jQuery
  • Masonry
  • Morphext
  • Owl Carousel
  • Parallax
  • Wow
  • Progress Bar
  • ImagesLoaded
  • Popper
  • Waypoints
  • jQuery Forms
  • Google reCaptcha v2

---

Bootstrap Cards

Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options. Read more about them here .

---

Theme Square Cards

Add .cl-card-square class to the bootstrap card. You may add background color helper classes according to the need. Add .cl-hover class to the bootstrap card to make it hovered.

---

Theme Transparent Bordered Cards

Add .cl-card-transparent class to the bootstrap card. You may add background color helper classes according to the need.

---

Combine Both of Them

Let's combine Theme Square Cards and Theme Transparent Bordered Cards. Just add .cl-card-square and .cl-card-transparent classes to the bootstrap card. You may add background color helper classes according to the need. Add .cl-hover class to the bootstrap card to make it hovered.

---

Theme Primary Color Border Cards

Add .cl-card-border class to the bootstrap card. You may add background color helper classes according to the need. Add .cl-hover class to the bootstrap card to make it hovered.