refactor: styling cards and article
diff --git a/erpnext/www/lms/index.html b/erpnext/www/lms/index.html
index d7c28c7..7ea39d8 100644
--- a/erpnext/www/lms/index.html
+++ b/erpnext/www/lms/index.html
@@ -1,6 +1,7 @@
 {% extends "templates/base.html" %}
 {% block title %}{{ education_settings.portal_title }}{% endblock %}
 {% from "www/lms/macros/card.html" import program_card %}
+{% from "www/lms/macros/card.html" import null_card %}
 
 {% block head_include %}
 	<meta name="description" content="{{ education_settings.description }}" />
@@ -43,7 +44,9 @@
 		<h1>{{ education_settings.portal_title }}</h1>
 		<p class='lead'>{{ education_settings.description }}</p>
 		<p class="mt-4">
-			<a class="btn btn-primary btn-lg" href="{{ '/login#signup' if frappe.session.user == 'Guest' else '/lms/all-programs' }}">{{ 'Start Learning' if frappe.session.user == 'Guest' else 'Explore Programs'}}</a>
+			{% if frappe.session.user == 'Guest' %}
+			<a class="btn btn-primary btn-lg" href="'/login#signup'}}">Start Learning</a>
+			{% endif %}
 		</p>
 	</div>
 	<div class='container'>
@@ -51,6 +54,11 @@
 			{% for program in featured_programs %}
 				{{ program_card(program.program, program.has_access) }}
 			{% endfor %}
+			{% if featured_programs %}
+				{% for n in range(3 - ((featured_programs|length)%3)) %}
+					{{ null_card() }}
+				{% endfor %}
+			{% endif %}
 		</div>
 	</div>
 </section>