feat: added program and course pages
diff --git a/erpnext/www/lms/program.html b/erpnext/www/lms/program.html
index 60104e7..35f7f8a 100644
--- a/erpnext/www/lms/program.html
+++ b/erpnext/www/lms/program.html
@@ -31,23 +31,20 @@
 {% endblock %}
 
 
-{% macro card(program, is_enrolled) %}
-<div class="col-sm mb-4 text-left">
-	<div class="card">
-		<a href="/lms/program?name={{ program.name }}" class="no-decoration no-underline">
-			{% if program.hero_image %}
-			<div class="card-hero-img" style="background-image: url({{ program.hero_image }})"></div>
+{% macro card(course, index, length) %}
+<div class="col-sm-{{ 12 if length%3 == 1 and index == 1 else 6 if length%3 == 2 and index in [1,2] else 4}} mb-4 text-left">
+	<div class="card h-100">
+		<a href="/lms/course?name={{ course.name }}" class="no-decoration no-underline">
+			{% if course.hero_image %}
+			<div class="card-hero-img" style="background-image: url({{ course.hero_image }})"></div>
 			{% else %}
 			<div class="card-image-wrapper text-center">
-				<div class="image-body">{{ program.program_name }}</div>
+				<div class="image-body">{{ course.course_name }}</div>
 			</div>
 			{% endif %}
 			<div class='card-body'>
-				<h5 class='card-title'>{{ program.program_name }}</h5>
-				<div>{{ program.description }}</div>
-			</div>
-			<div class='card-footer'>
-				<a href='#' class='small'>Watch Intro</a>
+				<h5 class='card-title'>{{ course.course_name }}</h5>
+				<div>{{ course.course_intro }}</div>
 			</div>
 		</a>
 	</div>
@@ -65,8 +62,8 @@
 	</div>
 	<div class='container'>
 		<div class="row mt-5">
-			{% for program in all_programs %}
-				{{ card(program.program, program.is_enrolled) }}
+			{% for course in program.courses %}
+				{{ card(frappe.get_doc("Course", course.course), loop.index, program.courses|length) }}
 			{% endfor %}
 		</div>
 	</div>