Preceding section
<section class="qld__body">
Following section
<section class="qld__body qld__body--alt">
Code example
<!--
Default promo panel with full image: <section class="qld__body qld__body--full-image qld__promo-panel qld__promo-panel--image-right" >
-->
<section class="qld__body qld__body--full-image qld__promo-panel qld__promo-panel--image-right">
<div class="container-fluid">
<div class="qld__promo-panel__container row"
style="background-image: url(https://www.design-system.health.qld.gov.au/__data/assets/image/0016/110275/Dark-Pattern.png); background-repeat: no-repeat; background-size: cover;">
<div class="qld__promo-panel__container-image">
<div class="qld__promo-panel__image" style="background: transparent"></div>
</div>
<div class="qld__promo-panel__container-content">
<div class="qld__promo-panel__container-inner">
<h2 class="qld__display-xl"
id="section__heading-2-goes-here-and-has-a-maximum-of-65-character-limit" tabindex="-1">Heading
2 goes here and has a maximum of 65 character limit</h2>
<div class="qld__abstract">
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tortor, leo vulputate ut
odio mattis.</p>
</div>
</div>
<ul class="qld__promo-panel__container-btn qld__banner__content--cta qld__link-list">
<li>
<a class="qld__promo-panel__btn qld__btn qld__btn--primary" data-type="class"
href="./?a=">Primary action button</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>