<!--::Begin Section Hero-->
    <section class="position-relative bg-white overflow-hidden">
        <div class="container pt-12 pb-9">
            <div class="row pt-lg-6 align-items-center justify-content-between">
                <div class="col-lg-5 col-md-6 mb-5 mb-md-0">
                    <!--Heading-->
                    <h1 class="display-3 mb-4">Build stunning website easy</h1>
                    <!--text-->
                    <p class="mb-5 lead">
                        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
                        mollit anim id est laborum.
                    </p>
                    <!--button-->
                    <a href="#" class="btn btn-hover-arrow btn-primary hover-lift"><span>Get started</span></a>
                </div>
                <div class="col-lg-7 col-md-6 ps-md-5">
                    <!--Tile images-->
                    <div class="position-relative">
                       <div class="row align-items-center">
                        <div class="col-5">
                            <!--image 1-->
                             <img src="assets/img/960x1440/2.jpg" class="img-fluid rounded-4 shadow-lg" alt="">
                        </div>
                        <div class="col-7">
                            <!--image 2-->
                            <img src="assets/img/960x900/2.jpg" class="img-fluid w-75 me-auto rounded-4 shadow-lg mb-4" alt="">
                            <!--image 3-->
                            <img src="assets/img/1200x600/3.jpg" class="img-fluid rounded-4 shadow-lg" alt="">
                        </div>
                       </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/.end-container-->
    </section>
    <!--::/End Section Hero-->