Components

Promotional sidebar card

The promo boxes component is a way of promoting content inside the current page. This is a way of extending a users journey to other areas and creating new journeys for a user.

Example

                                
                                <div class="element--inner--btop">
<div class="element--inner">
<h4 class="heading callout__heading">Why pay by direct debit?</h4>
<div class="callout--linktext">
<a class="callout--linktext__linkitem" href="/" title="Why pay by direct debit?">Some content here to briefly explain the purpose of this callout card.</a>
</div>
</div>
</div>

When to use this

  • If you want to add related information to the end of a journey so a user can continue reading
  • to add in supporting content that doesnt disrupt the flow of the page content
  • to take users away from this journey and onto the next or other.
Back to top