<div class="section" style="background-image:linear-gradient(150deg, #2d1582 0%, #19a0ff 100%);background-repeat: repeat-x;padding:64px 0">
  <div class="wojo-grid">
    <figure class="absolute" style="right:0;top:0;height:100%;width:100%;">
      <svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1920 1397.5" style="enable-background:new 0 0 1920 1397.5;" xml:space="preserve" class="injected-svg js-svg-injector" data-parent="#SVGbgElements5">
        <linearGradient id="bgElements5_1_" gradientUnits="userSpaceOnUse" x1="0" y1="698.7648" x2="1920" y2="698.7648">
          <stop class="stop-color-white" offset="0.452" style="stop-color:#FFFFFF;stop-opacity:0"></stop>
          <stop class="stop-color-white" offset="1" style="stop-color:#FFFFFF;stop-opacity:8.000000e-02"></stop>
        </linearGradient>
        <polygon fill="url(#bgElements5_1_)" points="1920,880.1 1920,0 0,1108.5 0,1397.5 1023.8,1397.5 "></polygon>
        <linearGradient id="bgElements5_2_" gradientUnits="userSpaceOnUse" x1="844.9281" y1="478.6949" x2="1920" y2="478.6949">
          <stop class="stop-color-white" offset="0.452" style="stop-color:#FFFFFF;stop-opacity:0"></stop>
          <stop class="stop-color-white" offset="1" style="stop-color:#FFFFFF;stop-opacity:8.000000e-02"></stop>
        </linearGradient>
        <polygon fill="url(#bgElements5_2_)" points="1920,-0.5 1724.4,-0.5 844.9,529.6 1103,957.9 1920,465.4 "></polygon>
        <linearGradient id="bgElements5_3_" gradientUnits="userSpaceOnUse" x1="0" y1="226.5954" x2="731.1549" y2="226.5954">
          <stop class="stop-color-white" offset="0.2927" style="stop-color:#FFFFFF;stop-opacity:0"></stop>
          <stop class="stop-color-white" offset="1" style="stop-color:#FFFFFF;stop-opacity:0.1"></stop>
        </linearGradient>
        <polygon fill="url(#bgElements5_3_)" points="0,453.7 731.2,1.1 730.2,-0.5 0,-0.5 "></polygon>
      </svg>
    </figure>
    <div class="row align-center">
      <div class="columns screen-70">
        <div class="wojo basic attached transparent card" data-weditable="true">
          <div class="content content-center">
            <figure class="wojo mini basic image half-bottom-margin">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
                <path fill="#ffc107" d="M44.8 21.6c-2-2-4.7-3.2-7.5-3.4v-.8c0-1.4 1-5.6 1.7-7.9l.7-2.4h-8.2l-.6.9c-.2.4-5.3 8.8-5.3 21.4 0 6.2 5 11.3 11.3 11.3S48 35.7 48 29.5c0-2.9-1.1-5.7-3.2-7.9zm-8 15.4c-4.1 0-7.5-3.4-7.5-7.5 0-9.3 3.1-16.2 4.3-18.6h1.1c-.5 2.1-1.2 5.1-1.2 6.6 0 1.2.1 2.1.5 2.9.4.7 1.2 1.6 2.8 1.6h.1c4.1.1 7.4 3.4 7.4 7.5 0 4.2-3.4 7.5-7.5 7.5zM19.3 21.6c-2-2-4.7-3.2-7.5-3.4v-.8c0-1.4 1-5.6 1.7-7.9l.7-2.4H5.9l-.6 1C5.1 8.5 0 16.9 0 29.5c0 6.2 5 11.3 11.3 11.3s11.3-5 11.3-11.3c-.1-2.9-1.2-5.7-3.3-7.9zm-8 15.4c-4.1 0-7.5-3.4-7.5-7.5 0-9.3 3-16.2 4.2-18.5h1.1C8.6 13.1 8 16 8 17.5c0 1.2.1 2.1.5 2.9.4.7 1.2 1.6 2.8 1.6h.1c4.1.1 7.4 3.4 7.4 7.5 0 4.2-3.4 7.5-7.5 7.5z" class="wojo warning fill"/>
              </svg>
            </figure>
            <h2 class="wojo white text half-bottom-margin">CMS Pro Satisfied customers</h2>
            <p class="wojo white thin medium tall dimmed text margin-bottom">I uploaded my resume on CMS Pro and within that week had several emails and calls about opportunities from recruiters. I decided to pursue an opportunity with HP and started working there that same month. Excellent site!</p>
            <div class="row gutters">
              <div class="columns mobile-100 phone-100">
                <div class="wojo white rounded icon message content-left align-middle">
                  <div class="content shrink"><img class="wojo small circular image" src="[SITEURL]/uploads/avatars/avatar_0013.jpg" alt="Image Description"></div>
                  <div class="content padding-left">Chris Williams
                    <p class="wojo thin small text">NERC CIP Consultant</p>
                  </div>
                </div>
              </div>
              <div class="columns mobile-100 phone-100">
                <div class="wojo white inverted rounded icon message content-left align-middle">
                  <div class="content shrink"><img class="wojo small circular image" src="[SITEURL]/uploads/avatars/avatar_0015.jpg" alt="Image Description"></div>
                  <div class="content padding-left">Linda Spears
                    <p class="wojo thin small white text">Business Analyst</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>