<div class="o-member-feature-4columns o-member-feature-4columns--online-tools">
  <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-watchlist"></use>
      </svg>
      <div class="o-member-feature-4columns-item__content-container">
        <h4 class="o-member-feature-4columns-item__title">
        watchlist
          <svg class="o-member-feature__link-icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
            <use xlink:href="{{generatedSvgSpritePath}}#icon-chevron"></use>
          </svg>
        </h4>
        <p class="o-member-feature-4columns-item__text">Track investments and get the analysis, news and insight you need to make informed financial decisions</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-portfolio"></use>
      </svg>
      <div class="o-member-feature-4columns-item__content-container">
        <h4 class="o-member-feature-4columns-item__title">
        portfolio
          <svg class="o-member-feature__link-icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
            <use xlink:href="{{generatedSvgSpritePath}}#icon-chevron"></use>
          </svg>
        </h4>
        <p class="o-member-feature-4columns-item__text">Provides you with a comprehensive overview of your investments’ performance</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-calc"></use>
    </svg>
    <div class="o-member-feature-4columns-item__content-container">
      <h4 class="o-member-feature-4columns-item__title">
      retirement calculator
        <svg class="o-member-feature__link-icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
          <use xlink:href="{{generatedSvgSpritePath}}#icon-chevron"></use>
        </svg>
      </h4>
      <p class="o-member-feature-4columns-item__text">Ready for retirement? Find out your replacement ratio</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-realestate"></use>
      </svg>
      <div class="o-member-feature-4columns-item__content-container">
        <h4 class="o-member-feature-4columns-item__title">
        house price data
          <svg class="o-member-feature__link-icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
            <use xlink:href="{{generatedSvgSpritePath}}#icon-chevron"></use>
          </svg>
        </h4>
        <p class="o-member-feature-4columns-item__text">Access exclusive data showing how prices are trending nationally, by city and in your neighbourhood</p>
      </div>
    </a>
  </div>
</div>

{{> button anchorButton=true buttonText="SEE MORE ONLINE TOOLS" }}
