{#

Element ID: Element06
Element Name: Latest courses

#}


<section id="{{ element.html_id  }}">
    <div class="container">
        <div class="text-align-center">
            <h1 class="h2 courses__title text-gradient">Latest courses in library</h1>
        </div>
        <div class="card-list homepage-course-slider owl-carousel">

            {% for course in element.courses %}
                {% include 'partials/course-card.twig' %}
            {% endfor %}
        </div>
        <div class="btn-center">
            <a href="{{ element.courses_page_link }}" class="btn btn--hollow text-dark"><span>{{ element.button_title }}</span></a>
        </div>
    </div>
</section>