diff --git a/index.html b/index.html
index 8acea3b23..aa0aca2a7 100644
--- a/index.html
+++ b/index.html
@@ -1382,9 +1382,9 @@
 <script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
 <!-- AdminLTE App -->
 <script src="dist/js/adminlte.js"></script>
-<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
-<script src="dist/js/pages/dashboard.js"></script>
 <!-- AdminLTE for demo purposes -->
 <script src="dist/js/demo.js"></script>
+<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
+<script src="dist/js/pages/dashboard.js"></script>
 </body>
 </html>
diff --git a/index2.html b/index2.html
index fd421d8c9..40dea58bc 100644
--- a/index2.html
+++ b/index2.html
@@ -1603,9 +1603,6 @@
 <!-- AdminLTE App -->
 <script src="dist/js/adminlte.js"></script>
 
-<!-- OPTIONAL SCRIPTS -->
-<script src="dist/js/demo.js"></script>
-
 <!-- PAGE PLUGINS -->
 <!-- jQuery Mapael -->
 <script src="plugins/jquery-mousewheel/jquery.mousewheel.js"></script>
@@ -1615,7 +1612,9 @@
 <!-- ChartJS -->
 <script src="plugins/chart.js/Chart.min.js"></script>
 
-<!-- PAGE SCRIPTS -->
+<!-- AdminLTE for demo purposes -->
+<script src="dist/js/demo.js"></script>
+<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
 <script src="dist/js/pages/dashboard2.js"></script>
 </body>
 </html>
diff --git a/index3.html b/index3.html
index 185ac785a..b246db541 100644
--- a/index3.html
+++ b/index3.html
@@ -1028,7 +1028,9 @@
 
 <!-- OPTIONAL SCRIPTS -->
 <script src="plugins/chart.js/Chart.min.js"></script>
+<!-- AdminLTE for demo purposes -->
 <script src="dist/js/demo.js"></script>
+<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
 <script src="dist/js/pages/dashboard3.js"></script>
 </body>
 </html>
diff --git a/pages/UI/modals.html b/pages/UI/modals.html
index e7a8f3642..55c9c6ce5 100644
--- a/pages/UI/modals.html
+++ b/pages/UI/modals.html
@@ -1206,7 +1206,7 @@
 <script src="../../dist/js/adminlte.min.js"></script>
 <!-- AdminLTE for demo purposes -->
 <script src="../../dist/js/demo.js"></script>
-
+<!-- Page specific script -->
 <script>
   $(function() {
     var Toast = Swal.mixin({
@@ -1360,7 +1360,6 @@
       })
     });
   });
-
 </script>
 </body>
 </html>
diff --git a/pages/UI/ribbons.html b/pages/UI/ribbons.html
index 4a8f08691..1a9067182 100644
--- a/pages/UI/ribbons.html
+++ b/pages/UI/ribbons.html
@@ -884,12 +884,13 @@
 <script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
 <!-- AdminLTE App -->
 <script src="../../dist/js/adminlte.min.js"></script>
-<!-- AdminLTE for demo purposes -->
-<script src="../../dist/js/demo.js"></script>
 <!-- Ion Slider -->
 <script src="../../plugins/ion-rangeslider/js/ion.rangeSlider.min.js"></script>
 <!-- Bootstrap slider -->
 <script src="../../plugins/bootstrap-slider/bootstrap-slider.min.js"></script>
+<!-- AdminLTE for demo purposes -->
+<script src="../../dist/js/demo.js"></script>
+<!-- Page specific script -->
 <script>
   $(function () {
     /* BOOTSTRAP SLIDER */
diff --git a/pages/UI/sliders.html b/pages/UI/sliders.html
index 49f709772..52affe13d 100644
--- a/pages/UI/sliders.html
+++ b/pages/UI/sliders.html
@@ -903,12 +903,13 @@
 <script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
 <!-- AdminLTE App -->
 <script src="../../dist/js/adminlte.min.js"></script>
-<!-- AdminLTE for demo purposes -->
-<script src="../../dist/js/demo.js"></script>
 <!-- Ion Slider -->
 <script src="../../plugins/ion-rangeslider/js/ion.rangeSlider.min.js"></script>
 <!-- Bootstrap slider -->
 <script src="../../plugins/bootstrap-slider/bootstrap-slider.min.js"></script>
+<!-- AdminLTE for demo purposes -->
+<script src="../../dist/js/demo.js"></script>
+<!-- Page specific script -->
 <script>
   $(function () {
     /* BOOTSTRAP SLIDER */
diff --git a/pages/calendar.html b/pages/calendar.html
index 6542e5c75..4a95be65c 100644
--- a/pages/calendar.html
+++ b/pages/calendar.html
@@ -840,8 +840,6 @@
 <script src="../plugins/jquery-ui/jquery-ui.min.js"></script>
 <!-- AdminLTE App -->
 <script src="../dist/js/adminlte.min.js"></script>
-<!-- AdminLTE for demo purposes -->
-<script src="../dist/js/demo.js"></script>
 <!-- fullCalendar 2.2.5 -->
 <script src="../plugins/moment/moment.min.js"></script>
 <script src="../plugins/fullcalendar/main.min.js"></script>
@@ -849,6 +847,8 @@
 <script src="../plugins/fullcalendar-timegrid/main.min.js"></script>
 <script src="../plugins/fullcalendar-interaction/main.min.js"></script>
 <script src="../plugins/fullcalendar-bootstrap/main.min.js"></script>
+<!-- AdminLTE for demo purposes -->
+<script src="../dist/js/demo.js"></script>
 <!-- Page specific script -->
 <script>
   $(function () {
diff --git a/pages/charts/chartjs.html b/pages/charts/chartjs.html
index 2fbe9279f..b5075f2cb 100644
--- a/pages/charts/chartjs.html
+++ b/pages/charts/chartjs.html
@@ -912,7 +912,7 @@
 <script src="../../dist/js/adminlte.min.js"></script>
 <!-- AdminLTE for demo purposes -->
 <script src="../../dist/js/demo.js"></script>
-<!-- page script -->
+<!-- Page specific script -->
 <script>
   $(function () {
     /* ChartJS
diff --git a/pages/charts/flot.html b/pages/charts/flot.html
index e012be5d2..c71eccaf7 100644
--- a/pages/charts/flot.html
+++ b/pages/charts/flot.html
@@ -908,7 +908,7 @@
 <script src="../../plugins/flot/plugins/jquery.flot.pie.js"></script>
 <!-- AdminLTE for demo purposes -->
 <script src="../../dist/js/demo.js"></script>
-<!-- Page script -->
+<!-- Page specific script -->
 <script>
   $(function () {
     /*
diff --git a/pages/charts/inline.html b/pages/charts/inline.html
index a76f16062..b2c577ff0 100644
--- a/pages/charts/inline.html
+++ b/pages/charts/inline.html
@@ -1004,13 +1004,13 @@
 <script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
 <!-- AdminLTE App -->
 <script src="../../dist/js/adminlte.min.js"></script>
-<!-- AdminLTE for demo purposes -->
-<script src="../../dist/js/demo.js"></script>
 <!-- jQuery Knob -->
 <script src="../../plugins/jquery-knob/jquery.knob.min.js"></script>
 <!-- Sparkline -->
 <script src="../../plugins/sparklines/sparkline.js"></script>
-<!-- page script -->
+<!-- AdminLTE for demo purposes -->
+<script src="../../dist/js/demo.js"></script>
+<!-- Page specific script -->
 <script>
   $(function () {
     /* jQueryKnob */
diff --git a/pages/examples/forgot-password.html b/pages/examples/forgot-password.html
index 73da9b460..7c3a7ac02 100644
--- a/pages/examples/forgot-password.html
+++ b/pages/examples/forgot-password.html
@@ -59,6 +59,5 @@
 <script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
 <!-- AdminLTE App -->
 <script src="../../dist/js/adminlte.min.js"></script>
-
 </body>
 </html>
diff --git a/pages/examples/invoice-print.html b/pages/examples/invoice-print.html
index a83077a36..1b0051e2a 100644
--- a/pages/examples/invoice-print.html
+++ b/pages/examples/invoice-print.html
@@ -156,7 +156,7 @@
   <!-- /.content -->
 </div>
 <!-- ./wrapper -->
-
+<!-- Page specific script -->
 <script>
   window.addEventListener("load", window.print());
 </script>
diff --git a/pages/examples/login.html b/pages/examples/login.html
index eb8744ed7..a0119a133 100644
--- a/pages/examples/login.html
+++ b/pages/examples/login.html
@@ -87,6 +87,5 @@
 <script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
 <!-- AdminLTE App -->
 <script src="../../dist/js/adminlte.min.js"></script>
-
 </body>
 </html>
diff --git a/pages/examples/recover-password.html b/pages/examples/recover-password.html
index 7bfd49f93..33189dfb4 100644
--- a/pages/examples/recover-password.html
+++ b/pages/examples/recover-password.html
@@ -64,6 +64,5 @@
 <script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
 <!-- AdminLTE App -->
 <script src="../../dist/js/adminlte.min.js"></script>
-
 </body>
 </html>
diff --git a/pages/forms/advanced.html b/pages/forms/advanced.html
index 1604d5581..33c23509c 100644
--- a/pages/forms/advanced.html
+++ b/pages/forms/advanced.html
@@ -1563,7 +1563,7 @@
 <script src="../../dist/js/adminlte.min.js"></script>
 <!-- AdminLTE for demo purposes -->
 <script src="../../dist/js/demo.js"></script>
-<!-- Page script -->
+<!-- Page specific script -->
 <script>
   $(function () {
     //Initialize Select2 Elements
diff --git a/pages/forms/editors.html b/pages/forms/editors.html
index 0c87ad835..51be2361d 100644
--- a/pages/forms/editors.html
+++ b/pages/forms/editors.html
@@ -825,8 +825,6 @@
 <script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
 <!-- AdminLTE App -->
 <script src="../../dist/js/adminlte.min.js"></script>
-<!-- AdminLTE for demo purposes -->
-<script src="../../dist/js/demo.js"></script>
 <!-- Summernote -->
 <script src="../../plugins/summernote/summernote-bs4.min.js"></script>
 <!-- CodeMirror -->
@@ -834,6 +832,9 @@
 <script src="../../plugins/codemirror/mode/css/css.js"></script>
 <script src="../../plugins/codemirror/mode/xml/xml.js"></script>
 <script src="../../plugins/codemirror/mode/htmlmixed/htmlmixed.js"></script>
+<!-- AdminLTE for demo purposes -->
+<script src="../../dist/js/demo.js"></script>
+<!-- Page specific script -->
 <script>
   $(function () {
     // Summernote
diff --git a/pages/forms/general.html b/pages/forms/general.html
index 2a05970da..120e9d107 100644
--- a/pages/forms/general.html
+++ b/pages/forms/general.html
@@ -1328,6 +1328,7 @@
 <script src="../../dist/js/adminlte.min.js"></script>
 <!-- AdminLTE for demo purposes -->
 <script src="../../dist/js/demo.js"></script>
+<!-- Page specific script -->
 <script>
 $(function () {
   bsCustomFileInput.init();
diff --git a/pages/forms/validation.html b/pages/forms/validation.html
index 6f15dd309..8bc4801a2 100644
--- a/pages/forms/validation.html
+++ b/pages/forms/validation.html
@@ -812,6 +812,7 @@
 <script src="../../dist/js/adminlte.min.js"></script>
 <!-- AdminLTE for demo purposes -->
 <script src="../../dist/js/demo.js"></script>
+<!-- Page specific script -->
 <script>
 $(function () {
   $.validator.setDefaults({
diff --git a/pages/gallery.html b/pages/gallery.html
index e2552cc02..ba41276f1 100644
--- a/pages/gallery.html
+++ b/pages/gallery.html
@@ -938,10 +938,10 @@
 <script src="../plugins/ekko-lightbox/ekko-lightbox.min.js"></script>
 <!-- AdminLTE App -->
 <script src="../dist/js/adminlte.min.js"></script>
-<!-- AdminLTE for demo purposes -->
-<script src="../dist/js/demo.js"></script>
 <!-- Filterizr-->
 <script src="../plugins/filterizr/jquery.filterizr.min.js"></script>
+<!-- AdminLTE for demo purposes -->
+<script src="../dist/js/demo.js"></script>
 <!-- Page specific script -->
 <script>
   $(function () {
diff --git a/pages/layout/top-nav-sidebar.html b/pages/layout/top-nav-sidebar.html
index 448626c52..bbbefa4fa 100644
--- a/pages/layout/top-nav-sidebar.html
+++ b/pages/layout/top-nav-sidebar.html
@@ -880,5 +880,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
 <script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
 <!-- AdminLTE App -->
 <script src="../../dist/js/adminlte.min.js"></script>
+<!-- AdminLTE for demo purposes -->
+<script src="../../dist/js/demo.js"></script>
 </body>
 </html>
diff --git a/pages/layout/top-nav.html b/pages/layout/top-nav.html
index 4dadea9ff..27f91634c 100644
--- a/pages/layout/top-nav.html
+++ b/pages/layout/top-nav.html
@@ -303,5 +303,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
 <script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
 <!-- AdminLTE App -->
 <script src="../../dist/js/adminlte.min.js"></script>
+<!-- AdminLTE for demo purposes -->
+<script src="../../dist/js/demo.js"></script>
 </body>
 </html>
diff --git a/pages/mailbox/compose.html b/pages/mailbox/compose.html
index 4623e6ce9..bd9529295 100644
--- a/pages/mailbox/compose.html
+++ b/pages/mailbox/compose.html
@@ -898,11 +898,11 @@
 <script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
 <!-- AdminLTE App -->
 <script src="../../dist/js/adminlte.min.js"></script>
-<!-- AdminLTE for demo purposes -->
-<script src="../../dist/js/demo.js"></script>
 <!-- Summernote -->
 <script src="../../plugins/summernote/summernote-bs4.min.js"></script>
-<!-- Page Script -->
+<!-- AdminLTE for demo purposes -->
+<script src="../../dist/js/demo.js"></script>
+<!-- Page specific script -->
 <script>
   $(function () {
     //Add text editor
diff --git a/pages/mailbox/mailbox.html b/pages/mailbox/mailbox.html
index 86f5b9825..c4e8b3a59 100644
--- a/pages/mailbox/mailbox.html
+++ b/pages/mailbox/mailbox.html
@@ -1154,7 +1154,9 @@
 <script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
 <!-- AdminLTE App -->
 <script src="../../dist/js/adminlte.min.js"></script>
-<!-- Page Script -->
+<!-- AdminLTE for demo purposes -->
+<script src="../../dist/js/demo.js"></script>
+<!-- Page specific script -->
 <script>
   $(function () {
     //Enable check and uncheck all functionality
@@ -1187,7 +1189,5 @@
     })
   })
 </script>
-<!-- AdminLTE for demo purposes -->
-<script src="../../dist/js/demo.js"></script>
 </body>
 </html>
diff --git a/pages/tables/data.html b/pages/tables/data.html
index 8bab01321..1614f7dfa 100644
--- a/pages/tables/data.html
+++ b/pages/tables/data.html
@@ -1660,7 +1660,7 @@
 <script src="../../dist/js/adminlte.min.js"></script>
 <!-- AdminLTE for demo purposes -->
 <script src="../../dist/js/demo.js"></script>
-<!-- page script -->
+<!-- Page specific script -->
 <script>
   $(function () {
     $("#example1").DataTable({
diff --git a/pages/tables/jsgrid.html b/pages/tables/jsgrid.html
index 8d9b17b9e..9a6be9543 100644
--- a/pages/tables/jsgrid.html
+++ b/pages/tables/jsgrid.html
@@ -781,7 +781,7 @@
 <script src="../../dist/js/adminlte.min.js"></script>
 <!-- AdminLTE for demo purposes -->
 <script src="../../dist/js/demo.js"></script>
-<!-- page script -->
+<!-- Page specific script -->
 <script>
   $(function () {
     $("#jsGrid1").jsGrid({