List Course

            
              <div class="list-course">
  <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>
  <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>
  <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>
</div>