<aside class="mp c-campaign c-campaign--petrol">
<a href="" class="c-campaign__link">OmniTrust: Analytics you can trust.</a>
<figure class="c-campaign__image">
<img src="/static/img/campaign.jpg" alt="alt" />
</figure>
<div class="c-campaign__content u-flow">
<h2 class="c-h c-h--step-2">OmniTrust: Analytics you can trust.</h2>
<div class="mp o-prose u-flow--prose">
<p>At last, a compliance breakthrough: Omnitrust joins up all your instruments and platforms, authorizes users, keeps all your data audit-ready – and is completely configurable to your workflow.</p>
<span class="mp c-twi u-link c-twi--left" ><span>Find out more</span>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--arrow-right">
<use xlink:href="/static/svg/sprite.svg#arrow-right"></use>
</svg>
</span>
</div>
</div>
</aside>
Campaign - Petrol
{
"title": "OmniTrust: Analytics you can trust.",
"content": "<p>At last, a compliance breakthrough: Omnitrust joins up all your instruments and platforms, authorizes users, keeps all your data audit-ready – and is completely configurable to your workflow.</p>",
"linkLabel": "Find out more",
"link": "",
"image": {
"src": "/static/img/campaign.jpg",
"alt": "alt"
},
"classes": "c-campaign--petrol"
}
Props
Name | Type | Description |
---|---|---|
title | string | |
content | html | |
link | string | |
linkLabel | string | Label for the button |
image | object | Image object |
CSS modifiers
Name | Description |
---|---|
c-campaign--switch | Switches the image from left to right |
c-campaign--petrol | Petrol colour variant |
c-campaign--blue | Blue colour variant |
c-campaign--orange | Orange colour variant |