<div class="o-member-feature-4columns o-member-feature-4columns--other-ways">
  <div class="o-member-feature-4columns-item">
    <a href="#" class="o-member-feature-4columns-link">
      <svg class="o-member-feature__icon" role="img" pointer-events="none" focusable="false" aria-hidden="true" >
        <use xlink:href="{{ basePath }}/assets/patterns/images/member-centre-sprite.svg#icon-globe2go"></use>
      </svg>
      <div class="o-member-feature-4columns-item__content-container">
        <h4 class="o-member-feature-4columns-item__title">
        globe2go
          <svg class="o-member-feature__link-icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
            <use xlink:href="{{basePath}}/assets/patterns/images/sprite.svg#icon-chevron"></use>
          </svg>
        </h4>
        <p class="o-member-feature-4columns-item__text">The digital newspaper replica available at 5am with features like audio and translation</p>
      </div>
    </a>
  </div>
  <div class="o-member-feature-4columns-item">
    <a href="#" class="o-member-feature-4columns-link">
      <svg class="o-member-feature__icon" role="img" pointer-events="none" focusable="false" aria-hidden="true" >
        <use xlink:href="{{ basePath }}/assets/patterns/images/member-centre-sprite.svg#icon-app"></use>
      </svg>
      <div class="o-member-feature-4columns-item__content-container">
        <h4 class="o-member-feature-4columns-item__title">
        the app
          <svg class="o-member-feature__link-icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
            <use xlink:href="{{basePath}}/assets/patterns/images/sprite.svg#icon-chevron"></use>
          </svg>
        </h4>
        <p class="o-member-feature-4columns-item__text">Download our app to your smartphone from the App Store or Google Play and stay updated wherever you go</p>
      </div>
    </a>
  </div>
  <!-- Item without a link -->
  <div class="o-member-feature-4columns-item o-member-feature-4columns-item--no-link">
    <svg class="o-member-feature__icon" role="img" pointer-events="none" focusable="false" aria-hidden="true" >
      <use xlink:href="{{ basePath }}/assets/patterns/images/member-centre-sprite.svg#icon-newspaper"></use>
    </svg>
    <div class="o-member-feature-4columns-item__content-container">
      <h4 class="o-member-feature-4columns-item__title">
      the newspaper
        <svg class="o-member-feature__link-icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
          <use xlink:href="{{basePath}}/assets/patterns/images/sprite.svg#icon-chevron"></use>
        </svg>
      </h4>
      <p class="o-member-feature-4columns-item__text">The Globe and Mail delivered directly to your doorstep</p>
    </div>
  </div>
  <div class="o-member-feature-4columns-item">
    <a href="#" class="o-member-feature-4columns-link">
      <svg class="o-member-feature__icon" role="img" pointer-events="none" focusable="false" aria-hidden="true" >
        <use xlink:href="{{ basePath }}/assets/patterns/images/member-centre-sprite.svg#icon-newsletters"></use>
      </svg>
      <div class="o-member-feature-4columns-item__content-container">
        <h4 class="o-member-feature-4columns-item__title">
        newsletters
          <svg class="o-member-feature__link-icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
            <use xlink:href="{{basePath}}/assets/patterns/images/sprite.svg#icon-chevron"></use>
          </svg>
        </h4>
        <p class="o-member-feature-4columns-item__text">Sign up to get news, updates and analysis on topics ranging from money to health right in your inbox</p>
      </div>
    </a>
  </div>
</div>
