<div class="preview-my-submissions">
  <header class="section-sub-header-collapsible">
    <h4 class="section-title">
      My Submissions
    </h4>

    <a class="btn-expand-alt" href="" role="button">
      <i class="las la-angle-up"></i>
    </a>
  </header>
  <!-- /section-sub-header -->

  <div class="list-item-my-submission">
    <a class="my-submission-overlay" href="/"></a>
    <div class="my-submission-content">
      <div class="my-submission-text">
        <div class="my-submission-id">#109345</div>

        <div class="my-submission-details">
          <span class="my-submission-runtime">7 mins runtime</span>&nbsp;·&nbsp;<span class="my-submission-time">10 mins ago</span>
        </div>
      </div>

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

  <div class="list-item-my-submission list-item-my-submission-failed">
    <a class="my-submission-overlay" href="/"></a>
    <div class="my-submission-content">
      <div class="my-submission-text">
        <div class="my-submission-id">#109345</div>

        <div class="my-submission-details">
          <span class="my-submission-runtime">7 mins runtime</span>&nbsp;·&nbsp;<span class="my-submission-time">10 mins ago</span>
        </div>
      </div>

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

  <div class="list-item-my-submission list-item-my-submission-graded">
    <a class="my-submission-overlay" href="/"></a>
    <div class="my-submission-content">
      <div class="my-submission-text">
        <div class="my-submission-id">#109345</div>

        <div class="my-submission-details">
          <span class="my-submission-runtime">7 mins runtime</span>&nbsp;·&nbsp;<span class="my-submission-time">10 mins ago</span>
        </div>
      </div>

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

  <a href="/" class="my-submissions-show-more">Show more</a>

</div>
<!-- /preview-my-submissions -->