Cards
A card is a new flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.
Different card components are shown below:
Basic Card
Manish Kumar
Manish is a freelance web designer and developer based in Delhi. He is specialized in HTML5, CSS3, JavaScript, Bootstrap, etc.
View ProfileCard with header and Footer
Heading goes here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui. Mauris magna metus, dapibus nec turpis vel, semper malesuada ante.
Know moreCustomizing the Card Background
Primary card title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor.
Secondary card title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor.
Success card title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor.
Danger card title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor.
Info card title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor.
Dark card title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor.
Light card title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor.
Customizing the Card Border and Text
Primary card title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor.
Secondary card title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor.
Success card title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor.
Danger card title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor.
Info card title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor.
Dark card title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor.
Light card title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor.