diff --git a/community/lms/web_template/__init__.py b/community/lms/web_template/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/community/lms/web_template/course_cards/__init__.py b/community/lms/web_template/course_cards/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/community/lms/web_template/course_cards/course_cards.html b/community/lms/web_template/course_cards/course_cards.html
new file mode 100644
index 00000000..3e59bc97
--- /dev/null
+++ b/community/lms/web_template/course_cards/course_cards.html
@@ -0,0 +1,9 @@
+<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) }}
+    {% endfor %}
+  </div>
+</div>
diff --git a/community/lms/web_template/course_cards/course_cards.json b/community/lms/web_template/course_cards/course_cards.json
new file mode 100644
index 00000000..8d58dcd9
--- /dev/null
+++ b/community/lms/web_template/course_cards/course_cards.json
@@ -0,0 +1,39 @@
+{
+ "__unsaved": 1,
+ "creation": "2021-08-26 10:28:55.796139",
+ "docstatus": 0,
+ "doctype": "Web Template",
+ "fields": [
+  {
+   "__unsaved": 1,
+   "fieldname": "title",
+   "fieldtype": "Data",
+   "label": "Title",
+   "reqd": 0
+  },
+  {
+   "__unsaved": 1,
+   "fieldname": "courses",
+   "fieldtype": "Table Break",
+   "label": "Courses",
+   "reqd": 0
+  },
+  {
+   "__unsaved": 1,
+   "fieldname": "course",
+   "fieldtype": "Link",
+   "label": "Course",
+   "options": "LMS Course",
+   "reqd": 0
+  }
+ ],
+ "idx": 0,
+ "modified": "2021-08-26 10:35:35.903834",
+ "modified_by": "Administrator",
+ "module": "LMS",
+ "name": "Course Cards",
+ "owner": "Administrator",
+ "standard": 1,
+ "template": "",
+ "type": "Section"
+}
\ No newline at end of file