<!--call-to-action-area start--> <div class="cll-to-action-area black-bg ptb-50"> <div class="col-12"> <div class="row action-box"> <div class="col-xl-8 col-lg-8 col-12 text-left"> <div class="section-title cta-title roboto"> <h1>If you like <span>wright </span>HTML Template! Just for <span>$17</span></h1> </div> </div> <div class="col-xl-4 col-lg-4 col-12 text-right action-box-button"> <a href="#" class="deff-btn uppercase"> <span>Purchase Now</span> </a> </div> </div> </div> </div> <!--call-to-action-area end-->
/* call to action */ .section-title.cta-title h1 { color: #fff; line-height: 58px; margin: 0; } .section-title.cta-title h1 span { color: #2395ec; }
<!--call-to-action-area start--> <div class="cll-to-action-area blue-gery ptb-50"> <div class="col-12"> <div class="row action-box"> <div class="col-xl-8 col-lg-8 col-12 text-left"> <div class="section-title cta-title roboto"> <h1>If you like <span>wright </span>HTML Template! Just for <span>$17</span></h1> </div> </div> <div class="col-xl-4 col-lg-4 col-12 text-right action-box-button"> <a href="#" class="deff-btn uppercase"> <span>Purchase Now</span> </a> </div> </div> </div> </div> <!--call-to-action-area end-->
<!--call-to-action-area start--> <div class="cll-to-action-area purple-bg ptb-50"> <div class="col-12"> <div class="row action-box"> <div class="col-xl-8 col-lg-8 col-12 text-left"> <div class="section-title cta-title roboto"> <h1>If you like <span>wright </span>HTML Template! Just for <span>$17</span></h1> </div> </div> <div class="col-xl-4 col-lg-4 col-12 text-right action-box-button"> <a href="#" class="deff-btn white-btn uppercase"> <span>Purchase Now</span> </a> </div> </div> </div> </div> <!--call-to-action-area end-->
<!--call-to-action-area start--> <div class="cll-to-action-area teal-bg ptb-50"> <div class="col-12"> <div class="row action-box"> <div class="col-xl-8 col-lg-8 col-12 text-left"> <div class="section-title cta-title roboto"> <h1>If you like <span>wright </span>HTML Template! Just for <span>$17</span></h1> </div> </div> <div class="col-xl-4 col-lg-4 col-12 text-right action-box-button"> <a href="#" class="deff-btn white-btn uppercase"> <span>Purchase Now</span> </a> </div> </div> </div> </div> <!--call-to-action-area end-->
<!--call-to-action-area start--> <div class="cll-to-action-area black-bg ptb-50"> <div class="container"> <div class="row"> <div class="action-box"> <div class="col-xl-8 col-lg-8 col-12 text-left"> <div class="section-title cta-title roboto"> <h1>If you like <span>wright </span>HTML Template! Just for <span>$17</span></h1> </div> </div> <div class="col-xl-4 col-lg-4 col-12 text-right action-box-button"> <a href="#" class="deff-btn uppercase"> <span>Purchase Now</span> </a> </div> </div> </div> </div> </div> <!--call-to-action-area end-->
Which layout option you want to use?
Which theme color you want to use? Select from here.
Which background pattern you want to use?
Which background image you want to use?