Cards

Cards support a wide variety of content, including images, text, list groups, links, and more. Below are examples of what’s supported.

Card with badge

This card has a badge on its top right corner. For inserting the badge , card-badge class is used.

Insane

AP Dhillon

by Prashant Peeyush

AP Dhillon, is an Indian singer, rapper, songwriter and record producer associated with Punjabi music

Card with cross badge

This card has a cross badge on its top right corner. For inserting the badge , cross-badge class is used.

AP Dhillon

by Prashant Peeyush

AP Dhillon, is an Indian singer, rapper, songwriter and record producer associated with Punjabi music

Card with text overlay

This card has a text over image. You can achieve this by positioning text as absolute with respect to image container.

AP Dhillon

by Prashant Peeyush

AP Dhillon, is an Indian singer, rapper, songwriter and record producer associated with Punjabi music

Text only card

This card has only text. It can be achieved by setting display:none to other elemenys of the card.

AP Dhillon

by Prashant Peeyush

AP Dhillon, is an Indian singer, rapper, songwriter and record producer associated with Punjabi music.Five of his singles have peaked on the Official Charts

Horizontal card

This is a horizontal card. You can wrap the image & text in a container and set flex-direction:row.

AP Dhillon

by Prashant Peeyush

AP Dhillon, is an Indian singer, rapper, songwriter and record producer associated with Punjabi music

Card with shadow

This is a card with shadow. You can use this by applying box-shadow property to the card.

AP Dhillon

by Prashant Peeyush

AP Dhillon, is an Indian singer, rapper, songwriter and record producer associated with Punjabi music.Five of his singles have peaked on the Official Charts