Card shortcode

{% card "pink" %}
![Bender Rodrigez](/img/bender.png)
{% endcard %}

The card shortcode has the form of

{% card color type isCentered %}

• color - card's background color. Possible values are yellow, blue, pink, yellow-soft, blue-soft, pink-soft
• type - outlined or shadowed
• isCentered - if true, card's content will be centered

Cards accept markdown as their content:

{% card "blue-soft" "outlined" true %}
## Header

A list inside a card:

- Choose for short description
- Looks nice in cards
- Non-boring
{% endcard %}

You can also use another shortcodes inside your cards, like button, for example.

As you may see, essentially cards are just blocks with some background and content inside. In some cases it's ok to use them alone, but they work better when they're inside the card grid shorcode.

Examples

Shadowed

Outlined

Centered

{% card "pink-soft" "outlined" true %}
## Bender rodrigez poster

![Bender Rodrigez](/img/bender.png)

{% button "BUY THIS PRODUCT" "#" "yellow" %}
{% endcard %}