Avant UI Kit

<div class="callout callout-primary">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque diam orci, fringilla a faucibus sed, ultrices non diam.
    Donec mattis pellentesque consectetur. Quisque euismod semper orci quis iaculis.
</div>

<div class="callout callout-primary">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque diam orci, fringilla a faucibus sed, ultrices non diam.
    Donec mattis pellentesque consectetur. Quisque euismod semper orci quis iaculis.
</div>
<div class="callout callout-secondary">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque diam orci, fringilla a faucibus sed, ultrices non diam.
    Donec mattis pellentesque consectetur. Quisque euismod semper orci quis iaculis.
</div>
<div class="callout callout-success">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque diam orci, fringilla a faucibus sed, ultrices non diam.
    Donec mattis pellentesque consectetur. Quisque euismod semper orci quis iaculis.
</div>
<div class="callout callout-danger">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque diam orci, fringilla a faucibus sed, ultrices non diam.
    Donec mattis pellentesque consectetur. Quisque euismod semper orci quis iaculis.
</div>
<div class="callout callout-warning">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque diam orci, fringilla a faucibus sed, ultrices non diam.
    Donec mattis pellentesque consectetur. Quisque euismod semper orci quis iaculis.
</div>
<div class="callout callout-info">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque diam orci, fringilla a faucibus sed, ultrices non diam.
    Donec mattis pellentesque consectetur. Quisque euismod semper orci quis iaculis.
</div>
<div class="callout callout-light">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque diam orci, fringilla a faucibus sed, ultrices non diam.
    Donec mattis pellentesque consectetur. Quisque euismod semper orci quis iaculis.
</div>
<div class="callout callout-dark">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque diam orci, fringilla a faucibus sed, ultrices non diam.
    Donec mattis pellentesque consectetur. Quisque euismod semper orci quis iaculis.
</div>

<div class="callout callout-primary">
    <h5>Callout heading</h5>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque diam orci, fringilla a faucibus sed, ultrices non diam.
        Donec mattis pellentesque consectetur. Quisque euismod semper orci quis iaculis.
    </p>
    <a class="btn btn-primary" href="#" role="button">More info</a>
</div>