<div>
  <h2 class="section-title">{{ title }}</h2>
  <div class="cards-parent mt-10">
    {% for course_row in courses %}
    {% set course = frappe.get_doc("LMS Course", course_row.course) %}
    {{ widgets.CourseCard(course=course, read_only=False) }}
    {% endfor %}
  </div>
  <a class="button-links d-flex justify-content-center mt-12 intercative-link" style="color: var(--gray-800);" href="/courses">
    <div>
      Explore More
    </div>
    <img src="/assets/school/icons/arrow.svg" class="ml-2"/>
  </a>
</div>
