<div class="section">
  <div class="row">
    <div class="columns"> %%slider/master|plugin|1|8%% </div>
  </div>
</div>
<div class="section" style="padding:64px">
  <div class="wojo-grid">
    <div class="row align-center">
      <div class="columns screen-70 tablet-100 mobile-100 phone-100">
        <h2 class="wojo center aligned header">Page Without Sidebar Centered</h2>
        <p class="sub header">- Built with CMS Pro /Pagebuilder/ -</p>
        <div class="wojo space divider"></div>
        <p>Perhaps you are a new entrepreneur about to launch a business or innovation you have been dreaming about for years. Or maybe you have an established business and things are going well, or maybe even too well. In both instances you are going to need capital - the 'oxygen' that every business needs to grow and prosper.</p>
      </div>
    </div>
  </div>
</div>
<div class="section" style="background-color: #f8f9fa;padding:128px 0 96px 0">
  <div class="wojo-grid">
    <div class="row gutters">
      <div class="columns mobile-50 phone-100">
        <div class="wojo photo basic card" data-weditable="true">
          <img class="wojo basic image" src="[SITEURL]/uploads/builder/card-image-small-1.jpg" alt="Image Description">
          <div class="content">
            <small class="wojo secondary text">March 20, 2018</small>
            <h6>
              <a href="#" class="black">Remote workers, here's how to dodge distractions</a>
            </h6>
          </div>
        </div>
      </div>
      <div class="columns mobile-50 phone-100">
        <div class="wojo photo basic card" data-weditable="true">
          <img class="wojo basic image" src="[SITEURL]/uploads/builder/card-image-small-2.jpg" alt="Image Description">
          <div class="content">
            <small class="wojo secondary text">April 29, 2018</small>
            <h6>
              <a href="#" class="black">How to make trust your competitive advantage</a>
            </h6>
          </div>
        </div>
      </div>
      <div class="columns mobile-50 phone-100">
        <div class="wojo photo basic card" data-weditable="true">
          <img class="wojo basic image" src="[SITEURL]/uploads/builder/card-image-small-3.jpg" alt="Image Description">
          <div class="content">
            <small class="wojo secondary text">March 20, 2018</small>
            <h6>
              <a href="#" class="black">How to change careers or start a home-based business?</a>
            </h6>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="section" style="padding:64px">
  <div class="wojo-grid">
    <div class="row gutters">
      <div class="columns screen-40 tablet-50 mobile-100 phone-100">
        <h5>Bringing the culture to everyone.</h5>
        <p>We know the power of sharing is real, and we want to create an opportunity for everyone to try CMS Pro and explore how transformative open communication can be. Now you can have a team of one or two designers and unlimited spectators (think PMs, management, marketing, etc.) share work and explore the design process earlier</p>
        <p>Capital that is generated internally through positive cash flow from business operations (e.g., selling stuff), or from external funding sources. The new entrepreneur is limited to only one option - external funding <a href="#">sources</a>.</p>
      </div>
      <div class="columns screen-60 tablet-50 mobile-100 phone-100">
        <h4>Latest Twitts</h4>
        <p>- This plugin is included in CMS Pro core -</p>
        %%twitts|plugin|0|15%% </div>
    </div>
  </div>
</div>
<div class="section relative" style="background-image: linear-gradient(150deg, #2d1582 0%, #19a0ff 100%);padding:128px 0">
  <div class="wojo-grid">
    <div class="row align-middle">
      <div class="columns">
        <div class="wojo white text content-center" data-weditable="true">
          <h3 class="wojo semi warning text half-bottom-margin">Ready to get started?</h3>
          <p class="wojo white medium thin text">
            <span class="wojo semi text">CMS Pro</span> – the simplest and fastest way to build sites. </p>
          <a class="wojo white button" href="#" data-type="button">Start Free Trial</a>
        </div>
      </div>
    </div>
  </div>
  <figure class="absolute mobile-hide phone-hide" style="top:0;left:0;max-width: 13rem;">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="168 -117.3 384.1 283.3">
      <circle cx="361.8" cy="140.5" r="14.4" fill="none" stroke="#00DFFC" stroke-miterlimit="10" stroke-width="3"/>
      <circle cx="370.8" cy="102.7" r="5.4" fill="none" stroke="#00DFFC" stroke-miterlimit="10" stroke-width="2"/>
      <path fill="#00DFFC" d="M168 4.6v-121.9h205.9C398.5-80 354.3-43.4 325-26.4c-26.8 15.5-53.5 29.6-82.8 39.9-15.2 5.4-31.6 8.8-47.5 5.9-12.1-2.2-20.4-7.6-26.7-14.8z"/>
      <path fill="#FFC107" d="M208.9-65.6c-13.7 24.7-22.3 55.9-14.8 83.9 7.5 28.2 36.2 56.4 66.7 40.8 35.1-18 43.6-64.2 82.1-79.3 24.1-9.4 45.7 1.1 63 18.9 11 11.4 19.3 25.2 26.5 39.4 16.5 32.6 49.9 60.7 86.9 35.6 53.3-36 28-118.9 17.8-169.5-1.4-7.1-2.9-14.3-4.3-21.5H227.4c.3 18.8-9.1 34.7-18.5 51.7z"/>
    </svg>
  </figure>
  <figure class="absolute mobile-hide phone-hide" style="bottom:0;right:0;max-width: 13rem;">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 280">
      <path fill="#55C8E7" d="M226.1 110.7c7.3 20.5 16.6 50.9 8 71.1-6.6 15.6-19 38.5-34.6 35.4-13.1-16.9-39.8-52.3-57-66.2-14.2-11.4-36-23.3-49.8-35.7C58.6 84.4 45.4 42.5 26.4.6 61 4.1 95.2 10.6 129 20.1c21.8 6.2 44.3 14.2 60.7 29.5 18.4 15.7 28.8 38.2 36.4 61.1z"/>
      <path fill="#FFF" d="M28.5 2.4c40.3 19.3 77.3 44.3 109 75.3 34.4 34.1 57.5 74.1 83.2 114.1.4 1.2 2.7 0 1.6-1.2C178.2 107.9 116.1 38.1 28.5 1.2c0 .1-.8.5 0 1.2zm23.4 52.7c27.8-1.6 52-.4 76.2 14.9 1.6 1.2 3.1-1.6 1.6-2.7C108.3 53.2 77 44.5 51.6 53.2c-.8.7-.8 1.9.3 1.9zm43.4 46.2c13.3 0 26.2-.4 39.1 2.7 11.7 2.7 23.1 7 34.8 11.3 1.6.4 2-1.6.4-2.7-23.5-8.6-50.1-18.9-75-12.5.4.8.4 1.2.7 1.2zm51.6 41.2c9 .4 18.8 1.6 27.8 3.1 10.6 2 17.6 7.4 24.6 15.6 1.2 1.2 3.1-.4 2-2-6.3-7.4-12.9-12.9-23.1-15.6-10.2-2-21.1-2.7-31.7-2 0-.3 0 .9.4.9zM109 22.9c.4 10.2 5.9 20.4 9.8 29.8 2.7 5.9 4.7 16 12.5 17.2.4 0 1.2-.4.4-1.2-12.9-10.6-13.3-31.8-21.9-45.9 0-.7-.8-.7-.8.1zM150.8 35c2.7 27.9 11.3 55.3 21.1 81.2.4 1.2 2.7.4 2-.4C163.7 89.6 158.3 62.5 152 35c-.4-.4-1.2-.4-1.2 0zm45 58.9c0 23.6 5.9 47.8 9.8 71 .4 1.6 3.1 1.2 2.7-.4-4.3-23.6-7.4-46.6-11.3-70.6-.1-1.2-1.2-1.2-1.2 0z"/>
      <path fill="none" stroke="#55C8E7" stroke-miterlimit="10" stroke-width="3" d="M318.9 48.9c-.1-1.9-1-3.6-2.5-4.7-2.3-1.7-6.1-2.2-11.4 5.5-8.4 12.2-.5 11.7.6 11.6h.3l7.3-.5c3.5-.2 6.2-3.3 6-6.8l-.3-5.1z"/>
      <path fill="#FDC113" d="M196 180.5c-11.3-15.7-29.2-24.9-48.6-24.7-50.2.5-69.3 46.9-76.2 89.9-1.8 11.5-3.1 23.3-4.6 34.9h146.2c-5.4-32.9 3.8-71.4-16.8-100.1z"/>
      <linearGradient id="a" x1="2751.534" x2="3158.839" y1="757.064" y2="757.064" gradientTransform="rotate(142.902 1630.174 56.262)" gradientUnits="userSpaceOnUse">
        <stop offset="0" stop-color="#4f75ba"/>
        <stop offset="1" stop-color="#332c7d"/>
      </linearGradient>
      <path fill="url(#a)" d="M348.8 257.6c0-.9.1-1.9.1-2.9 2.9-75.4-83.3-119.8-143.8-75.1-28.3 20.9-68.9 43.3-123 55-44.9 9.7-69.1 27.6-81.9 46h350c-1.3-7.1-1.9-14.7-1.4-23z"/>
    </svg>
  </figure>
</div>
