50/50 hero
Information box hero with half SVG and half body copy
Example
Reward strategies
Achieve a perfect fit between your reward strategy, your employees’ needs and your benefits and reward programme. We can help you to plan, research, refine and review your strategy through a range of services including tailored feasibility studies, benefit audits, employee research and more. And then, we can help to design your scheme from end to end.
Our employee benefits consulting services can help you improve engagement, minimise costs, make more of your budget and potentially save on tax and National Insurance contributions.
Mark-up
<div class="slb-infobox py-5">
<div class="container">
<div class="row">
<div class="d-flex flex-column flex-md-row justify-content-md-center align-items-md-center w-100">
<div class="col-lg-6">
<div class="d-flex flex-column justify-content-center align-items-center">
<svg viewBox="0 0 77 100" xmlns="http://www.w3.org/2000/svg" height="160" width="121.6"><title>Clipboard</title><g fill="none" fill-rule="evenodd"><path class="illustration-main" fill="#0A2F73" d="M25.114 24.318h26.454V12.455h-5.931c-.753 0-1.364-.61-1.364-1.364V8.659a5.939 5.939 0 0 0-5.932-5.932A5.938 5.938 0 0 0 32.41 8.66v2.432c0 .754-.61 1.364-1.363 1.364h-5.932v11.863zm27.818 2.727H23.75c-.753 0-1.363-.61-1.363-1.363V11.09c0-.753.61-1.364 1.363-1.364h5.932V8.66c0-4.774 3.885-8.659 8.66-8.659C43.115 0 47 3.885 47 8.66v1.067h5.932c.753 0 1.364.611 1.364 1.364v14.59c0 .754-.611 1.364-1.364 1.364zM74.818 100H1.864C1.11 100 .5 99.39.5 98.636V11.091c0-.753.61-1.364 1.364-1.364h17.022a1.364 1.364 0 1 1 0 2.728H3.227v84.818h70.228V12.455h-15.66a1.364 1.364 0 1 1 0-2.728h17.023c.753 0 1.364.611 1.364 1.364v87.545c0 .753-.611 1.364-1.364 1.364zm-7.296-7.296H9.16c-.753 0-1.364-.61-1.364-1.363V18.386c0-.753.611-1.364 1.364-1.364h9.727a1.364 1.364 0 1 1 0 2.728h-8.364v70.227H66.16V19.75h-8.363a1.364 1.364 0 1 1 0-2.728h9.726c.753 0 1.364.611 1.364 1.364v72.955c0 .752-.61 1.363-1.364 1.363zm-9.726-47.42H35.909a1.363 1.363 0 1 1 0-2.727h21.887a1.364 1.364 0 1 1 0 2.727zm0 14.59H35.909a1.364 1.364 0 1 1 0-2.726h21.887a1.364 1.364 0 0 1 0 2.727zm0 14.592H35.909a1.364 1.364 0 1 1 0-2.728h21.887a1.364 1.364 0 0 1 0 2.728z"> </path><path class="illustration-highlight" fill="#147CB3" d="M21.318 78.113a1.36 1.36 0 0 1-.964-.399l-2.431-2.431a1.363 1.363 0 1 1 1.928-1.929l1.467 1.468 6.332-6.331a1.363 1.363 0 1 1 1.928 1.928l-7.295 7.295a1.36 1.36 0 0 1-.965.4zm0-29.181a1.36 1.36 0 0 1-.964-.4l-2.431-2.431a1.363 1.363 0 1 1 1.928-1.929l1.467 1.468 6.332-6.331a1.363 1.363 0 1 1 1.928 1.928l-7.295 7.295a1.36 1.36 0 0 1-.965.4zm0 14.59a1.36 1.36 0 0 1-.964-.398l-2.431-2.432a1.363 1.363 0 1 1 1.928-1.928l1.467 1.467L27.65 53.9a1.363 1.363 0 1 1 1.928 1.928l-7.295 7.296a1.36 1.36 0 0 1-.965.399z"> </path></g></svg>
<h3 class="slb-h2 mt-3 text-center">...</h3>
</div>
</div>
<div class="col-md-6">
<p>...</p>
<p>...</p>
</div>
</div>
</div>
</div>
</div>
Dependencies
- Information Box
- Bootstrap utilities
- Illustration SVGs