Cards Component

Basic

Cards are built with as little markup and styles as possible, but still manage to deliver a ton of control and customization. Built with flexbox, they offer easy alignment and mix well with other Gameforest components.

Card Title

Some quick example text to build on the card title and make up the bulk of the card's content.

CancelButton
Card Title

Some quick example text to build on the card title and make up the bulk of the card's content.

Block

The building block of a card is the .card-block. Use it whenever you need a padded section within a card.

Some quick example text to build on the card title and make up the bulk of the card's content.

Colors

Cards include various options for customizing their backgrounds, borders, and color. Use text and background utilities to change the appearance of a card.

Card Primary

Some quick example text to build on the card title and make up the bulk of the card's content.

Card Success

Some quick example text to build on the card title and make up the bulk of the card's content.

Card Info

Some quick example text to build on the card title and make up the bulk of the card's content.

Card Danger

Some quick example text to build on the card title and make up the bulk of the card's content.

Card Warning

Some quick example text to build on the card title and make up the bulk of the card's content.

Card Inverse

Some quick example text to build on the card title and make up the bulk of the card's content.

Game Card

Game cards can be used if you would like to listing games on single page.

Assassin's Creed Syndicate
Xbox One
15

The Witcher 3: Wild Hunt

June 13, 2017

Some quick example text to build on the card title and make up the bulk of the card's content.

Review Card

Use review cards with owl carousel and you can loop reviews without any limitation.

7.2

Uncharted 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Video Card

Add .card-videoto card class and you can display it as a widget in sidebar or list it on a single page.

Watch Dogs 2 - Reveal Trailer
4:04

Shadow of War Gameplay Walkthrough

March 15, 2017546 views

Some quick example text to build on the card title and make up the bulk of the card's content.