Completed
Practice

Practice challenge title

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Organized by AIcrowd Organizer avatar

Participants

567

Teams

556

Submissions

669
<header class="masthead-challenge-practice">
  <div class="container-center">
    <div class="masthead-content">
      <div class="masthead-left">
        <a class="masthead-link" href="/">
          <i class="las la-arrow-left"></i>Associated challenge
        </a>
      </div>

      <div class="masthead-main">
        <div class="masthead-badges">
          <div class="badge-success">
            <i class="lar la-check-circle"></i>
            Completed
          </div> 

          <div class="badge-practice">
            <span class="badge-practice-dot"></span>
            Practice
          </div>
        </div>

        <h1 class="masthead-title">
          Practice challenge title
        </h1>

        <p class="masthead-paragraph">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit
        </p>

        <div class="preview-organizer">
          <span class="preview-organizer-text">
            Organized by
          </span> 

          <span class="preview-organizer-name">
            <a class="preview-organizer-link" href="/">AIcrowd</a>
          </span>

          <a class="preview-organizer-avatar" href="/" aria-label="Organizer Name" data-balloon-pos="up">
            <img class="avatar" src="./../../assets/images/placeholder-organizer-avatar-2.png" alt="Organizer avatar">
          </a>
        </div>
      </div>

      <div class="masthead-section">
        <h4 class="masthead-title-secondary">
          Categories
        </h4>

        <ul class="masthead-list">
          <li class="masthead-list-item">
            <a class="masthead-link" href="/">#category</a>
          </li>

          <li class="masthead-list-item">
            <a class="masthead-link" href="/">#another_category</a>
          </li>
        </ul>
      </div>

      <div class="masthead-section">
        <h4 class="masthead-title-secondary">
          Participants
        </h4>

        <span class="masthead-value">
          567
        </span>
      </div>

      <div class="masthead-section">
        <h4 class="masthead-title-secondary">
          Teams
        </h4>

        <span class="masthead-value">
          556
        </span>
      </div>

      <div class="masthead-section">
        <h4 class="masthead-title-secondary">
          Submissions
        </h4>

        <span class="masthead-value">
          669
        </span>
      </div>

      <div class="masthead-options">
        <div class="options-challenge">
          <div class="options-group">
            <a class="btn-primary" href="/" role="button">
              Participate
            </a>  
          </div>

          <button class="btn-like" href="" type="button" aria-label="Like" data-balloon-pos="up">
            <i class="las la-heart"></i>

            <span class="like-counter">
              3
            </span>
          </button>    
        </div>
      </div>

      <div class="masthead-image">
        <img src="./../../assets/images/placeholder-challenge-1.png" alt="Challenge image"> 

        <a class="sticker" href="/" role="link">
          <span class="sticker-content">
            Download<br>
            Resources
          </span>
        </a>
      </div>
    </div>
  </div>
</header>