Cards are a convenient means of displaying content composed of different types of objects. They’re also well-suited for presenting similar objects whose size or supported actions can vary considerably, like photos with captions of variable length.
Gradient Card & Gradient Card With Analytics
Here is the gradient card with flat image for all gradient classes please check css-color.html.

50% Off
On apple watch

20% Off
On Canon Printer

40% Off
On apple macbook

60% Off
On any game
Orders
690
New
6,00,00
Clients
1885
New
1,12,900
Sales
80%
Growth
3,42,230
Profit
$890
Today
$25,000
Gradient Chart Card
Here is the card with gradient line chart of ChartJS
Members online
360 avg
3,450
Current server load
23.1% avg
+2500
Today's revenue
$40,512 avg
$ 22,300
Card With Redio & Chips

Default Quality
Save Video Quality

Default Quality
Save Video Quality

Storage
Color
E-commerce Card
Here is the standard card with an image thumbnail.
Apple Watch

The Apple Watch,
all time witch will suit any time

Buy White Shoes for Men
online Huge selection of White Men
iPhone

The Apple iPhone,
all time witch will suit any time
Horizontal Advanced Card
Here is the standard card with a horizontal image.

Card Title
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,
Packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover.
Web page editors now use Lorem Ipsum as their default.
Social Card
Here you can add a card that reveals more information once clicked. Just add the card-reveal
div with a span.card-title
inside to make this work. Add the class
activator
to an element inside the card to allow it to open the card reveal.