Preceding section
<section class="qld__body">
Test
Following section
<section class="qld__body qld__body--alt">
Code example
<!--
Dark Promo panel with left image: <section class="qld__body qld__body--dark qld__promo-panel qld__promo-panel--image-left" >
-->
<section class="qld__body qld__body--dark qld__promo-panel qld__promo-panel--image-left>
<div class="container-fluid">
<div class="qld__promo-panel__container row">
<div class="qld__promo-panel__container-image">
<div class="qld__promo-panel__image" style="background-image: url(https://www.design-system.health.qld.gov.au/__data/assets/image/0017/110276/Hero-placeholder-Crop.jpg)"></div>
</div>
<div class="qld__promo-panel__container-content">
<div class="qld__promo-panel__container-inner">
<div class="qld__promo-panel__container-icon">
<svg class="qld__icon qld__icon--md" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><use href="./?a=169317:dist/mysource_files/img/QLD-icons.svg#phone"></use></svg>
</div>
<h2 class="qld__display-xl">Heading 2 maximum of 65 character limit</h2>
<div class="qld__abstract">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tortor, leo vulputate ut odio mattis.</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tortor, leo vulputate ut odio mattis. Vel suspendisse mi quisque consequat aliquet egestas.</p>
<div>
<a class="qld__cta-link" href="https://www.design-system.health.qld.gov.au/components/promotional-panel/tabs/promo-panel-example">Call to action</a>
</div>
</div>
</div>
</div>
</div>
</section>