Infobox component - important information

Important infobox component with font icon using bootstrap/digital framework utilities

Example

Scale 1:2

Remember, tax rules and legislation can change, any information we give is based on our understanding of law and current HM Revenue & Customs practice. The table above uses UK tax rates. Personal circumstances also impact on tax treatment.

Mark-up

<div class="col-12">
    <div class="slb-infobox slb-infobox--white">
        <div class="slb-infobox__content px-0 py-2 d-flex">
            <span class="fa fa-2x fa-info-circle slb-colour-blue pl-2 pt-1 pr-3"></span>
            <p class="mb-0">...</p>
        </div>
    </div>
</div>

Dependencies

Information Box
Bootstrap utilities
Digital Framework utilities