Infobox CTA with button

Infobox component two row, two colum layout using bootstrap/digital framework utilities

Example

Scale 2:3

How was your online experience today?

Your feedback will help us make improvments.

Please note we are unable to respond to website feedback, if you have a question about your plan please send us a secure message.

Usually takes 1-2 minutes

Mark-up


<div class="col-12 col-md-9 my-3">
    <div class="slb-infobox slb-infobox--pale px-3">
        <div class="slb-infobox__content">
            <div class="row mb-4">
                <div class="col-12">
                    <h2 class="slb-h3 slb-font-stack-light"><span class="fa fa-comment mr-2"></span>...</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-8">
                    <p><strong>...</strong></p>
                    <p>...</p>
                    <p>...</p>
                </div>
                <div class="col-4 text-right">
                    <button href="#" title="" class="slb-button slb-button--secondary px-4">...</button>
                </div>
            </div>
        </div>
    </div>
</div>

Dependencies

Information Box
Bootstrap utilities
Digital Framework utilities