Card

Minimalism-UI's cards provide a flexible and extensible content container with multiple variants and options.

Default Card

The class names and syntax for the default cards are as follows :

Card heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. aliquam vel... 

    
<div class="cardd cardd-one">
    <div class="cardd-image"><
        <img class="cardd-img" src="..."></img>
    </div>
    <div class="cardd-body"><
        <h1 class="cardd-title">Card Title</h1>
        <p class="cardd-description">Card Description</p>
        <button class="button button-primary">Pay Now</button>
    </div>
</div>

Card Row

The class names and syntax for the cards in a row are as follows :

Card heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. aliquam vel...

Card heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. aliquam vel...

Card heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. aliquam vel... 

    
<div class="cardd cardd-one">
    <div class="cardd-image"><
        <img class="cardd-img" src="..."></img>
    </div>
    <div class="cardd-body"><
        <h1 class="cardd-title">Card Title</h1>
        <p class="cardd-description">Card Description</p>
        <button class="button button-primary">Pay Now</button>
    </div>
</div>