<div class="o-member-feature-4columns o-member-feature-4columns--community">
  <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-fb"></use>
      </svg>
      <div class="o-member-feature-4columns-item__content-container">
        <h4 class="o-member-feature-4columns-item__title">
        facebook group
          <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">Interact with other informed Canadians and Globe journalists</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-chat"></use>
      </svg>
      <div class="o-member-feature-4columns-item__content-container">
        <h4 class="o-member-feature-4columns-item__title">
        live chat
          <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">Discuss various pressing topics with Globe journalists and our network of experts</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-readerpanel"></use>
    </svg>
    <div class="o-member-feature-4columns-item__content-container">
      <h4 class="o-member-feature-4columns-item__title">
      reader panel
        <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">Participate in surveys, polls and forums and share insights as a consumer</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-journalists"></use>
      </svg>
      <div class="o-member-feature-4columns-item__content-container">
        <h4 class="o-member-feature-4columns-item__title">
        out journalists
          <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">Globe journalists are dedicated to reporting and analyzing the news to the highest standards of truth</p>
      </div>
    </a>
  </div>
</div>
