{% extends 'courses/base.html' %}

{% block content %}
    
<div class="container mx-auto px-4 py-8">
    <div class="grid grid-cols-6 gap-4">
{% for course in course_list %}

      <!-- 课程卡片1 -->
      <div class="bg-white shadow-lg rounded-lg overflow-hidden max-w-sm hover:shadow-2xl">
      <a class="" href="{{ course.get_absolute_url }}">
        <img class="w-full h-48 object-cover" src="https://dummyimage.com/421x261" alt="课程1图片">
        <div class="p-4">
          <h2 class="text-lg font-bold mb-2">{{ course.title }}</h2>
          <p class="text-gray-700 text-sm">课程描述信息...</p>
          <!-- 这里可以添加更多课程相关信息,如讲师、日期等 -->
        </div>
        </a>
      </div>


{% endfor %}
</div>
</div>
{% endblock %}