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

{% block head_title %}{% endblock %}

{% block content %}
</div>
<div class="container mx-auto px-4 py-8">
    <div class="grid grid-cols-2 gap-4 lg:grid-cols-5">
{% for lesson in lesson_list %}

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


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