Sandbox

File:Https://wiki.play.eco/File:DaisyItem Icon.png

10

Card Header Title

• List item 1
• List item 2
• List item 3

Card title

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

   <a href="#" class="btn btn-primary">Go somewhere</a>

Featured

Card title

Card subtitle

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

Change the background

Swap the background-color utility and add a `.text-*` color utility to mix up the jumbotron look. Then, mix and match with additional component themes and more.

Add borders

Or, keep it light and add a border for some added definition to the boundaries of your content. Be sure to look under the hood at the source HTML here as we've adjusted the alignment and sizing of both column's content for equal-height.

Card Title

Experience the sleek and modern design of our new card component. With a gradient background and a smooth hover effect, this card will elevate the look and feel of your website.

   <a href="#" class="btn btn-sleek">Learn More</a>

278

Achievements

Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

• 

Aglonema Plant

Adipisicing pariatur occaecat exercitation sunt exercitation consectetur in dolor adipisicing consequat sunt magna occaecat occaecat.

Some quick example text that appears at the body of the card and fills the bulk of the card's content.