25 lines
806 B
HTML
25 lines
806 B
HTML
{% extends 'courses/base.html' %}
|
|
|
|
{% block content %}
|
|
|
|
<div class="container mx-auto px-4 py-8">
|
|
<div class="grid grid-cols-2 gap-4 lg:grid-cols-5">
|
|
{% 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 %} |