templates: add templates for LMS content

Co-authored-by: Chinmay Pai <chinmaydpai@gmail.com>
diff --git a/erpnext/www/lms/course.html b/erpnext/www/lms/course.html
index 4538b9f..3acc76e 100644
--- a/erpnext/www/lms/course.html
+++ b/erpnext/www/lms/course.html
@@ -8,56 +8,33 @@
 <meta name="keywords" content="ERP Software, Cloud ERP, Open Source ERP, Accounting Software, Online ERP, Online Accounting, ERP for small business, Learn ERP, ERPNext Academy, Learn ERPNext, Learn Accounting" />
 {% endblock %}
 
-{% macro video(id) %}
-<div class="embed-responsive embed-responsive-16by9">
-    <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/{{ lesson.video_url }}" allowfullscreen></iframe>
-</div>
-{% endmacro %}
 
 {% block content %}
-<section class='video-top-section video-section-bg'>
-    <div class='container'>
-        {% if lesson.video_url is defined %}
-        {{ video("lesson,video") }}
-        {% endif %}
-        <div class="mt-3 row">
-            <div class="col-md-8">
-                <h2>{{ lesson.name }}</h2>
-                <span class="text-muted">
-                    <i class="octicon octicon-clock" title="Duration"></i> 49 Mins
-                    &mdash; Published on 28th October 2018.
-                </span>
-            </div>
-            <div class="col-md-4 text-right">
-                <a class='btn btn-outline-secondary' href="/classrooms/module">Previous</a>
-                <a class='btn btn-primary' href="/learn?module={{ module }}&lesson={{ next_lesson }}">Next</a>
-            </div>
-        </div>
-        <hr>
-    </div>
-</section>
-{% for lesson in lesson_list %}
- {{ lesson }}
-{% endfor %}
-<section class="video-description-section">
-    <div class='container'>
-        <div class="content">
-            {{ lesson.content }}
-        </div>
-        <div class="text-right hidden">
-            <a class='btn btn-outline-secondary' href="/classrooms/module">Previous</a>
-            <a class='btn btn-primary' href="/classrooms/module">Next</a>
-        </div>
-        <div class="mt-3 text-right">
-            <a class="text-muted" href="/report"><i class="octicon octicon-issue-opened" title="Report"></i> Report a Mistake</a>
-        </div>
-    </div>
-
-</section>
+{% with current_content = current_content %}
+{% include "www/lms/templates/includes/" + current_content.content_type.lower() + ".html" %}
+{% endwith %}
 <style>
     .footer-message {
         display: none;
     }
+
+    .video-top-section {
+        padding-top: 3rem !important;
+        padding-bottom: 1rem !important;
+    }
+    
+    .video-description-section {
+        padding-top: 0em !important;
+    }
+
+    .article-top-section {
+        padding-top: 3rem !important;
+        padding-bottom: 0rem !important;
+    }
+
+    .article-content-section {
+        padding-top: 0em !important;
+    }
 </style>
 
 {% endblock %}
\ No newline at end of file