Added live youtube conference modal

main/templates/index.html

@@ -4,6 +4,9 @@
 {% block head %}
     <script>
         $(function() {
+            // Show modal for live youtube confrence
+            // $('#liveModal').modal('show')''
+
             $('#top').click(function() {
                 $("html, body").animate({ scrollTop: 0 }, "slow");
             });
@@ -214,4 +217,23 @@
             BACK TO TOP
         </a>
     </div>
+
+    <div id="liveModal" class="modal" tabindex="-1" role="dialog">
+        <div class="modal-dialog modal-lg" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="exampleModalLabel"><i class="fa fa-circle text-danger"></i> Live Conference</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body">
+                    <iframe width="100%" height="400px" src="" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+                </div>
+            </div>
+        </div>
+    </div>
 {% endblock %}