Components Overview

Card with Icon

 

Card with Round Icon Above

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu scelerisque ipsum, ac semper justo. Cras tincidunt imperdiet nibh a euismod.

Card with Square Icon Above

Maecenas nec eros eu felis aliquam aliquam. Praesent quis euismod libero, vitae feugiat tortor.

learn more
Card with icon Background full width

Aenean a sapien congue, commodo diam a, efficitur eros. Praesent a libero eu nulla egestas dictum ac et purus. Interdum et malesuada fames


learn more
Card Variations

Icon Border: yes
Button Style: Small with outline
Card Border: yes
Card Alignment: Center
Card Effects: border

learn more
Card Variations

Icon Size: small
Icon Border: no
Button Style: Small primary
Card Border: yes
Card Background color: #F8F9F9
Card Alignment: left
Card Effects: lift up

learn more
Card Variations

Icon Size: large
Icon Border: no
Button Style: Small secondary
Card Border: yes
Card Alignment: left
Card Effects: shadow

learn more
Card Examples

Maecenas nec eros eu felis aliquam aliquam. Praesent quis euismod libero, vitae feugiat tortor. Nulla ac nulla in orci semper mattis et sed nibh.

learn more
Card Example

Maecenas nec eros eu felis aliquam aliquam. Praesent quis euismod libero, vitae feugiat tortor. Nulla ac nulla in orci semper mattis et sed nibh.

learn more