<!--page-hero-->
    <section class="position-relative bg-shade-primary">
        <div class="container z-index-1 pt-11 pb-9 pt-lg-14 position-relative">
            <div class="row align-items-center justify-content-around">
                <div class="col-md-5 text-white mb-7 mb-lg-0">
                    <!--Heading-->
                    <h1 class="display-2 me-md-n10 me-lg-n15 position-relative z-index-1 mb-4">Build stunning
                        website ease</h1>
                    <!--Subheading-->
                    <p class="mb-5">
                        Excepteur sint non proident, sunt in culpa qui officia deserunt
                        mollit anim id est laborum.
                    </p>
                    <!--Button-->
                    <a href="#" class="btn btn-hover-arrow btn-lg btn-white hover-lift"><span>Get
                            started</span></a>
                </div>
                <div class="col-md-7 col-lg-6 ms-lg-auto">
                       <!--Shape Image with mask-->
                       <div class="bg-mask">
                         <img src="assets/img/960x900/2.jpg" class="mask-squircle mask-image" alt="">
                       </div>
                </div>
            </div>
        </div>
        <!--/.end-container-->
    </section>