Container Slider

            
              <div class="container-slider">
  <div class="container-slider__header">
    <h2 class="container-slider__title">
      Container slider title
    </h2><a href="demo-listing.html" class="link link--reverse"><svg class="link__icon" viewbox="0 0 32 32">
    <use xlink:href="/assets/katana-components/svg/sprite.svg#arrow-right"></use></svg> <span class="link__label">Show all</span></a>
  </div>
  <div class="container-slider__body">
    <div class="slider slider--slider-default">
      <div class="slider__slide">
        <div class="item-course">
          <a href="demo-detail.html" class="item-course__image"><img src="/assets/images/hcs-course-01.png" alt="Java script image"></a>
          <div class="item-course__wrapper">
            <div class="item-course__header">
              <a href="course-teacher-link" class="item-course__teacher">Helder Pereira</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-beginner.png" alt="beginner"> beginner</a> <span class="item-course__duration">24 Hours</span>
              </div>
            </div><a href="demo-detail.html" class="item-course__title line-clamp">Learn to code</a>
            <div class="item-course__description line-clamp">
              This is the continuation course of HTML and CSS. In this course, we will continue working on our website, and learn more about web technologies. Here, the trainer can focus on the requests and questions of the participants. This course is for beginners, there is no prior knowledge required.
            </div>
          </div>
        </div>
      </div>
      <div class="slider__slide">
        <div class="item-course">
          <a href="demo-detail.html" class="item-course__image"><img src="/assets/images/hcs-course-02.png" alt="Java script image"></a>
          <div class="item-course__wrapper">
            <div class="item-course__header">
              <a href="course-teacher-link" class="item-course__teacher">Frank Mecklenburg</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">24 Hours</span>
              </div>
            </div><a href="demo-detail.html" class="item-course__title line-clamp">Java script for web and front-end design</a>
            <div class="item-course__description line-clamp">
              In this course you’ll learn how to create and publish your personal website or blog. For that, we will use a static site generator called Hugo. For this course you need some knowledge of HTML and CSS.
            </div>
          </div>
        </div>
      </div>
      <div class="slider__slide">
        <div class="item-course">
          <a href="demo-detail.html" class="item-course__image"><img src="/assets/images/hcs-course-01.png" alt="python image"></a>
          <div class="item-course__wrapper">
            <div class="item-course__header">
              <a href="course-teacher-link" class="item-course__teacher">Helder Pereira</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-beginner.png" alt="beginner"> beginner</a> <span class="item-course__duration">24 Hours</span>
              </div>
            </div><a href="demo-detail.html" class="item-course__title line-clamp">Learn to code</a>
            <div class="item-course__description line-clamp">
              In this course you’ll learn how to create and publish your personal website or blog. For that, we will use a static site generator called Hugo. For this course you need some knowledge of HTML and CSS.
            </div>
          </div>
        </div>
      </div>
      <div class="slider__slide">
        <div class="item-course">
          <a href="demo-detail.html" class="item-course__image"><img src="/assets/images/hcs-course-02.png" alt="html image"></a>
          <div class="item-course__wrapper">
            <div class="item-course__header">
              <a href="course-teacher-link" class="item-course__teacher">Frank Mecklenburg</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-beginner.png" alt="beginner"> beginner</a> <span class="item-course__duration">12 Hours</span>
              </div>
            </div><a href="demo-detail.html" class="item-course__title line-clamp">HTML and CSS</a>
            <div class="item-course__description line-clamp">
              In this course you’ll learn how to create and publish your personal website or blog. For that, we will use a static site generator called Hugo. For this course you need some knowledge of HTML and CSS.
            </div>
          </div>
        </div>
      </div>
      <div class="slider__slide">
        <div class="item-course">
          <a href="demo-detail.html" class="item-course__image"><img src="/assets/images/hcs-course-01.png" alt="Java script image"></a>
          <div class="item-course__wrapper">
            <div class="item-course__header">
              <a href="course-teacher-link" class="item-course__teacher">Helder Pereira</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-beginner.png" alt="beginner"> beginner</a> <span class="item-course__duration">24 Hours</span>
              </div>
            </div><a href="demo-detail.html" class="item-course__title line-clamp">Learn to code</a>
            <div class="item-course__description line-clamp">
              This workshop teaches how to use git for version control of source code, and introduces the platform GitHub. You will learn the processes of working together on the same code base, and how to publish your code on GitHub.
            </div>
          </div>
        </div>
      </div>
      <div class="slider__slide">
        <div class="item-course">
          <a href="demo-detail.html" class="item-course__image"><img src="/assets/images/hcs-course-02.png" alt="Java script image"></a>
          <div class="item-course__wrapper">
            <div class="item-course__header">
              <a href="course-teacher-link" class="item-course__teacher">Frank Mecklenburg</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">24 Hours</span>
              </div>
            </div><a href="demo-detail.html" class="item-course__title line-clamp">Java script for web</a>
            <div class="item-course__description line-clamp">
              This workshop teaches how to use git for version control of source code, and introduces the platform GitHub. You will learn the processes of working together on the same code base, and how to publish your code on GitHub.
            </div>
          </div>
        </div>
      </div>
      <div class="slider__slide">
        <div class="item-course">
          <a href="demo-detail.html" class="item-course__image"><img src="/assets/images/hcs-course-01.png" alt="python image"></a>
          <div class="item-course__wrapper">
            <div class="item-course__header">
              <a href="course-teacher-link" class="item-course__teacher">Helder Pereira</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-beginner.png" alt="beginner"> beginner</a> <span class="item-course__duration">24 Hours</span>
              </div>
            </div><a href="demo-detail.html" class="item-course__title line-clamp">Learn to code</a>
            <div class="item-course__description line-clamp">
              In this course, we will build a website from scratch. On the way, you will learn how modern websites are built with the help of HTML and CSS. This course is for beginners who want to learn web development. There is no prior knowledge required.
            </div>
          </div>
        </div>
      </div>
      <div class="slider__slide">
        <div class="item-course">
          <a href="demo-detail.html" class="item-course__image"><img src="/assets/images/hcs-course-02.png" alt="html image"></a>
          <div class="item-course__wrapper">
            <div class="item-course__header">
              <a href="course-teacher-link" class="item-course__teacher">Frank Mecklenburg</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-beginner.png" alt="beginner"> beginner</a> <span class="item-course__duration">12 Hours</span>
              </div>
            </div><a href="demo-detail.html" class="item-course__title line-clamp">HTML and CSS</a>
            <div class="item-course__description line-clamp">
              In this course we will set up a node.js server with a Mongo DB database. We use this to store and deliver the data for our web application from the course Java script for Web. For this course you should know Java script.
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>