refactor: added program card macro
diff --git a/erpnext/www/lms/macros/card.html b/erpnext/www/lms/macros/card.html
new file mode 100644
index 0000000..8cf8a78
--- /dev/null
+++ b/erpnext/www/lms/macros/card.html
@@ -0,0 +1,22 @@
+{% macro program_card(program) %}
+<div class="col-sm mb-4 text-left">
+ <a href="/lms/program?program={{ program.name }}" class="no-decoration no-underline">
+ <div class="card h-100">
+ {% if program.hero_image %}
+ <div class="card-hero-img" style="background-image: url({{ program.hero_image }})"></div>
+ {% else %}
+ <div class="card-image-wrapper text-center">
+ <div class="image-body"><i class="fa fa-picture-o" aria-hidden="true"></i></div>
+ </div>
+ {% endif %}
+ <div class='card-body'>
+ <h5 class='card-title'>{{ program.program_name }}</h5>
+ <div>{{ program.description }}</div>
+ </div>
+ <div class='card-footer'>
+ <span class='small'>Watch Intro</span>
+ </div>
+ </div>
+ </a>
+</div>
+{% endmacro %}
\ No newline at end of file