<div class="section relative" style="background-image: linear-gradient(150deg, #2d1582 0%, #19a0ff 100%);background-repeat: repeat-x;padding:100px 0">
  <div class="wojo-grid">
    <div class="row gutters align-middle">
      <div class="columns screen-40 tablet-50 mobile-100 phone-100">
        <div data-weditable="true">
          <h1 class="wojo primary semi huge white text"><span class="wojo warning text">Improve</span>
            &amp; boost your services</h1>
          <p class="wojo dimmed white text">We provide all kinds of services and will help your audience grow through all platforms..</p>
        </div>
      </div>
      <div class="columns screen-60 tablet-50 mobile-100 phone-100">
        <figure class="wojo basic big image" data-weditable="true"><img data-weditable="true" src="[SITEURL]/uploads/builder/teamwork-concept-illustration.svg" alt="teamwork concept"></figure>
      </div>
    </div>
  </div>
  <figure class="absolute" style="bottom:0">
    <svg xmlns="http://www.w3.org/2000/svg" style="margin-bottom:-4px" viewBox="0 0 1920 140">
      <path d="M960 92.9c-148.6.4-297.2-3.5-444.7-13.9-138.6-9.8-277.1-26.2-409-53.3C97.8 24 0 6.5 0 0v140l960-1.2 960 1.2V0c0 2.7-42.1 11.3-45.8 12.2-45.1 11-91.5 20.1-138.4 28.1-176.2 30.1-359.9 43.8-542.9 48.9-77.5 2.2-155.2 3.5-232.9 3.7z" class="wojo white fill"/>
    </svg>
  </figure>
</div>

<div class="section" style="padding:40px 0;">
  <div class="wojo-grid">
    <div class="row double-gutters">
      <div class="columns screen-50 tablet-50 mobile-100 phone-100">
        <div class="double-padding content-center" data-weditable="true">
          <figure class="margin-bottom">
            <img src="[SITEURL]/uploads/builder/pushing-boundaries.svg" alt="Pushing Boundaries">
          </figure>
          <h4>Using CMS Pro</h4>
          <p>Find the answer to any question, from the basics all the way to advanced tips and tricks!</p>
          <a class="wojo primary button" data-type="button" href="http://ckb.wojoscripts.com" target="_blank">Browse all article</a>
        </div>
      </div>
      <div class="columns screen-50 tablet-50 mobile-100 phone-100 relative divider">
        <div class="double-padding content-center" data-weditable="true">
          <figure class="margin-bottom">
            <img src="[SITEURL]/uploads/builder/building-site.svg" alt="Building Site">
          </figure>
          <h4>Workspace administration</h4>
          <p>Want to learn more about setting up and managing your team? Look no further!</p>
          <a class="wojo primary button" data-type="button" href="[SITEURL]/admin/">Browse all article</a>
        </div>
      </div>
    </div>
  </div>
</div>
<section style="padding:0 0 64px 0">
  <div class="wojo-grid">
    <div class="row gutters">
      <div class="columns"> %%faq|module|24|0%% </div>
    </div>
  </div>
</section>
<div class="section" style="padding:60px 0">
  <div class="wojo-grid">
    <div class="row double-gutters">
      <div class="columns screen-50 tablet-50 mobile-100 phone-100">
        <div class="wojo basic icon message" data-weditable="true">
          <figure class="wojo basic small image margin-right">
            <img src="[SITEURL]/uploads/builder/icon15.svg" alt="Email us">
          </figure>
          <div class="content half-left-padding">
            <h5>Can't find your answer?</h5>
            <p>We want to answer all of your queries. Get in touch and we'll get back to you as soon as we can.</p>
            <a href="#">Email us <i class="icon middle chevron right"></i></a>
          </div>
        </div>
      </div>
      <div class="columns screen-50 tablet-50 mobile-100 phone-100 relative divider">
        <div class="wojo basic icon message" data-weditable="true">
          <figure class="wojo basic small image margin-right">
            <img src="[SITEURL]/uploads/builder/icon4.svg" alt="Have a question">
          </figure>
          <div class="content half-left-padding">
            <h5>Technical questions</h5>
            <p>Have some technical questions? Hit us on community page or just say hello..</p>
            <a href="#">Open ticket <i class="icon middle chevron right"></i></a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>