Card

Card are used to show user related data collectively, like product details.

Example of Horizontal Card-Text + Image

Card's image may have a margin or it can be full-bleed. By default card's images are full-bleed. If you want image to have margin, you can use horizontal-card-container class. Copy below code and put your desired text and image and you are good to go

Black Jacket

Men's Cap

Sold by: Prabhat Singh

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

Example of Vertical Card-Text + Image

Below are 3 variations, card with badge, card with image vertical-card-container, card with close button. All the cards have like button.

New

Black Cap

Men's Cap

Rs.499

Black Cap

Men's Cap

Rs.499

Out of stock

Black Cap

Men's Cap

Rs.499