Item Course

            
              <div class="item-course">
  <a href="course-link" class="item-course__image"><img src="/assets/images/hcs-course-02.png" alt=" image"></a>
  <div class="item-course__wrapper">
    <div class="item-course__header">
      <a href="course-teacher-link" class="item-course__teacher">Course Teacher</a>
      <div class="item-course__details">
        <a href="course-audience-link" class="item-course__audience"><img class="item-course__audience-icon" src="/assets/images/hcs-icon-advanced.png" alt="advanced"> advanced</a> <span class="item-course__duration">Course duration</span>
      </div>
    </div><a href="course-link" class="item-course__title line-clamp">Course title</a>
    <div class="item-course__description line-clamp">
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
    </div>
  </div>
</div>

            
          

            
              <div class="item-course item-course--horizontal">
  <a href="course-link" class="item-course__image"><img src="/assets/images/hcs-course-02.png" alt=" image"></a>
  <div class="item-course__wrapper">
    <div class="item-course__header">
      <a href="course-teacher-link" class="item-course__teacher">Course Teacher</a>
      <div class="item-course__details">
        <a href="course-audience-link" class="item-course__audience"><img class="item-course__audience-icon" src="/assets/images/hcs-icon-advanced.png" alt="advanced"> advanced</a> <span class="item-course__duration">Course duration</span>
      </div>
    </div><a href="course-link" class="item-course__title line-clamp">Course title</a>
    <div class="item-course__description line-clamp">
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
    </div>
  </div>
</div>