<!-- Start of section -->
<section class="qld__banner qld__banner__advanced qld__banner--alt qld__banner--breadcrumbs qld__banner--has-hero">
<!-- Mobile Breadcrumb navigation -->
<nav class="qld__breadcrumbs qld__breadcrumbs--alt qld__banner__breadcrumbs qld__banner__breadcrumbs--mobile" aria-label="breadcrumb">
<ul class="qld__link-list qld__link-list--inline">
<li>
<!-- Changed link to javascript:void(0) -->
<a href="javascript:void(0)">Banners</a>
</li>
</ul>
</nav>
<div class="container-fluid">
<div class="qld__banner__wrapper">
<div class="qld__banner__main row">
<!-- Hero Image Section -->
<div class="qld__banner__hero col-xs-12 col-md-6 col-lg-5">
<div class="qld__banner__image " style="background-image: url('https://www.design-system.health.qld.gov.au/__data/assets/image/0017/110276/Hero-placeholder-Crop.jpg');"></div>
</div>
<!-- Content Section -->
<div class="qld__banner__content col-xs-12 col-md-6 col-lg-7">
<!-- Desktop Breadcrumb navigation -->
<nav class="qld__breadcrumbs qld__banner__breadcrumbs qld__banner__breadcrumbs--desktop" aria-label="breadcrumb">
<ul class="qld__link-list qld__link-list--inline">
<li>
<a href="javascript:void(0)">Home</a>
</li>
<li>
<a href="javascript:void(0)">Components</a>
</li>
<li>
<a href="javascript:void(0)">Banners</a>
</li>
<li aria-current="page">
Block style heading
</li>
</ul>
</nav>
<!-- Heading -->
<h1 class="qld__banner__heading__wrapper">
<span class="qld__banner__heading qld__banner__heading--dark">Banner</span>
<span class="qld__banner__heading qld__banner__heading--light">advanced</span>
</h1>
<!-- Body Content -->
<div class="qld__banner__content--body qld__abstract">
<p>Advance banner with feature style heading and hero image</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End of section -->
Last updated: March 2024