<div class="section" style="padding:64px 0">
  <div class="wojo-grid">
    <div class="row gutters align center middle">
      <div class="columns screen-40 tablet-60 mobile-100 phone-100">
        <div class="row grid screen-1 tablet-1 mobile-1 phone-1">
          <div class="columns small bottom margin">
            <div class="wojo attached icon message" data-weditable="true">
              <figure class="wojo small basic image"><img src="[SITEURL]/uploads/builder/icon1.svg"></figure>
              <div class="content">
                <h6>Getting started</h6>
                <p class="wojo small text">Now that we've aligned the details, it's time to get things mapped out and organized. This part is really crucial in keeping the project in line to completion.</p>
                <a>Learn More</a>
              </div>
            </div>
          </div>
          <div class="columns small top margin">
            <div class="wojo attached icon message" data-weditable="true">
              <figure class="wojo small basic image"><img src="[SITEURL]/uploads/builder/icon6.svg"></figure>
              <div class="content">
                <h6>Modular Structure</h6>
                <p class="wojo small text">We get it, you're busy and it is important that someone keep up with marketing and driving people to your brand. We've got you covered.</p>
                <a>Learn More</a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="columns screen-30 tablet-40 mobile-100 phone-100 ">
        <div class="wojo attached card" data-weditable="true">
          <figure class="wojo rounded image">
            <img src="[SITEURL]/uploads/builder/card-image-background-1.jpg" alt="Startup">
          </figure>
        </div>
      </div>
    </div>
  </div>
</div>