<div class="section" style="padding:64px 0">
  <div class="wojo-grid">
    <div class="row gutters">
      <div class="columns screen-30 tablet-30 mobile-50 phone-100 align self middle">
        <div class="wojo attached basic simple card" data-weditable="true">
          <h2>Navigate our popular products and services.</h2>
          <div class="wojo vertical buttons">
            <a href="#" class="wojo basic primary button right" data-type="button">Media Hub <i class="icon chevron right"></i></a>
            <a href="#" class="wojo basic primary button right" data-type="button">Our Commitment <i class="icon chevron right"></i></a>
            <a href="#" class="wojo basic primary button right" data-type="button">Partner Program <i class="icon chevron right"></i></a>
            <a href="#" class="wojo basic primary button right" data-type="button">Sustainability <i class="icon chevron right"></i></a>
            <a href="#" class="wojo basic primary button right" data-type="button">National Partnerships <i class="icon chevron right"></i></a>
          </div>
        </div>
      </div>
      <div class="columns screen-70 tablet-70 mobile-50 phone-100">
        <div class="wojo attached card">
          <figure class="wojo bacic rounded image description" data-weditable="true">
            <p class="wojo white thin text center aligned">How web agencies are using CMS Pro</p>
            <img src="[SITEURL]/uploads/builder/wide-large-3.jpg" alt="Startup">
          </figure>
        </div>
      </div>
    </div>
  </div>
</div>