Community entry image

Showcase item title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod

div class="list-item-showcase">
  <a class="showcase-image" href="/">
    <img src="./../../assets/images/placeholder-showcase-1.jpg" alt="Community entry image"> 
  </a>
  <!-- /showcase-image -->

  <div class="showcase-main">
    <h3 class="showcase-title">
      <a class="showcase-link" href="/">Showcase item title</a>    
    </h3>

    <p class="showcase-description">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
    </p>
    
    <div class="showcase-details">
      <div class="avatar-group">
        <a class="avatar-group-item user-rating-1" href="/">
          <img class="avatar" src="./../../assets/images/placeholder-user-avatar-3.jpg" alt="User avatar">
        </a> 

        <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> 

      <a class="showcase-comments" href="/">
        <i class="las la-comment-alt"></i>
        
        <span class="showcase-comments-counter">
          4
        </span>
      </a>
    </div>
  </div>
  <!-- /showcase-main -->

  <button class="btn-upvote" href="" type="button" aria-label="Upvote" data-balloon-pos="up">
    <div class="btn-content">
      <span class="status-up"></span>

      <span class="upvote-counter">
        294
      </span>
    </div>
  </button>
  <!-- /btn-upvote -->

</div>