<div class="preview-leaderboard">
  <header class="preview-header">
    <h4 class="preview-title">Leaderboard</h4>
    <a class="preview-link" href="/">
      All<i class="las la-arrow-right"></i>
    </a>
  </header>

  <div class="list-item-leaderboard">
    <span class="list-item-position">
      1
    </span>  

    <div class="avatar-group">
      <a class="avatar-group-item user-rating-2" href="/">
        <img class="avatar" src="./../../assets/images/placeholder-user-avatar-3.jpg" alt="User avatar">
      </a> 
      <a class="avatar-group-item user-rating-1" href="/">
        <img class="avatar" src="./../../assets/images/placeholder-user-avatar-1.jpg" alt="User avatar">
      </a> 
      <a class="avatar-group-item user-rating-4" href="/">
        <img class="avatar" src="./../../assets/images/placeholder-user-avatar-3.jpg" alt="User avatar">
      </a> 
      <a class="avatar-group-item user-rating-3" href="/">
        <img class="avatar" src="./../../assets/images/placeholder-user-avatar-2.jpg" alt="User avatar">
      </a> 
    </div>

    <div class="list-item-score">
      0.913
    </div>
  </div>
  <!-- /list-item-leaderboard -->

  <div class="list-item-leaderboard">
    <span class="list-item-position">
      2
    </span>  

    <div class="avatar-group">
      <a class="avatar-group-item user-rating-4" href="/">
        <img class="avatar" src="./../../assets/images/placeholder-user-avatar-2.jpg" alt="User avatar">
      </a> 
      <a class="avatar-group-item user-rating-5" href="/">
        <img class="avatar" src="./../../assets/images/placeholder-user-avatar-3.jpg" alt="User avatar">
      </a> 
      <a class="avatar-group-item user-rating-1" href="/">
        <img class="avatar" src="./../../assets/images/placeholder-user-avatar-1.jpg" alt="User avatar">
      </a> 
    </div>

    <div class="list-item-score">
      0.866
    </div>
  </div>
  <!-- /list-item-leaderboard -->

  <div class="list-item-leaderboard">
    <span class="list-item-position">
      3
    </span>  

    <div class="avatar-group">
      <a class="avatar-group-item user-rating-5" href="/">
        <img class="avatar" src="./../../assets/images/placeholder-user-avatar-1.jpg" alt="User avatar">
      </a> 
    </div>

    <div class="list-item-score">
      0.862
    </div>
  </div>
  <!-- /list-item-leaderboard -->

  <div class="list-item-leaderboard">
    <span class="list-item-position">
      4
    </span>  

    <div class="avatar-group">
      <a class="avatar-group-item user-rating-4" href="/">
        <img class="avatar" src="./../../assets/images/placeholder-user-avatar-3.jpg" alt="User avatar">
      </a> 
      <a class="avatar-group-item user-rating-3" href="/">
        <img class="avatar" src="./../../assets/images/placeholder-user-avatar-2.jpg" alt="User avatar">
      </a> 
      <a class="avatar-group-item user-rating-4" href="/">
        <img class="avatar" src="./../../assets/images/placeholder-user-avatar-1.jpg" alt="User avatar">
      </a> 
      <a class="avatar-group-item user-rating-4" href="/">
        <img class="avatar" src="./../../assets/images/placeholder-user-avatar-1.jpg" alt="User avatar">
      </a> 
      <a class="avatar-group-item user-rating-4" href="/">
        <img class="avatar" src="./../../assets/images/placeholder-user-avatar-3.jpg" alt="User avatar">
      </a> 
    </div>

    <div class="list-item-score">
      0.805
    </div>
  </div>
  <!-- /list-item-leaderboard -->

  <div class="list-item-leaderboard">
    <span class="list-item-position">
      4
    </span>  

    <div class="avatar-group">
      <a class="avatar-group-item user-rating-2" href="/">
        <img class="avatar" src="./../../assets/images/placeholder-user-avatar-3.jpg" alt="User avatar">
      </a> 
      <a class="avatar-group-item user-rating-3" href="/">
        <img class="avatar" src="./../../assets/images/placeholder-user-avatar-2.jpg" alt="User avatar">
      </a> 
    </div>

    <div class="list-item-score">
      0.805
    </div>
  </div>
  <!-- /list-item-leaderboard -->
</div>