<div class="section" style="padding:64px 0">
  <div class="wojo-grid">
    <div class="row gutters">
      <div class="columns screen-50 tablet-30 mobile-100 phone-100 align self middle">
        <div class="wojo attached basic card" data-weditable="true">
        <div class="full padding">
          <h2>Dedicated to high quality customer service.</h2>
          <p>Speed up your workflow with tons of pre-made content blocks. Assembling your site is easier than ever before.</p>
          </div>
        </div>
      </div>
      <div class="columns screen-30 tablet-50 mobile-100 phone-100">
        <div class="wojo attached card" data-weditable="true">
          <img src="[SITEURL]/uploads/builder/card-image-small-6.jpg" class="wojo rounded image" alt="Startup">
        </div>
      </div>
      <div class="columns screen-20 tablet-20 mobile-100 phone-100 flex">
        <div class="row grid screen-1 tablet-1 mobile-1 phone-1">
          <div class="columns bottom margin">
            <div class="wojo attached full card align middle center" data-weditable="true">
              <div class="center aligned">
                <figure class="wojo small basic image"><img src="[SITEURL]/uploads/builder/icon1.svg"></figure>
                <p>Small Business</p>
              </div>
            </div>
          </div>
          <div class="columns top margin">
            <div class="wojo primary bg attached full card align middle center" data-weditable="true">
              <div class="center aligned">
                <figure class="wojo small basic image"><img src="[SITEURL]/uploads/builder/icon13.svg"></figure>
                <p class="wojo white text">Startup</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>