---
layout: default
title: Friends
---

<!-- /partials/global/options-nav/friends-options-nav.html -->
{{> friends-options-nav}}
<!-- /partials/global/sidebar/friends-filters-panel.html -->
{{> friends-filters-panel}}
<!-- /partials/global/pageloader/subloaders/grey-subloader.html -->
{{> grey-subloader}}

<div id="friends-page" class="friends-wrapper main-container">
  <!--First tab-->
  <div id="all-friends" class="card-row-wrap is-active">
    <div class="card-row-placeholder is-hidden">No matching results</div>
    <div class="card-row">
      <!-- /partials/pages/friends/friend-lists/all-friends.html -->
      {{> all-friends}}
    </div>
  </div>

  <!--Second tab-->
  <div id="starred-friends" class="card-row-wrap">
    <div class="card-row-placeholder is-hidden">No matching results</div>
    <div class="card-row">
      <!-- /partials/pages/friends/friend-lists/starred-friends.html -->
      {{> starred-friends}}
    </div>
  </div>

  <!--third tab-->
  <div id="new-friends" class="card-row-wrap">
    <div class="card-row-placeholder is-hidden">No matching results</div>
    <div class="card-row">
      <!-- /partials/pages/friends/friend-lists/new-friends.html -->
      {{> new-friends}}
    </div>
  </div>
</div>