<section class="page-header page-header-modern page-header-background page-header-background-md overlay overlay-color-quaternary overlay-show overlay-op-8 mb-0" style="background-image: url(img/page-header/page-header-background.jpg);">
    <div class="container">
        <div class="row">
            <div class="col align-self-center p-static text-center">
                <h1>Extra <strong>Breadcrumb Outside</strong></h1>
                <span class="sub-title">This is a subtitle example.</span>
            </div>
        </div>
    </div>
</section>
<section class="page-header bg-color-light border-bottom border-width-2">
    <div class="container">
        <div class="row">
            <div class="col align-self-center p-static">
                <ul class="breadcrumb d-block">
                    <li><a href="#">Home</a></li>
                    <li class="active">Features</li>
                </ul>
            </div>
        </div>
    </div>
</section>
