Submission #109332

<header class="masthead-submission">
  <div class="container-center">
    <div class="masthead-content">
      <div class="masthead-left">
        <a class="masthead-link" href="/">
          <i class="las la-arrow-left"></i>Back to Challenge
        </a>
      </div>

      <div class="masthead-header">
        <div class="masthead-title">
          <h1>Submission #109332</h1>
          <div class="badge-graded">
            <span class="badge-graded-dot"></span>
            Graded
          </div>
        </div>

        <p class="masthead-description">
          Optional description ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
        </p>
      </div>

      <div class="masthead-submission-options">
        <span class="masthead-submissions-counter">5 submissions left</span>

        <a class="btn-rerun" href="/" role="button">
          <i class="las la-undo-alt"></i>
          Rerun
        </a>
      </div>

      <div class="masthead-section">
        <div class="masthead-info-item">
          <span class="masthead-info-icon">
            <i class="las la-check-circle text-color-positive"></i>
          </span>

          <span class="masthead-item-text">
            #109345 — Tag Name
          </span> 
        </div>

        <div class="masthead-info-item">
          <span class="masthead-info-icon">
            <i class="las la-laptop-code"></i>
          </span>

          <span class="masthead-item-text">
            <a href="/">Commit 2ff74ec <i class="las la-external-link-alt"></i></a>
          </span> 
        </div>

        <div class="masthead-info-item">
          <span class="masthead-info-icon">
            <i class="las la-exclamation-circle"></i>
          </span>

          <span class="masthead-item-text">
            <a href="/">Issue #12 <i class="las la-external-link-alt"></i></a>
          </span> 
        </div>

        <div class="masthead-info-item">
          <span class="masthead-info-image">
            <img src="./../../assets/images/placeholder-user-avatar-1.jpg" alt="">
          </span>

          <span class="masthead-item-text">
            Username
          </span> 
        </div>
      </div>

      <div class="masthead-section">
        <div class="masthead-info-item">
          <span class="masthead-info-icon">
            <i class="las la-code-branch text-color-positive"></i>
          </span>

          <span class="masthead-item-text">
            #3808 passed
          </span> 
        </div>

        <div class="masthead-info-item">
          <span class="masthead-info-icon">
            <i class="las la-stopwatch"></i>
          </span>

          <span class="masthead-item-text">
            Ran for 6min 55 sec
          </span> 
        </div>

        <div class="masthead-info-item">
          <span class="masthead-info-icon">
            <i class="las la-clock"></i>
          </span>

          <span class="masthead-item-text">
            4 months ago
          </span> 
        </div>
      </div>

      <div class="masthead-section">
        <div class="masthead-info-item">
          <span class="masthead-info-icon">
            <i class="las la-code"></i>
          </span>

          <span class="masthead-item-text">
            Python:2.3.7
          </span> 
        </div>

        <div class="masthead-info-item">
          <span class="masthead-info-icon">
            <i class="las la-microchip"></i>
          </span>

          <span class="masthead-item-text">
            spot-k80-instances
          </span> 
        </div>

        <div class="masthead-info-item">
          <span class="masthead-info-icon">
            <i class="las la-cube"></i>
          </span>

          <span class="masthead-item-text">
            environments.yml<br>
            requirements.txt
          </span> 
        </div>
      </div>

      <div class="options-share">
        <div class="options-share-social">
          <a class="btn-facebook" href="/" role="button" aria-label="Share on Facebook" data-balloon-pos="up">
            <i class="lab la-facebook-f">
              <span class="sr-only">
                Share on Facebook
              </span>
            </i>
          </a>

          <a class="btn-linkedin" href="/" role="button" aria-label="Share on LinkedIn" data-balloon-pos="up">
            <i class="lab la-linkedin-in">
              <span class="sr-only">
                Share on LinkedIn
              </span>
            </i>
          </a>

          <a class="btn-twitter" href="/" role="button" aria-label="Share on Twitter" data-balloon-pos="up">
            <i class="lab la-twitter">
              <span class="sr-only">
                Share on Twitter
              </span>
            </i>
          </a>
        </div>
      </div>
    </div>
  </div>
</header>