<div class="call-to-action pt-50 pb-50 bg-black-333">
  <h3 class="mt-0 text-white">Unlimited Support &amp; Easily Customizable</h3>
  <a href="#" class="btn btn-default btn-transparent mr-10">Purchase Now</a> 
  <a href="#" class="btn btn-colored btn-gray">Learn More</a>
</div>

<div class="call-to-action pt-50 pb-50 border-1px bg-lighter">
  <h3 class="mt-0">Unlimited Support &amp; Easily Customizable</h3>
  <a class="btn btn-default btn-lg mr-10" href="#">Purchase Now</a> 
  <a class="btn btn-gray btn-theme-colored btn-lg" href="#">Learn More</a>
</div>

<div class="call-to-action pt-50 pb-50 bg-theme-colored">
  <h3 class="mt-0 text-white">Unlimited Support &amp; Easily Customizable</h3>
  <a href="#" class="btn btn-default btn-transparent mr-10">Purchase Now</a> 
  <a href="#" class="btn btn-colored btn-gray">Learn More</a>
</div>

<div class="divider parallax call-to-action pt-50 pb-50" data-bg-img="http://placehold.it/1804x1200">
  <h3 class="mt-0">Unlimited Support &amp; Easily Customizable</h3>
  <a href="#" class="btn btn-default mr-10">Purchase Now</a> 
  <a href="#" class="btn btn-colored btn-gray">Learn More</a>
</div>

<div class="call-to-action pt-40 pb-40 border-1px bg-lighter">
  <div class="row">
    <div class="col-md-9">
      <h3 class="mt-0">Unlimited customer support & huge essential available shortcodes!</h3>
    </div>
    <div class="col-md-3"> 
      <a class="btn btn-colored btn-dark btn-lg" href="#">Purchase Now</a> 
    </div>
  </div>
</div>

<div class="call-to-action pt-40 pb-40 border-1px bg-black-333">
  <div class="row">
    <div class="col-md-9">
      <h3 class="mt-0 text-white">Unlimited customer support & huge essential available shortcodes!</h3>
    </div>
    <div class="col-md-3"> 
      <a href="#" class="btn btn-colored btn-gray btn-lg">Purchase Now</a> 
    </div>
  </div>
</div>

<div class="call-to-action pt-40 pb-40 border-1px bg-black-333">
  <div class="row">
    <div class="col-md-3"> 
    <a href="#" class="btn btn-colored btn-gray btn-lg">Purchase Now</a> 
    </div>
    <div class="col-md-9">
      <h3 class="mt-0 text-white">Unlimited customer support & huge essential available shortcodes!</h3>
    </div>
  </div>
</div>

<div class="call-to-action pt-40 pb-40 mb-20 border-1px bg-black-333">
  <div class="row">
    <div class="col-md-8">
      <h3 class="mt-5 text-white">Unlimited customer support & huge essential available shortcodes</h3>
    </div>
    <div class="col-md-4"> 
      <a href="#" class="btn btn-colored btn-gray mt-5 mr-10">Purchase Now</a> 
      <a href="#" class="btn btn-colored btn-gray mt-5">Learn More</a> 
    </div>
  </div>
</div>

<div class="call-to-action pt-40 pb-40 mb-20 border-1px bg-lighter">
  <div class="row">
    <div class="col-md-3"> 
      <a href="#" class="btn btn-gray btn-theme-colored btn-xl">Purchase Now</a> 
    </div>
    <div class="col-md-9">
      <h3 class="mt-5">Unlimited customer support & huge essential available shortcodes!</h3>
    </div>
  </div>
</div>

<div class="call-to-action pt-40 pb-40 mb-20 border-1px bg-lighter">
  <div class="row">
    <div class="col-xs-12 col-sm-8 col-md-8">
      <div class="icon-box icon-rounded-bordered left media mb-0 ml-60 ml-sm-0"> <a class="media-left pull-left flip" href="#"> <i class="pe-7s-culture text-theme-colored p-20"></i></a>
        <div class="media-body">
          <h3 class="media-heading heading">Need Assistance?</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </div>
      </div>
    </div>
    <div class="col-sm-4 col-md-4 text-center"> 
      <a href="#" class="btn btn-dark btn-theme-colored btn-flat btn-xl mt-20">Request a Quote</a> 
    </div>
  </div>
</div>

<div class="call-to-action pt-40 pb-40 mb-20 bg-theme-colored">
  <div class="row">
    <div class="col-xs-12 col-sm-8 col-md-8">
      <div class="icon-box icon-rounded-bordered left media mb-0 ml-60 ml-sm-0"> <a class="media-left pull-left flip" href="#"> <i class="pe-7s-culture text-white border-1px p-20"></i></a>
        <div class="media-body">
          <h3 class="media-heading heading text-white">Need Assistance?</h3>
          <p class="text-white">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        </div>
      </div>
    </div>
    <div class="col-sm-4 col-md-4 text-center"> 
      <a href="#" class="btn btn-gray btn-xl mt-20">Request a Quote</a> 
    </div>
  </div>
</div>

<div class="call-to-action divider layer-overlay overlay-dark-8 pt-40 pb-40 mb-20">
  <div class="col-xs-12 col-sm-8 col-md-8">
    <div class="icon-box icon-rounded-bordered left media mb-0 ml-30 ml-sm-0"> <a class="media-left pull-left flip" href="#"> 
      <i class="pe-7s-culture text-white border-1px p-20"></i></a>
      <div class="media-body">
        <h3 class="media-heading heading text-white">Need Assistance?</h3>
        <p class="text-white">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
      </div>
    </div>
  </div>
  <div class="col-sm-4 col-md-4 text-center"> 
    <a href="#" class="btn btn-gray btn-xl mt-20">Request a Quote</a> 
  </div>
</div>