Callouts

also known as frame boxes, alerts, etc.

Expandable Callouts

<div class="[color]-callout alert">
  <span class="btn-expand"></span>  
  ...
  <div class="alert-expand">
    ...
  </div>
</div>

Headline 1 for callout

Text for the callout

Headline 2 for callout

Headline 3 for callout

Text for the callout

Headline 1 for callout

Text for the callout

Headline 2 for callout

Headline 3 for callout

Text for the callout

Headline 1 for callout

Text for the callout

Headline 2 for callout

Headline 3 for callout

Text for the callout

General Callouts

<div class="callout">
    ...
</div>

<div class="[color]-callout">
    ...
</div>

Headline 1 for callout

Headline 2 for callout

Headline 3 for callout

Text for the callout

Headline 1 for callout

Headline 2 for callout

Headline 3 for callout

Text for the callout

Headline 1 for callout

Headline 2 for callout

Headline 3 for callout

Text for the callout