Explore Templates

Callout

A callout message is often positioned on a page to notify the user about something special.

Basic example

Check basic example of callout use .callout class with <Card>.

Session expiring

You have been gone for a while, we will log you out in 4m 15s unless you continue session to stay signed in.

Card img cap
*sponsored

Session expiring

You have been gone for a while, we will log you out in 4m 15s.

Close over

Use .close-over class with .callout.

Card img cap
*sponsored

Session expiring

You have been gone for a while, we will log you out in 4m 15s unless you continue session to stay signed in.

empty2
We use third-party cookies in order to personalize your site experience
Callout dark

Use .callout-dark class with .calloutclass.

*sponsored

Session expiring

You have been gone for a while, we will log you out in 4m 15s unless you continue session to stay signed in.

Callout floating

Use .callout-floating class with .callout and direction classes liketop-end,top-start.