<!--page-hero-->
    <section class="position-relative bg-white">
       <div class="container pt-7 pb-7 pb-7">
           <div class="row align-items-center justify-content-between">
               <div class="col-md-6 mb-5 mb-md-0">
                   <!--Hero heading-->
                   <h1 class="display-2 mb-4">Write less.
Do More</h1>
                   <!--Hero subheading-->
                   <p class="mb-5 lead">
                       Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
                       mollit anim id est laborum.
                   </p>
                   <!--Hero action-->
                   <a href="#" class="btn btn-hover-arrow btn-primary hover-lift">Get started</a>
               </div>
               <div class="col-md-6 mx-auto mx-md-0">
                   <div class="position-relative">
                       <!--Hero illustration-->
                       <img src="assets/img/graphics/illustration/06.svg"
                        class="img-fluid position-relative w-100 mx-auto d-block" alt="">
                   </div>
               </div>
           </div>
       </div>
       <!--/.end-container-->
   </section>
   <!--/.end-hero-->