<div class="is-section is-shadow-1">
    <div class="is-boxes">
        <div class="is-box is-bg-light is-align-left is-box-7">
            <div class="is-boxes">
                <div class="is-box-centered">
                    <div class="is-container is-builder container" style="max-width: 640px;">
                        <div class="row clearfix">
                            <div class="col-12">
                                <h1>Hello. I"m Marie Johnson. A web designer with experience in studios and startups.
                                    <span class="text-primary">Drop me a line.</span>
                                </h1>
                                <div class="spacer height-100"></div>
                                <div class="is-social edit">
                                    <a href="https://twitter.com/">
                                        <i class="icon fab fa-twitter"></i>
                                    </a>
                                    <a href="https://www.facebook.com/">
                                        <i class="icon fab fa-facebook-f"></i>
                                    </a>
                                    <a href="mailto:you@example.com">
                                        <i class="icon fas fa-envelope"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="is-box-img is-box is-box-5">
            <div class="is-overlay">
                <div class="is-overlay-bg"
                     style="background-image: url('{{ config('builder.frontend_asset_path') }}/placeholders/landscape.jpg"
                ></div>
            </div>
        </div>
    </div>
</div>
