<div style="height: 700px;" class="is-section is-light-text is-box is-section-fixed banner-02">

    <div class="is-overlay">
        <div class="is-overlay-color"></div>
        <div class="is-overlay-content"></div>
        <div class="is-overlay-bg"
             style="background-image: url('{{ config('builder.frontend_asset_path') }}/placeholders/landscape.jpg'); background-position: 50% 40%;"
             data-quality="80"
        ></div>
    </div>

    <div class="is-boxes">
        <div class="is-box-centered">
            <div class="is-container container-fluid-fluid is-content-left edge-x-3" style="max-width: 750px;">
                <div class="row">
                    <div class="col-12">
                        <h4 class="h5">Sub Heading</h4>
                        <h1 class="display-4 mb-4">Main Heading</h1>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt dolor in ex malesuada,
                            vitae eleifend justo fringilla. Mauris porta lorem sed nisi posuere, nec finibus nunc
                            pulvinar. Phasellus sodales lacus sit amet risus commodo lobortis.
                        </p>
                        <span class="d-block mt-3">
                            <a href="#" class="btn btn-secondary btn-lg">Read More</a>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
