<div class="section" style="padding:0;">
  <div class="row">
    <div class="columns screen-50 tablet-50 mobile-100 phone-100 relative wojo primary gradient">
      <div class="big full padding">
        <div class="row align right">
          <div class="columns screen-50 tablet-100 mobile-100 phone-100">
            <div data-weditable="true">
              <h2 class="wojo white text">Have a project?</h2>
              <p class="wojo white dimmed text">Hire us. Our top professionals are ready to help with your business.</p>
              <a class="wojo wide white button" data-type="button" href="#">Hire Us</a>
            </div>
          </div>
        </div>
        <figure class="absolute phone-hide" style="bottom:0;right:3em;width:250px;">
          <img data-weditable="true" src="[SITEURL]/uploads/builder/building-site.svg" alt="Building Site">
        </figure>
      </div>
    </div>
    <div class="columns screen-50 tablet-50 mobile-100 phone-100" style="background-image: linear-gradient(25deg, #ffc107 30%, #de4437 100%);background-repeat: repeat-x;">
      <div class="row">
        <div class="columns relative screen-50 tablet-100 mobile-100 phone-100">
          <div class="big full padding">
            <div data-weditable="true">
              <h2 class="wojo white text">Get in touch</h2>
              <p class="wojo white dimmed text">If you would like to find out more about how we can help you, please give us a call or drop us an email..</p>
              <a class="wojo wide white button" data-type="button" href="#">Contact Us</a>
            </div>
            <figure class="absolute phone-hide" style="bottom:0;right:0;width:250px;">
              <img data-weditable="true" src="[SITEURL]/uploads/builder/pushing-boundaries.svg" alt="Pushing Boundaries">
            </figure>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>