<div class="sc__empty-state flexslider mg-y-1 align-center">
  <ul class="slides">
    <li>
      <img class="mg-y-1" src="">
      <p class="mg-b-1 align-center sc__empty-state-text">{{i18n 'This is the first part of the friends empty state copy, okay?'}}</p>
    </li>
    <li>
      <img class="mg-y-1" src="">
      <p class="mg-b-1 align-center sc__empty-state-text">{{i18n 'This is the second part of the friends empty state copy, okay?'}}</p>
    </li>
    <li>
      <img class="mg-y-1" src="">
      <p class="mg-b-1 align-center sc__empty-state-text">{{i18n 'This is the third part of the friends empty state copy, okay?'}}</p>
    </li>
  </ul>
</div>
