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

  <div class="list-item-latest-submission">
    <div class="preview-user">
      <a class="preview-user-overlay" href="/"></a>
      <div class="preview-user-content">
        <div class="preview-user-avatar user-rating-2">
          <img class="avatar" src="./../../assets/images/placeholder-user-avatar-3.jpg" alt="User avatar">
        </div> 

        <span class="preview-user-name">
          Username
        </span> 
      </div>
    </div>

    <div class="badge-graded">
      <span class="badge-graded-dot"></span>
      Graded
    </div>    
  </div>
  <!-- /list-item-latest-submission -->

  <div class="list-item-latest-submission">
    <div class="preview-user">
      <a class="preview-user-overlay" href="/"></a>
      <div class="preview-user-content">
        <div class="preview-user-avatar user-rating-1">
          <img class="avatar" src="./../../assets/images/placeholder-user-avatar-1.jpg" alt="User avatar">
        </div> 

        <span class="preview-user-name">
          Username
        </span> 
      </div>
    </div>

    <div class="badge-submitted">
      <span class="badge-submitted-dot"></span>
      Submitted
    </div>    
  </div>
  <!-- /list-item-latest-submission -->

  <div class="list-item-latest-submission">
    <div class="preview-user">
      <a class="preview-user-overlay" href="/"></a>
      <div class="preview-user-content">
        <div class="preview-user-avatar user-rating-3">
          <img class="avatar" src="./../../assets/images/placeholder-user-avatar-2.jpg" alt="User avatar">
        </div> 

        <span class="preview-user-name">
          Username
        </span> 
      </div>
    </div>

    <div class="badge-submitted">
      <span class="badge-submitted-dot"></span>
      Submitted
    </div>    
  </div>
  <!-- /list-item-latest-submission -->

  <div class="list-item-latest-submission">
    <div class="preview-user">
      <a class="preview-user-overlay" href="/"></a>
      <div class="preview-user-content">
        <div class="preview-user-avatar user-rating-2">
          <img class="avatar" src="./../../assets/images/placeholder-user-avatar-3.jpg" alt="User avatar">
        </div> 

        <span class="preview-user-name">
          Username
        </span> 
      </div>
    </div>

    <div class="badge-failed">
      <span class="badge-failed-dot"></span>
      Failed
    </div>    
  </div>
  <!-- /list-item-latest-submission -->

  <div class="list-item-latest-submission">
    <div class="preview-user">
      <a class="preview-user-overlay" href="/"></a>
      <div class="preview-user-content">
        <div class="preview-user-avatar user-rating-5">
          <img class="avatar" src="./../../assets/images/placeholder-user-avatar-1.jpg" alt="User avatar">
        </div> 

        <span class="preview-user-name">
          Username
        </span> 
      </div>
    </div>

    <div class="badge-submitted">
      <span class="badge-submitted-dot"></span>
      Submitted
    </div>
  </div>
  <!-- /list-item-latest-submission -->

</div>