Fixed demo.js link errors

Removed demo functions

README.md

@@ -63,6 +63,7 @@ Featured Plugins:
 - jVector Map
 - Slim Scroll
 - Pace
+- [Bootstrap Social Buttons](http://lipis.github.io/bootstrap-social/ "Bootstrap Social")
 
 Browser Support:
 ----------------

css/AdminLTE.css

@@ -1,6 +1,6 @@
-@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic,400italic,600italic);
+@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic,400italic,600italic);
 
-@import url(http://fonts.googleapis.com/css?family=Kaushan+Script);
+@import url(//fonts.googleapis.com/css?family=Kaushan+Script);
 /*! 
  *   AdminLTE v1.2
  *   Author: AlmsaeedStudio.com
@@ -113,6 +113,7 @@ body.fixed .wrapper {
 .content {
   padding: 20px 15px;
   background: #f9f9f9;
+  overflow: auto;
 }
 /* Utility */
 /* H1 - H6 font */
@@ -1318,7 +1319,7 @@ body > .header .logo .icon {
   float: left;
   cursor: default;
 }
-.box .box-header a {
+.box .box-header a:not(.btn) {
   color: #444;
 }
 .box .box-header > .box-tools {

index.html

@@ -943,7 +943,10 @@
         <script src="js/AdminLTE/app.js" type="text/javascript"></script>
         
         <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
-        <script src="js/AdminLTE/dashboard.js" type="text/javascript"></script>        
+        <script src="js/AdminLTE/dashboard.js" type="text/javascript"></script>     
+        
+        <!-- AdminLTE for demo purposes -->
+        <script src="js/AdminLTE/demo.js" type="text/javascript"></script>
 
     </body>
 </html>

js/AdminLTE/app.js

@@ -101,7 +101,7 @@ $(function() {
      **/
     function _fix() {
         //Get window height and the wrapper height
-        var height = $(window).height() - $("body > .header").height();
+        var height = $(window).height() - $("body > .header").height() - ($("body > .footer").outerHeight() || 0);
         $(".wrapper").css("min-height", height + "px");
         var content = $(".wrapper").height();
         //If the wrapper height is greater than the window
@@ -129,81 +129,11 @@ $(function() {
      * iCheck plugin in.
      * You can find the documentation at http://fronteed.com/iCheck/
      */
-    $("input[type='checkbox'], input[type='radio']").iCheck({
+    $("input[type='checkbox']:not(.simple), input[type='radio']:not(.simple)").iCheck({
         checkboxClass: 'icheckbox_minimal',
         radioClass: 'iradio_minimal'
     });
 
-    /* For demo purposes */
-    var demo = $("<div />").css({
-        position: "fixed",
-        top: "150px",
-        right: "0",
-        background: "rgba(0, 0, 0, 0.7)",
-        "border-radius": "5px 0px 0px 5px",
-        padding: "10px 15px",
-        "font-size": "16px",
-        "z-index": "999999",
-        cursor: "pointer",
-        color: "#ddd"
-    }).html("<i class='fa fa-gear'></i>").addClass("no-print");
-
-    var demo_settings = $("<div />").css({
-        "padding": "10px",
-        position: "fixed",
-        top: "130px",
-        right: "-200px",
-        background: "#fff",
-        border: "3px solid rgba(0, 0, 0, 0.7)",
-        "width": "200px",
-        "z-index": "999999"
-    }).addClass("no-print");
-    demo_settings.append(
-            "<h4 style='margin: 0 0 5px 0; border-bottom: 1px dashed #ddd; padding-bottom: 3px;'>Layout Options</h4>"
-            + "<div class='form-group no-margin'>"
-            + "<div class='.checkbox'>"
-            + "<label>"
-            + "<input type='checkbox' onchange='change_layout();'/> "
-            + "Fixed layout"
-            + "</label>"
-            + "</div>"
-            + "</div>"
-            );
-    demo_settings.append(
-            "<h4 style='margin: 0 0 5px 0; border-bottom: 1px dashed #ddd; padding-bottom: 3px;'>Skins</h4>"
-            + "<div class='form-group no-margin'>"
-            + "<div class='.radio'>"
-            + "<label>"
-            + "<input name='skins' type='radio' onchange='change_skin(\"skin-black\");' /> "
-            + "Black"
-            + "</label>"
-            + "</div>"
-            + "</div>"
-
-            + "<div class='form-group no-margin'>"
-            + "<div class='.radio'>"
-            + "<label>"
-            + "<input name='skins' type='radio' onchange='change_skin(\"skin-blue\");' checked='checked'/> "
-            + "Blue"
-            + "</label>"
-            + "</div>"
-            + "</div>"
-            );
-
-    demo.click(function() {
-        if (!$(this).hasClass("open")) {
-            $(this).css("right", "200px");
-            demo_settings.css("right", "0");
-            $(this).addClass("open");
-        } else {
-            $(this).css("right", "0");
-            demo_settings.css("right", "-200px");
-            $(this).removeClass("open")
-        }
-    });
-
-    $("body").append(demo);
-    $("body").append(demo_settings);
 });
 function fix_sidebar() {
     //Make sure the body tag has the .fixed class
@@ -217,14 +147,7 @@ function fix_sidebar() {
         color: "rgba(0,0,0,0.2)"
     });
 }
-function change_layout() {
-    $("body").toggleClass("fixed");
-    fix_sidebar();
-}
-function change_skin(cls) {
-    $("body").removeClass("skin-blue skin-black");
-    $("body").addClass(cls);
-}
+
 /*END DEMO*/
 $(window).load(function() {
     /*! pace 0.4.17 */
@@ -1124,4 +1047,4 @@ $(window).load(function() {
             })
         })
     }
-})(window.jQuery || window.Zepto);
+})(window.jQuery || window.Zepto);

js/AdminLTE/demo.js

@@ -0,0 +1,81 @@
+$(function() {
+    /* For demo purposes */
+    var demo = $("<div />").css({
+        position: "fixed",
+        top: "150px",
+        right: "0",
+        background: "rgba(0, 0, 0, 0.7)",
+        "border-radius": "5px 0px 0px 5px",
+        padding: "10px 15px",
+        "font-size": "16px",
+        "z-index": "999999",
+        cursor: "pointer",
+        color: "#ddd"
+    }).html("<i class='fa fa-gear'></i>").addClass("no-print");
+
+    var demo_settings = $("<div />").css({
+        "padding": "10px",
+        position: "fixed",
+        top: "130px",
+        right: "-200px",
+        background: "#fff",
+        border: "3px solid rgba(0, 0, 0, 0.7)",
+        "width": "200px",
+        "z-index": "999999"
+    }).addClass("no-print");
+    demo_settings.append(
+            "<h4 style='margin: 0 0 5px 0; border-bottom: 1px dashed #ddd; padding-bottom: 3px;'>Layout Options</h4>"
+            + "<div class='form-group no-margin'>"
+            + "<div class='.checkbox'>"
+            + "<label>"
+            + "<input type='checkbox' onchange='change_layout();'/> "
+            + "Fixed layout"
+            + "</label>"
+            + "</div>"
+            + "</div>"
+            );
+    demo_settings.append(
+            "<h4 style='margin: 0 0 5px 0; border-bottom: 1px dashed #ddd; padding-bottom: 3px;'>Skins</h4>"
+            + "<div class='form-group no-margin'>"
+            + "<div class='.radio'>"
+            + "<label>"
+            + "<input name='skins' type='radio' onchange='change_skin(\"skin-black\");' /> "
+            + "Black"
+            + "</label>"
+            + "</div>"
+            + "</div>"
+
+            + "<div class='form-group no-margin'>"
+            + "<div class='.radio'>"
+            + "<label>"
+            + "<input name='skins' type='radio' onchange='change_skin(\"skin-blue\");' checked='checked'/> "
+            + "Blue"
+            + "</label>"
+            + "</div>"
+            + "</div>"
+            );
+
+    demo.click(function() {
+        if (!$(this).hasClass("open")) {
+            $(this).css("right", "200px");
+            demo_settings.css("right", "0");
+            $(this).addClass("open");
+        } else {
+            $(this).css("right", "0");
+            demo_settings.css("right", "-200px");
+            $(this).removeClass("open")
+        }
+    });
+
+    $("body").append(demo);
+    $("body").append(demo_settings);
+});
+
+function change_layout() {
+    $("body").toggleClass("fixed");
+    fix_sidebar();
+}
+function change_skin(cls) {
+    $("body").removeClass("skin-blue skin-black");
+    $("body").addClass(cls);
+}

less/AdminLTE.less

@@ -6,8 +6,8 @@
 !*/
 
 //google fonts
-@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic,400italic,600italic);
-@import url(http://fonts.googleapis.com/css?family=Kaushan+Script);
+@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic,400italic,600italic);
+@import url(//fonts.googleapis.com/css?family=Kaushan+Script);
 
 //MISC
 //----
@@ -46,4 +46,4 @@
 //--------
 @import "iCheck.less";
 @import "pace.less";
-@import "bootstrap-social.less";
+@import "bootstrap-social.less";

less/core.less

@@ -105,6 +105,7 @@ body.fixed {
 .content {
     padding: 20px 15px;
     background: @body-bg;
+    overflow: auto;
 }
 
 /* Utility */
@@ -338,4 +339,4 @@ table.text-center {
     padding: 5px!important;
     width:auto!important;
     height:auto!important;
-}
+}

less/timeline.less

@@ -4,6 +4,7 @@ Component: timeline
 */
 
 .timeline{
+    position: relative;
     margin: 0 0 30px 0;
     padding: 0;
     list-style: none;
@@ -16,7 +17,7 @@ Component: timeline
         bottom: 0;
         width: 5px;
         background: #ddd;
-        left: 45px;
+        left: 30px;
         border: 1px solid #eee;
         margin: 0;
         .border-radius(2px);        

pages/UI/buttons.html

@@ -968,10 +968,10 @@
                                         <i class="fa fa-edit"></i> Edit
                                     </a>
                                     <a class="btn btn-app">
-                                        <i class="fa fa-play"></i> Play 
+                                        <i class="fa fa-play"></i> Play
                                     </a>
                                     <a class="btn btn-app">
-                                        <i class="fa fa-repeat"></i> Repeat 
+                                        <i class="fa fa-repeat"></i> Repeat
                                     </a>
                                     <a class="btn btn-app">
                                         <i class="fa fa-pause"></i> Pause
@@ -982,7 +982,7 @@
                                     <a class="btn btn-app">
                                         <span class="badge bg-yellow">3</span>
                                         <i class="fa fa-bullhorn"></i> Notifications
-                                    </a>       
+                                    </a>
                                     <a class="btn btn-app">
                                         <span class="badge bg-green">300</span>
                                         <i class="fa fa-barcode"></i> Products
@@ -997,11 +997,11 @@
                                     </a>
                                     <a class="btn btn-app">
                                         <span class="badge bg-aqua">12</span>
-                                        <i class="fa fa-envelope"></i> Inbox                                        
+                                        <i class="fa fa-envelope"></i> Inbox
                                     </a>
                                     <a class="btn btn-app">
                                         <span class="badge bg-red">531</span>
-                                        <i class="fa fa-heart-o"></i> Likes                                        
+                                        <i class="fa fa-heart-o"></i> Likes
                                     </a>
                                 </div><!-- /.box-body -->
                             </div><!-- /.box -->
@@ -1254,7 +1254,7 @@
                                         </tr>  <!-- /.success -->
                                     </table>
                                 </div>
-                            </div><!-- /.box -->                            
+                            </div><!-- /.box -->
 
                         </div><!-- /.col -->
                     </div><!-- /. row -->
@@ -1269,6 +1269,7 @@
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
     </body>
-</html>
+</html>

pages/UI/empty.html

@@ -12,7 +12,7 @@
         <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
-        
+
         <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
         <!--[if lt IE 9]>
@@ -270,7 +270,7 @@
         </header>
         <div class="wrapper row-offcanvas row-offcanvas-left">
             <!-- Left side column. contains the logo and sidebar -->
-            <aside class="left-side sidebar-offcanvas">                
+            <aside class="left-side sidebar-offcanvas">
                 <!-- sidebar: style can be found in sidebar.less -->
                 <section class="sidebar">
                     <!-- Sidebar user panel -->
@@ -340,7 +340,7 @@
                             <ul class="treeview-menu">
                                 <li><a href="../forms/general.html"><i class="fa fa-angle-double-right"></i> General Elements</a></li>
                                 <li><a href="../forms/advanced.html"><i class="fa fa-angle-double-right"></i> Advanced Elements</a></li>
-                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>                                
+                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>
                             </ul>
                         </li>
                         <li class="treeview">
@@ -376,7 +376,7 @@
                                 <li><a href="../examples/register.html"><i class="fa fa-angle-double-right"></i> Register</a></li>
                                 <li><a href="../examples/lockscreen.html"><i class="fa fa-angle-double-right"></i> Lockscreen</a></li>
                                 <li><a href="../examples/404.html"><i class="fa fa-angle-double-right"></i> 404 Error</a></li>
-                                <li><a href="../examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>                                
+                                <li><a href="../examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>
                                 <li><a href="../examples/blank.html"><i class="fa fa-angle-double-right"></i> Blank Page</a></li>
                             </ul>
                         </li>
@@ -386,7 +386,7 @@
             </aside>
 
             <!-- Right side column. Contains the navbar and content of the page -->
-            <aside class="right-side">                
+            <aside class="right-side">
                 <!-- Content Header (Page header) -->
                 <section class="content-header">
                     <h1>
@@ -401,7 +401,7 @@
 
                 <!-- Main content -->
                 <section class="content">
-                 
+
 
                 </section><!-- /.content -->
             </aside><!-- /.right-side -->
@@ -414,6 +414,7 @@
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
     </body>
-</html>
+</html>

pages/UI/general.html

@@ -984,6 +984,7 @@
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
     </body>
-</html>
+</html>

pages/UI/icons.html

@@ -453,7 +453,7 @@
                             <div class="nav-tabs-custom">
                                 <ul class="nav nav-tabs">
                                     <li class="active"><a href="#fa-icons" data-toggle="tab">Font Awesome</a></li>
-                                    <li><a href="#glyphicons" data-toggle="tab">Glyphicons</a></li>                                        
+                                    <li><a href="#glyphicons" data-toggle="tab">Glyphicons</a></li>
                                 </ul>
                                 <div class="tab-content">
                                     <!-- Font Awesome icons -->
@@ -2175,6 +2175,7 @@
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
     </body>
-</html>
+</html>

pages/UI/jquery-ui.html

@@ -14,7 +14,7 @@
         <link href="../../css/jQueryUI/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
-        
+
         <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
         <!--[if lt IE 9]>
@@ -272,7 +272,7 @@
         </header>
         <div class="wrapper row-offcanvas row-offcanvas-left">
             <!-- Left side column. contains the logo and sidebar -->
-            <aside class="left-side sidebar-offcanvas">                
+            <aside class="left-side sidebar-offcanvas">
                 <!-- sidebar: style can be found in sidebar.less -->
                 <section class="sidebar">
                     <!-- Sidebar user panel -->
@@ -343,7 +343,7 @@
                             <ul class="treeview-menu">
                                 <li><a href="../forms/general.html"><i class="fa fa-angle-double-right"></i> General Elements</a></li>
                                 <li><a href="../forms/advanced.html"><i class="fa fa-angle-double-right"></i> Advanced Elements</a></li>
-                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>                                
+                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>
                             </ul>
                         </li>
                         <li class="treeview">
@@ -373,7 +373,7 @@
                                 <li><a href="../examples/register.html"><i class="fa fa-angle-double-right"></i> Register</a></li>
                                 <li><a href="../examples/lockscreen.html"><i class="fa fa-angle-double-right"></i> Lockscreen</a></li>
                                 <li><a href="../examples/404.html"><i class="fa fa-angle-double-right"></i> 404 Error</a></li>
-                                <li><a href="../examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>                                
+                                <li><a href="../examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>
                                 <li><a href="../examples/blank.html"><i class="fa fa-angle-double-right"></i> Blank Page</a></li>
                             </ul>
                         </li>
@@ -383,7 +383,7 @@
             </aside>
 
             <!-- Right side column. Contains the navbar and content of the page -->
-            <aside class="right-side">                
+            <aside class="right-side">
                 <!-- Content Header (Page header) -->
                 <section class="content-header">
                     <h1>
@@ -469,11 +469,11 @@
                                     <input type="text" id="from" name="from">
                                     <label for="to">to</label>
                                     <input type="text" id="to" name="to">
-                                </div>                                
+                                </div>
                             </div>
                             <div class='box box-info'>
                                 <div class='box-header'>
-                                    <h3 class='box-title'>Dialog</h3>                                    
+                                    <h3 class='box-title'>Dialog</h3>
                                 </div>
                                 <div class='box-body'>
                                     <div id="dialog" title="Basic dialog">
@@ -493,14 +493,15 @@
 
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
-        <!-- jquery ui 1.10.3 -->        
+        <!-- jquery ui 1.10.3 -->
         <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
 
         <!-- Bootstrap -->
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
         <script>
             $(function() {
                 $("#accordion").accordion();
@@ -541,4 +542,4 @@
         </script>
 
     </body>
-</html>
+</html>

pages/UI/sliders.html

@@ -488,7 +488,8 @@
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
         <!-- Ion Slider -->
         <script src="../../js/plugins/ionslider/ion.rangeSlider.min.js" type="text/javascript"></script>
 
@@ -563,4 +564,4 @@
         </script>
 
     </body>
-</html>
+</html>

pages/UI/timeline.html

@@ -404,7 +404,7 @@
                 <section class="content">
 
                     <!-- row -->
-                    <div class="row">                        
+                    <div class="row">
                         <div class="col-md-12">
                             <!-- The time line -->
                             <ul class="timeline">
@@ -546,7 +546,7 @@
     ...
 
 &lt;/ul>
-                                    </pre>                                    
+                                    </pre>
                                 </div><!-- /.box-body -->
                             </div><!-- /.box -->
                         </div><!-- /.col -->
@@ -562,6 +562,7 @@
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
     </body>
-</html>
+</html>

pages/calendar.html

@@ -15,7 +15,7 @@
         <link href="../css/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" media='print' />
         <!-- Theme style -->
         <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />
-        
+
         <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
         <!--[if lt IE 9]>
@@ -273,7 +273,7 @@
         </header>
         <div class="wrapper row-offcanvas row-offcanvas-left">
             <!-- Left side column. contains the logo and sidebar -->
-            <aside class="left-side sidebar-offcanvas">                
+            <aside class="left-side sidebar-offcanvas">
                 <!-- sidebar: style can be found in sidebar.less -->
                 <section class="sidebar">
                     <!-- Sidebar user panel -->
@@ -343,7 +343,7 @@
                             <ul class="treeview-menu">
                                 <li><a href="forms/general.html"><i class="fa fa-angle-double-right"></i> General Elements</a></li>
                                 <li><a href="forms/advanced.html"><i class="fa fa-angle-double-right"></i> Advanced Elements</a></li>
-                                <li><a href="forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>                                
+                                <li><a href="forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>
                             </ul>
                         </li>
                         <li class="treeview">
@@ -379,7 +379,7 @@
                                 <li><a href="examples/register.html"><i class="fa fa-angle-double-right"></i> Register</a></li>
                                 <li><a href="examples/lockscreen.html"><i class="fa fa-angle-double-right"></i> Lockscreen</a></li>
                                 <li><a href="examples/404.html"><i class="fa fa-angle-double-right"></i> 404 Error</a></li>
-                                <li><a href="examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>                                
+                                <li><a href="examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>
                                 <li><a href="examples/blank.html"><i class="fa fa-angle-double-right"></i> Blank Page</a></li>
                             </ul>
                         </li>
@@ -389,7 +389,7 @@
             </aside>
 
             <!-- Right side column. Contains the navbar and content of the page -->
-            <aside class="right-side">                
+            <aside class="right-side">
                 <!-- Content Header (Page header) -->
                 <section class="content-header">
                     <h1>
@@ -414,7 +414,7 @@
                                 </div>
                                 <div class="box-body">
                                     <!-- the events -->
-                                    <div id='external-events'>                                        
+                                    <div id='external-events'>
                                         <div class='external-event bg-green'>Lunch</div>
                                         <div class='external-event bg-red'>Go home</div>
                                         <div class='external-event bg-aqua'>Do homework</div>
@@ -435,8 +435,8 @@
                                         <button type="button" id="color-chooser-btn" class="btn btn-danger btn-block btn-sm dropdown-toggle" data-toggle="dropdown">Color <span class="caret"></span></button>
                                         <ul class="dropdown-menu" id="color-chooser">
                                             <li><a class="text-green" href="#"><i class="fa fa-square"></i> Green</a></li>
-                                            <li><a class="text-blue" href="#"><i class="fa fa-square"></i> Blue</a></li>                                            
-                                            <li><a class="text-navy" href="#"><i class="fa fa-square"></i> Navy</a></li>                                            
+                                            <li><a class="text-blue" href="#"><i class="fa fa-square"></i> Blue</a></li>
+                                            <li><a class="text-navy" href="#"><i class="fa fa-square"></i> Navy</a></li>
                                             <li><a class="text-yellow" href="#"><i class="fa fa-square"></i> Yellow</a></li>
                                             <li><a class="text-orange" href="#"><i class="fa fa-square"></i> Orange</a></li>
                                             <li><a class="text-aqua" href="#"><i class="fa fa-square"></i> Aqua</a></li>
@@ -445,7 +445,7 @@
                                             <li><a class="text-purple" href="#"><i class="fa fa-square"></i> Purple</a></li>
                                         </ul>
                                     </div><!-- /btn-group -->
-                                    <div class="input-group">                                          
+                                    <div class="input-group">
                                         <input id="new-event" type="text" class="form-control" placeholder="Event Title">
                                         <div class="input-group-btn">
                                             <button id="add-new-event" type="button" class="btn btn-default btn-flat">Add</button>
@@ -455,14 +455,14 @@
                             </div>
                         </div><!-- /.col -->
                         <div class="col-md-9">
-                            <div class="box box-primary">                                
+                            <div class="box box-primary">
                                 <div class="box-body no-padding">
                                     <!-- THE CALENDAR -->
                                     <div id="calendar"></div>
                                 </div><!-- /.box-body -->
                             </div><!-- /. box -->
                         </div><!-- /.col -->
-                    </div><!-- /.row -->  
+                    </div><!-- /.row -->
 
 
                 </section><!-- /.content -->
@@ -478,6 +478,8 @@
         <script src="../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
+        <!-- AdminLTE for demo purposes -->
+        <script src="../js/AdminLTE/demo.js" type="text/javascript"></script>        
         <!-- fullCalendar -->
         <script src="../js/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
         <!-- Page specific script -->
@@ -535,7 +537,7 @@
                         {
                             title: 'All Day Event',
                             start: new Date(y, m, 1),
-                            backgroundColor: "#f56954", //red 
+                            backgroundColor: "#f56954", //red
                             borderColor: "#f56954" //red
                         },
                         {
@@ -643,4 +645,4 @@
         </script>
 
     </body>
-</html>
+</html>

pages/charts/empty.html

@@ -270,7 +270,7 @@
         </header>
         <div class="wrapper row-offcanvas row-offcanvas-left">
             <!-- Left side column. contains the logo and sidebar -->
-            <aside class="left-side sidebar-offcanvas">                
+            <aside class="left-side sidebar-offcanvas">
                 <!-- sidebar: style can be found in sidebar.less -->
                 <section class="sidebar">
                     <!-- Sidebar user panel -->
@@ -340,7 +340,7 @@
                             <ul class="treeview-menu">
                                 <li><a href="../forms/general.html"><i class="fa fa-angle-double-right"></i> General Elements</a></li>
                                 <li><a href="../forms/advanced.html"><i class="fa fa-angle-double-right"></i> Advanced Elements</a></li>
-                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>                                
+                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>
                             </ul>
                         </li>
                         <li class="treeview">
@@ -376,7 +376,7 @@
                                 <li><a href="../examples/register.html"><i class="fa fa-angle-double-right"></i> Register</a></li>
                                 <li><a href="../examples/lockscreen.html"><i class="fa fa-angle-double-right"></i> Lockscreen</a></li>
                                 <li><a href="../examples/404.html"><i class="fa fa-angle-double-right"></i> 404 Error</a></li>
-                                <li><a href="../examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>                                
+                                <li><a href="../examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>
                                 <li><a href="../examples/blank.html"><i class="fa fa-angle-double-right"></i> Blank Page</a></li>
                             </ul>
                         </li>
@@ -386,7 +386,7 @@
             </aside>
 
             <!-- Right side column. Contains the navbar and content of the page -->
-            <aside class="right-side">                
+            <aside class="right-side">
                 <!-- Content Header (Page header) -->
                 <section class="content-header">
                     <h1>
@@ -414,6 +414,7 @@
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
     </body>
-</html>
+</html>

pages/charts/flot.html

@@ -411,7 +411,7 @@
                                     <div class="box-tools pull-right">
                                         Real time
                                         <div class="btn-group" id="realtime" data-toggle="btn-toggle">
-                                            <button type="button" class="btn btn-default btn-xs active" data-toggle="on">On</button>                                            
+                                            <button type="button" class="btn btn-default btn-xs active" data-toggle="on">On</button>
                                             <button type="button" class="btn btn-default btn-xs" data-toggle="off">Off</button>
                                         </div>
                                     </div>
@@ -486,7 +486,8 @@
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
         <!-- FLOT CHARTS -->
         <script src="../../js/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
         <!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized -->
@@ -661,8 +662,8 @@
                 /* END LINE CHART */
 
                 /*
-                 * FULL WIDTH STATIC AREA CHART   
-                 * -----------------               
+                 * FULL WIDTH STATIC AREA CHART
+                 * -----------------
                  */
                 var areaData = [[2, 88.0], [3, 93.3], [4, 102.0], [5, 108.5], [6, 115.7], [7, 115.6],
                     [8, 124.6], [9, 130.3], [10, 134.3], [11, 141.4], [12, 146.5], [13, 151.7], [14, 159.9],
@@ -676,7 +677,7 @@
                         color: "#00c0ef"
                     },
                     lines: {
-                        fill: true //Converts the line chart to area chart                        
+                        fill: true //Converts the line chart to area chart
                     },
                     yaxis: {
                         show: false
@@ -690,7 +691,7 @@
 
                 /*
                  * BAR CHART
-                 * ---------                 
+                 * ---------
                  */
 
                 var bar_data = {
@@ -764,4 +765,4 @@
             }
         </script>
     </body>
-</html>
+</html>

pages/charts/inline.html

@@ -526,7 +526,7 @@
                         <p>The following three inline (sparkline) chart have been initialized to read and interpret data tags</p>
                     </div>
                     <!-- /.callout -->
-                    
+
                     <div class="row">
                         <div class="col-md-4">
                             <div class="box box-solid">
@@ -654,7 +654,7 @@
                                                 <span class="sparkpie">1,1,2</span>
                                                 <span class="sparkpie">1,5</span>
                                                 <span class="sparkpie">20,50,80</span>
-                                            </p>                                            
+                                            </p>
                                         </div><!-- /.col -->
                                     </div><!-- /.row -->
                                 </div><!-- /.box-body -->
@@ -673,7 +673,8 @@
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
         <!-- jQuery Knob -->
         <script src="../../js/plugins/jqueryKnob/jquery.knob.js" type="text/javascript"></script>
         <!-- Sparkline -->
@@ -889,4 +890,4 @@
         </script>
 
     </body>
-</html>
+</html>

pages/charts/morris.html

@@ -426,7 +426,7 @@
                                     <div class="chart" id="sales-chart" style="height: 300px; position: relative;"></div>
                                 </div><!-- /.box-body -->
                             </div><!-- /.box -->
-                            
+
                         </div><!-- /.col (LEFT) -->
                         <div class="col-md-6">
                             <!-- LINE CHART -->
@@ -468,7 +468,8 @@
 
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
         <!-- page script -->
         <script type="text/javascript">
             $(function() {
@@ -555,4 +556,4 @@
         </script>
 
     </body>
-</html>
+</html>

pages/empty.html

@@ -270,7 +270,7 @@
         </header>
         <div class="wrapper row-offcanvas row-offcanvas-left">
             <!-- Left side column. contains the logo and sidebar -->
-            <aside class="left-side sidebar-offcanvas">                
+            <aside class="left-side sidebar-offcanvas">
                 <!-- sidebar: style can be found in sidebar.less -->
                 <section class="sidebar">
                     <!-- Sidebar user panel -->
@@ -340,7 +340,7 @@
                             <ul class="treeview-menu">
                                 <li><a href="forms/general.html"><i class="fa fa-angle-double-right"></i> General Elements</a></li>
                                 <li><a href="forms/advanced.html"><i class="fa fa-angle-double-right"></i> Advanced Elements</a></li>
-                                <li><a href="forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>                                
+                                <li><a href="forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>
                             </ul>
                         </li>
                         <li class="treeview">
@@ -376,7 +376,7 @@
                                 <li><a href="examples/register.html"><i class="fa fa-angle-double-right"></i> Register</a></li>
                                 <li><a href="examples/lockscreen.html"><i class="fa fa-angle-double-right"></i> Lockscreen</a></li>
                                 <li><a href="examples/404.html"><i class="fa fa-angle-double-right"></i> 404 Error</a></li>
-                                <li><a href="examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>                                
+                                <li><a href="examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>
                                 <li><a href="examples/blank.html"><i class="fa fa-angle-double-right"></i> Blank Page</a></li>
                             </ul>
                         </li>
@@ -384,7 +384,7 @@
                             <a href="#">
                                 <i class="fa fa-folder"></i>  Multilevel Menu
                                 <i class="fa fa-angle-left pull-right"></i>
-                            </a>                            
+                            </a>
 
                             <ul class="treeview-menu">
                                 <li class="treeview">
@@ -416,7 +416,7 @@
             </aside>
 
             <!-- Right side column. Contains the navbar and content of the page -->
-            <aside class="right-side">                
+            <aside class="right-side">
                 <!-- Content Header (Page header) -->
                 <section class="content-header">
                     <h1>
@@ -444,6 +444,7 @@
         <script src="../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../js/AdminLTE/demo.js" type="text/javascript"></script>
     </body>
-</html>
+</html>

pages/examples/404.html

@@ -12,7 +12,7 @@
         <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
-        
+
         <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
         <!--[if lt IE 9]>
@@ -270,7 +270,7 @@
         </header>
         <div class="wrapper row-offcanvas row-offcanvas-left">
             <!-- Left side column. contains the logo and sidebar -->
-            <aside class="left-side sidebar-offcanvas">                
+            <aside class="left-side sidebar-offcanvas">
                 <!-- sidebar: style can be found in sidebar.less -->
                 <section class="sidebar">
                     <!-- Sidebar user panel -->
@@ -340,7 +340,7 @@
                             <ul class="treeview-menu">
                                 <li><a href="../forms/general.html"><i class="fa fa-angle-double-right"></i> General Elements</a></li>
                                 <li><a href="../forms/advanced.html"><i class="fa fa-angle-double-right"></i> Advanced Elements</a></li>
-                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>                                
+                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>
                             </ul>
                         </li>
                         <li class="treeview">
@@ -376,7 +376,7 @@
                                 <li><a href="register.html"><i class="fa fa-angle-double-right"></i> Register</a></li>
                                 <li><a href="lockscreen.html"><i class="fa fa-angle-double-right"></i> Lockscreen</a></li>
                                 <li class="active"><a href="404.html"><i class="fa fa-angle-double-right"></i> 404 Error</a></li>
-                                <li><a href="500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>                                
+                                <li><a href="500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>
                                 <li><a href="blank.html"><i class="fa fa-angle-double-right"></i> Blank Page</a></li>
                             </ul>
                         </li>
@@ -386,7 +386,7 @@
             </aside>
 
             <!-- Right side column. Contains the navbar and content of the page -->
-            <aside class="right-side">                
+            <aside class="right-side">
                 <!-- Content Header (Page header) -->
                 <section class="content-header">
                     <h1>
@@ -401,13 +401,13 @@
 
                 <!-- Main content -->
                 <section class="content">
-                 
+
                     <div class="error-page">
                         <h2 class="headline text-info"> 404</h2>
                         <div class="error-content">
                             <h3><i class="fa fa-warning text-yellow"></i> Oops! Page not found.</h3>
                             <p>
-                                We could not find the page you were looking for. 
+                                We could not find the page you were looking for.
                                 Meanwhile, you may <a href='../../index.html'>return to dashboard</a> or try using the search form.
                             </p>
                             <form class='search-form'>
@@ -432,6 +432,7 @@
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
     </body>
-</html>
+</html>

pages/examples/500.html

@@ -12,7 +12,7 @@
         <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
-        
+
         <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
         <!--[if lt IE 9]>
@@ -270,7 +270,7 @@
         </header>
         <div class="wrapper row-offcanvas row-offcanvas-left">
             <!-- Left side column. contains the logo and sidebar -->
-            <aside class="left-side sidebar-offcanvas">                
+            <aside class="left-side sidebar-offcanvas">
                 <!-- sidebar: style can be found in sidebar.less -->
                 <section class="sidebar">
                     <!-- Sidebar user panel -->
@@ -340,7 +340,7 @@
                             <ul class="treeview-menu">
                                 <li><a href="../forms/general.html"><i class="fa fa-angle-double-right"></i> General Elements</a></li>
                                 <li><a href="../forms/advanced.html"><i class="fa fa-angle-double-right"></i> Advanced Elements</a></li>
-                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>                                
+                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>
                             </ul>
                         </li>
                         <li class="treeview">
@@ -376,7 +376,7 @@
                                 <li><a href="register.html"><i class="fa fa-angle-double-right"></i> Register</a></li>
                                 <li><a href="lockscreen.html"><i class="fa fa-angle-double-right"></i> Lockscreen</a></li>
                                 <li><a href="404.html"><i class="fa fa-angle-double-right"></i> 404 Error</a></li>
-                                <li class="active"><a href="500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>                                
+                                <li class="active"><a href="500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>
                                 <li><a href="blank.html"><i class="fa fa-angle-double-right"></i> Blank Page</a></li>
                             </ul>
                         </li>
@@ -386,7 +386,7 @@
             </aside>
 
             <!-- Right side column. Contains the navbar and content of the page -->
-            <aside class="right-side">                
+            <aside class="right-side">
                 <!-- Content Header (Page header) -->
                 <section class="content-header">
                     <h1>
@@ -401,13 +401,13 @@
 
                 <!-- Main content -->
                 <section class="content">
-                 
+
                     <div class="error-page">
                         <h2 class="headline">500</h2>
                         <div class="error-content">
                             <h3><i class="fa fa-warning text-yellow"></i> Oops! Something went wrong.</h3>
                             <p>
-                                We will work on fixing that right away. 
+                                We will work on fixing that right away.
                                 Meanwhile, you may <a href='../../index.html'>return to dashboard</a> or try using the search form.
                             </p>
                             <form class='search-form'>
@@ -432,6 +432,7 @@
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
     </body>
-</html>
+</html>

pages/examples/blank.html

@@ -12,7 +12,7 @@
         <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
-        
+
         <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
         <!--[if lt IE 9]>
@@ -270,7 +270,7 @@
         </header>
         <div class="wrapper row-offcanvas row-offcanvas-left">
             <!-- Left side column. contains the logo and sidebar -->
-            <aside class="left-side sidebar-offcanvas">                
+            <aside class="left-side sidebar-offcanvas">
                 <!-- sidebar: style can be found in sidebar.less -->
                 <section class="sidebar">
                     <!-- Sidebar user panel -->
@@ -340,7 +340,7 @@
                             <ul class="treeview-menu">
                                 <li><a href="../forms/general.html"><i class="fa fa-angle-double-right"></i> General Elements</a></li>
                                 <li><a href="../forms/advanced.html"><i class="fa fa-angle-double-right"></i> Advanced Elements</a></li>
-                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>                                
+                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>
                             </ul>
                         </li>
                         <li class="treeview">
@@ -376,7 +376,7 @@
                                 <li><a href="register.html"><i class="fa fa-angle-double-right"></i> Register</a></li>
                                 <li><a href="lockscreen.html"><i class="fa fa-angle-double-right"></i> Lockscreen</a></li>
                                 <li><a href="404.html"><i class="fa fa-angle-double-right"></i> 404 Error</a></li>
-                                <li><a href="500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>                                
+                                <li><a href="500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>
                                 <li class="active"><a href="blank.html"><i class="fa fa-angle-double-right"></i> Blank Page</a></li>
                             </ul>
                         </li>
@@ -386,7 +386,7 @@
             </aside>
 
             <!-- Right side column. Contains the navbar and content of the page -->
-            <aside class="right-side">                
+            <aside class="right-side">
                 <!-- Content Header (Page header) -->
                 <section class="content-header">
                     <h1>
@@ -402,7 +402,7 @@
 
                 <!-- Main content -->
                 <section class="content">
-                 
+
 
                 </section><!-- /.content -->
             </aside><!-- /.right-side -->
@@ -415,6 +415,7 @@
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
     </body>
-</html>
+</html>

pages/examples/invoice.html

@@ -270,7 +270,7 @@
         </header>
         <div class="wrapper row-offcanvas row-offcanvas-left">
             <!-- Left side column. contains the logo and sidebar -->
-            <aside class="left-side sidebar-offcanvas">                
+            <aside class="left-side sidebar-offcanvas">
                 <!-- sidebar: style can be found in sidebar.less -->
                 <section class="sidebar">
                     <!-- Sidebar user panel -->
@@ -340,7 +340,7 @@
                             <ul class="treeview-menu">
                                 <li><a href="../forms/general.html"><i class="fa fa-angle-double-right"></i> General Elements</a></li>
                                 <li><a href="../forms/advanced.html"><i class="fa fa-angle-double-right"></i> Advanced Elements</a></li>
-                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>                                
+                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>
                             </ul>
                         </li>
                         <li class="treeview">
@@ -376,7 +376,7 @@
                                 <li><a href="register.html"><i class="fa fa-angle-double-right"></i> Register</a></li>
                                 <li><a href="lockscreen.html"><i class="fa fa-angle-double-right"></i> Lockscreen</a></li>
                                 <li><a href="404.html"><i class="fa fa-angle-double-right"></i> 404 Error</a></li>
-                                <li><a href="500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>                                
+                                <li><a href="500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>
                                 <li><a href="blank.html"><i class="fa fa-angle-double-right"></i> Blank Page</a></li>
                             </ul>
                         </li>
@@ -386,7 +386,7 @@
             </aside>
 
             <!-- Right side column. Contains the navbar and content of the page -->
-            <aside class="right-side">                
+            <aside class="right-side">
                 <!-- Content Header (Page header) -->
                 <section class="content-header">
                     <h1>
@@ -408,14 +408,14 @@
                 </div>
 
                 <!-- Main content -->
-                <section class="content invoice">                    
+                <section class="content invoice">
                     <!-- title row -->
                     <div class="row">
                         <div class="col-xs-12">
                             <h2 class="page-header">
                                 <i class="fa fa-globe"></i> AdminLTE, Inc.
                                 <small class="pull-right">Date: 2/10/2014</small>
-                            </h2>                            
+                            </h2>
                         </div><!-- /.col -->
                     </div>
                     <!-- info row -->
@@ -460,7 +460,7 @@
                                         <th>Serial #</th>
                                         <th>Description</th>
                                         <th>Subtotal</th>
-                                    </tr>                                    
+                                    </tr>
                                 </thead>
                                 <tbody>
                                     <tr>
@@ -492,7 +492,7 @@
                                         <td>$25.99</td>
                                     </tr>
                                 </tbody>
-                            </table>                            
+                            </table>
                         </div><!-- /.col -->
                     </div><!-- /.row -->
 
@@ -537,7 +537,7 @@
                     <div class="row no-print">
                         <div class="col-xs-12">
                             <button class="btn btn-default" onclick="window.print();"><i class="fa fa-print"></i> Print</button>
-                            <button class="btn btn-success pull-right"><i class="fa fa-credit-card"></i> Submit Payment</button>  
+                            <button class="btn btn-success pull-right"><i class="fa fa-credit-card"></i> Submit Payment</button>
                             <button class="btn btn-primary pull-right" style="margin-right: 5px;"><i class="fa fa-download"></i> Generate PDF</button>
                         </div>
                     </div>
@@ -552,6 +552,7 @@
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
     </body>
-</html>
+</html>

pages/forms/advanced.html

@@ -482,14 +482,14 @@
                                 <div class="box-body">
                                     <!-- Color Picker -->
                                     <div class="form-group">
-                                        <label>Color picker:</label>                                         
+                                        <label>Color picker:</label>
                                         <input type="text" class="form-control my-colorpicker1"/>
                                     </div><!-- /.form group -->
 
                                     <!-- Color Picker -->
                                     <div class="form-group">
                                         <label>Color picker with addon:</label>
-                                        <div class="input-group my-colorpicker2">                                            
+                                        <div class="input-group my-colorpicker2">
                                             <input type="text" class="form-control"/>
                                             <div class="input-group-addon">
                                                 <i></i>
@@ -501,7 +501,7 @@
                                     <div class="bootstrap-timepicker">
                                         <div class="form-group">
                                             <label>Time picker:</label>
-                                            <div class="input-group">                                            
+                                            <div class="input-group">
                                                 <input type="text" class="form-control timepicker"/>
                                                 <div class="input-group-addon">
                                                     <i class="fa fa-clock-o"></i>
@@ -578,12 +578,12 @@
                                     </div>
 
                                     <!-- radio -->
-                                    <div class="form-group">                                    
+                                    <div class="form-group">
                                         <label>
                                             <input type="radio" name="r1" class="minimal" checked/>
                                         </label>
                                         <label>
-                                            <input type="radio" name="r1" class="minimal"/>                                                    
+                                            <input type="radio" name="r1" class="minimal"/>
                                         </label>
                                         <label>
                                             <input type="radio" name="r1" class="minimal" disabled/>
@@ -608,12 +608,12 @@
                                     </div>
 
                                     <!-- radio -->
-                                    <div class="form-group">                                    
+                                    <div class="form-group">
                                         <label>
                                             <input type="radio" name="r2" class="minimal-red" checked/>
                                         </label>
                                         <label>
-                                            <input type="radio" name="r2" class="minimal-red"/>                                                    
+                                            <input type="radio" name="r2" class="minimal-red"/>
                                         </label>
                                         <label>
                                             <input type="radio" name="r2" class="minimal-red" disabled/>
@@ -638,12 +638,12 @@
                                     </div>
 
                                     <!-- radio -->
-                                    <div class="form-group">                                    
+                                    <div class="form-group">
                                         <label>
                                             <input type="radio" name="r3" class="flat-red" checked/>
                                         </label>
                                         <label>
-                                            <input type="radio" name="r3" class="flat-red"/>                                                    
+                                            <input type="radio" name="r3" class="flat-red"/>
                                         </label>
                                         <label>
                                             <input type="radio" name="r3" class="flat-red" disabled/>
@@ -656,7 +656,7 @@
                                 </div>
                             </div><!-- /.box -->
                         </div><!-- /.col (right) -->
-                    </div><!-- /.row -->                    
+                    </div><!-- /.row -->
 
                 </section><!-- /.content -->
             </aside><!-- /.right-side -->
@@ -679,7 +679,8 @@
         <script src="../../js/plugins/timepicker/bootstrap-timepicker.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
         <!-- Page script -->
         <script type="text/javascript">
             $(function() {
@@ -742,4 +743,4 @@
         </script>
 
     </body>
-</html>
+</html>

pages/forms/editors.html

@@ -14,7 +14,7 @@
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
         <!-- bootstrap wysihtml5 - text editor -->
         <link href="../../css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
-        
+
         <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
         <!--[if lt IE 9]>
@@ -420,7 +420,7 @@
                                     <form>
                                         <textarea id="editor1" name="editor1" rows="10" cols="80">
                                             This is my textarea to be replaced with CKEditor.
-                                        </textarea>                        
+                                        </textarea>
                                     </form>
                                 </div>
                             </div><!-- /.box -->
@@ -436,7 +436,7 @@
                                 </div><!-- /.box-header -->
                                 <div class='box-body pad'>
                                     <form>
-                                        <textarea class="textarea" placeholder="Place some text here" style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>                      
+                                        <textarea class="textarea" placeholder="Place some text here" style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
                                     </form>
                                 </div>
                             </div>
@@ -456,6 +456,8 @@
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>        
         <!-- CK Editor -->
         <script src="../../js/plugins/ckeditor/ckeditor.js" type="text/javascript"></script>
         <!-- Bootstrap WYSIHTML5 -->
@@ -471,4 +473,4 @@
         </script>
 
     </body>
-</html>
+</html>

pages/forms/empty.html

@@ -12,7 +12,7 @@
         <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
-        
+
         <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
         <!--[if lt IE 9]>
@@ -270,7 +270,7 @@
         </header>
         <div class="wrapper row-offcanvas row-offcanvas-left">
             <!-- Left side column. contains the logo and sidebar -->
-            <aside class="left-side sidebar-offcanvas">                
+            <aside class="left-side sidebar-offcanvas">
                 <!-- sidebar: style can be found in sidebar.less -->
                 <section class="sidebar">
                     <!-- Sidebar user panel -->
@@ -340,7 +340,7 @@
                             <ul class="treeview-menu">
                                 <li><a href="general.html"><i class="fa fa-angle-double-right"></i> General Elements</a></li>
                                 <li><a href="advanced.html"><i class="fa fa-angle-double-right"></i> Advanced Elements</a></li>
-                                <li><a href="editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>                                
+                                <li><a href="editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>
                             </ul>
                         </li>
                         <li class="treeview">
@@ -376,7 +376,7 @@
                                 <li><a href="../examples/register.html"><i class="fa fa-angle-double-right"></i> Register</a></li>
                                 <li><a href="../examples/lockscreen.html"><i class="fa fa-angle-double-right"></i> Lockscreen</a></li>
                                 <li><a href="../examples/404.html"><i class="fa fa-angle-double-right"></i> 404 Error</a></li>
-                                <li><a href="../examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>                                
+                                <li><a href="../examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>
                                 <li><a href="../examples/blank.html"><i class="fa fa-angle-double-right"></i> Blank Page</a></li>
                             </ul>
                         </li>
@@ -386,7 +386,7 @@
             </aside>
 
             <!-- Right side column. Contains the navbar and content of the page -->
-            <aside class="right-side">                
+            <aside class="right-side">
                 <!-- Content Header (Page header) -->
                 <section class="content-header">
                     <h1>
@@ -401,7 +401,7 @@
 
                 <!-- Main content -->
                 <section class="content">
-                 
+
 
                 </section><!-- /.content -->
             </aside><!-- /.right-side -->
@@ -414,6 +414,7 @@
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
     </body>
-</html>
+</html>

pages/forms/general.html

@@ -608,31 +608,31 @@
                                         </div>
 
                                         <!-- checkbox -->
-                                        <div class="form-group"> 
+                                        <div class="form-group">
                                             <div class="checkbox">
                                                 <label>
                                                     <input type="checkbox"/>
                                                     Checkbox 1
-                                                </label>                                                
+                                                </label>
                                             </div>
 
                                             <div class="checkbox">
                                                 <label>
                                                     <input type="checkbox"/>
                                                     Checkbox 2
-                                                </label>                                                
+                                                </label>
                                             </div>
 
                                             <div class="checkbox">
                                                 <label>
                                                     <input type="checkbox" disabled/>
                                                     Checkbox disabled
-                                                </label>                                                
+                                                </label>
                                             </div>
                                         </div>
 
                                         <!-- radio -->
-                                        <div class="form-group"> 
+                                        <div class="form-group">
                                             <div class="radio">
                                                 <label>
                                                     <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
@@ -711,5 +711,7 @@
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>        
     </body>
-</html>
+</html>

pages/mailbox.html

@@ -451,12 +451,12 @@
                                                 </div>
                                                 <div class="col-sm-6 search-form">
                                                     <form action="#" class="text-right">
-                                                        <div class="input-group">                                                            
+                                                        <div class="input-group">
                                                             <input type="text" class="form-control input-sm" placeholder="Search">
                                                             <div class="input-group-btn">
                                                                 <button type="submit" name="q" class="btn btn-sm btn-primary"><i class="fa fa-search"></i></button>
                                                             </div>
-                                                        </div>                                                     
+                                                        </div>
                                                     </form>
                                                 </div>
                                             </div><!-- /.row -->
@@ -593,7 +593,7 @@
                             <div class="form-group">
                                 <textarea name="message" id="email_message" class="form-control" placeholder="Message" style="height: 120px;"></textarea>
                             </div>
-                            <div class="form-group">                                
+                            <div class="form-group">
                                 <div class="btn btn-success btn-file">
                                     <i class="fa fa-paperclip"></i> Attachment
                                     <input type="file" name="attachment"/>
@@ -619,6 +619,8 @@
         <script src="../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
+        <!-- AdminLTE for demo purposes -->
+        <script src="../js/AdminLTE/demo.js" type="text/javascript"></script>        
         <!-- Bootstrap WYSIHTML5 -->
         <script src="../jsplugins//bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
         <!-- iCheck -->
@@ -670,4 +672,4 @@
         </script>
 
     </body>
-</html>
+</html>

pages/tables/data.html

@@ -272,7 +272,7 @@
         </header>
         <div class="wrapper row-offcanvas row-offcanvas-left">
             <!-- Left side column. contains the logo and sidebar -->
-            <aside class="left-side sidebar-offcanvas">                
+            <aside class="left-side sidebar-offcanvas">
                 <!-- sidebar: style can be found in sidebar.less -->
                 <section class="sidebar">
                     <!-- Sidebar user panel -->
@@ -342,7 +342,7 @@
                             <ul class="treeview-menu">
                                 <li><a href="../forms/general.html"><i class="fa fa-angle-double-right"></i> General Elements</a></li>
                                 <li><a href="../forms/advanced.html"><i class="fa fa-angle-double-right"></i> Advanced Elements</a></li>
-                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>                                
+                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>
                             </ul>
                         </li>
                         <li class="treeview active">
@@ -378,7 +378,7 @@
                                 <li><a href="../examples/register.html"><i class="fa fa-angle-double-right"></i> Register</a></li>
                                 <li><a href="../examples/lockscreen.html"><i class="fa fa-angle-double-right"></i> Lockscreen</a></li>
                                 <li><a href="../examples/404.html"><i class="fa fa-angle-double-right"></i> 404 Error</a></li>
-                                <li><a href="../examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>                                
+                                <li><a href="../examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>
                                 <li><a href="../examples/blank.html"><i class="fa fa-angle-double-right"></i> Blank Page</a></li>
                             </ul>
                         </li>
@@ -388,7 +388,7 @@
             </aside>
 
             <!-- Right side column. Contains the navbar and content of the page -->
-            <aside class="right-side">                
+            <aside class="right-side">
                 <!-- Content Header (Page header) -->
                 <section class="content-header">
                     <h1>
@@ -408,7 +408,7 @@
                         <div class="col-xs-12">
                             <div class="box">
                                 <div class="box-header">
-                                    <h3 class="box-title">Hover Data Table</h3>                                    
+                                    <h3 class="box-title">Hover Data Table</h3>
                                 </div><!-- /.box-header -->
                                 <div class="box-body table-responsive">
                                     <table id="example2" class="table table-bordered table-hover">
@@ -838,10 +838,10 @@
                                     </table>
                                 </div><!-- /.box-body -->
                             </div><!-- /.box -->
-                            
+
                             <div class="box">
                                 <div class="box-header">
-                                    <h3 class="box-title">Data Table With Full Features</h3>                                    
+                                    <h3 class="box-title">Data Table With Full Features</h3>
                                 </div><!-- /.box-header -->
                                 <div class="box-body table-responsive">
                                     <table id="example1" class="table table-bordered table-striped">
@@ -1288,7 +1288,8 @@
         <script src="../../js/plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
         <!-- page script -->
         <script type="text/javascript">
             $(function() {
@@ -1305,4 +1306,4 @@
         </script>
 
     </body>
-</html>
+</html>

pages/tables/empty.html

@@ -270,7 +270,7 @@
         </header>
         <div class="wrapper row-offcanvas row-offcanvas-left">
             <!-- Left side column. contains the logo and sidebar -->
-            <aside class="left-side sidebar-offcanvas">                
+            <aside class="left-side sidebar-offcanvas">
                 <!-- sidebar: style can be found in sidebar.less -->
                 <section class="sidebar">
                     <!-- Sidebar user panel -->
@@ -340,7 +340,7 @@
                             <ul class="treeview-menu">
                                 <li><a href="../forms/general.html"><i class="fa fa-angle-double-right"></i> General Elements</a></li>
                                 <li><a href="../forms/advanced.html"><i class="fa fa-angle-double-right"></i> Advanced Elements</a></li>
-                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>                                
+                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>
                             </ul>
                         </li>
                         <li class="treeview">
@@ -376,7 +376,7 @@
                                 <li><a href="../examples/register.html"><i class="fa fa-angle-double-right"></i> Register</a></li>
                                 <li><a href="../examples/lockscreen.html"><i class="fa fa-angle-double-right"></i> Lockscreen</a></li>
                                 <li><a href="../examples/404.html"><i class="fa fa-angle-double-right"></i> 404 Error</a></li>
-                                <li><a href="../examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>                                
+                                <li><a href="../examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>
                                 <li><a href="../examples/blank.html"><i class="fa fa-angle-double-right"></i> Blank Page</a></li>
                             </ul>
                         </li>
@@ -386,7 +386,7 @@
             </aside>
 
             <!-- Right side column. Contains the navbar and content of the page -->
-            <aside class="right-side">                
+            <aside class="right-side">
                 <!-- Content Header (Page header) -->
                 <section class="content-header">
                     <h1>
@@ -414,6 +414,7 @@
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
     </body>
-</html>
+</html>

pages/tables/simple.html

@@ -270,7 +270,7 @@
         </header>
         <div class="wrapper row-offcanvas row-offcanvas-left">
             <!-- Left side column. contains the logo and sidebar -->
-            <aside class="left-side sidebar-offcanvas">                
+            <aside class="left-side sidebar-offcanvas">
                 <!-- sidebar: style can be found in sidebar.less -->
                 <section class="sidebar">
                     <!-- Sidebar user panel -->
@@ -340,7 +340,7 @@
                             <ul class="treeview-menu">
                                 <li><a href="../forms/general.html"><i class="fa fa-angle-double-right"></i> General Elements</a></li>
                                 <li><a href="../forms/advanced.html"><i class="fa fa-angle-double-right"></i> Advanced Elements</a></li>
-                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>                                
+                                <li><a href="../forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>
                             </ul>
                         </li>
                         <li class="treeview active">
@@ -376,7 +376,7 @@
                                 <li><a href="../examples/register.html"><i class="fa fa-angle-double-right"></i> Register</a></li>
                                 <li><a href="../examples/lockscreen.html"><i class="fa fa-angle-double-right"></i> Lockscreen</a></li>
                                 <li><a href="../examples/404.html"><i class="fa fa-angle-double-right"></i> 404 Error</a></li>
-                                <li><a href="../examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>                                
+                                <li><a href="../examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>
                                 <li><a href="../examples/blank.html"><i class="fa fa-angle-double-right"></i> Blank Page</a></li>
                             </ul>
                         </li>
@@ -386,7 +386,7 @@
             </aside>
 
             <!-- Right side column. Contains the navbar and content of the page -->
-            <aside class="right-side">                
+            <aside class="right-side">
                 <!-- Content Header (Page header) -->
                 <section class="content-header">
                     <h1>
@@ -704,7 +704,7 @@
                             </div><!-- /.box -->
                         </div>
                     </div>
-                </section><!-- /.content -->                
+                </section><!-- /.content -->
             </aside><!-- /.right-side -->
         </div><!-- ./wrapper -->
 
@@ -715,6 +715,7 @@
         <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
     </body>
-</html>
+</html>

pages/widgets.html

@@ -660,7 +660,7 @@
                                         amber, microbrewery abbey hydrometer, brewpub ale lauter tun saccharification oxidized barrel.
                                         berliner weisse wort chiller adjunct hydrometer alcohol aau!
                                         sour/acidic sour/acidic chocolate malt ipa ipa hydrometer.
-                                    </p>                                    
+                                    </p>
                                 </div><!-- /.box-body -->
                                 <!-- Loading (remove the following to stop the loading)-->
                                 <div class="overlay"></div>
@@ -676,7 +676,7 @@
                                     <h3 class="box-title">Success Box (toggle buttons)</h3>
                                     <div class="box-tools pull-right">
                                         <div class="btn-group" data-toggle="btn-toggle">
-                                            <button type="button" class="btn btn-success btn-xs active" data-toggle="on">Left</button>                                            
+                                            <button type="button" class="btn btn-success btn-xs active" data-toggle="on">Left</button>
                                             <button type="button" class="btn btn-success btn-xs" data-toggle="off">Right</button>
                                         </div>
                                     </div>
@@ -933,7 +933,7 @@
                             <!-- Success box -->
                             <div class="box box-solid bg-green">
                                 <div class="box-header">
-                                    <h3 class="box-title">Success Tile</h3>                                    
+                                    <h3 class="box-title">Success Tile</h3>
                                 </div>
                                 <div class="box-body">
                                     Box class: <code>.box.box-solid.bg-green</code>
@@ -950,7 +950,7 @@
                             <!-- Warning box -->
                             <div class="box box-solid bg-yellow">
                                 <div class="box-header">
-                                    <h3 class="box-title">Warning Tile</h3>                                    
+                                    <h3 class="box-title">Warning Tile</h3>
                                 </div>
                                 <div class="box-body">
                                     Box class: <code>.box.box-solid.bg-yellow</code>
@@ -1014,7 +1014,7 @@
                                 </div><!-- /.box-body -->
                             </div><!-- /.box -->
                         </div><!-- /.col -->
-                    </div><!-- /.row -->                                      
+                    </div><!-- /.row -->
 
                 </section><!-- /.content -->
             </aside><!-- /.right-side -->
@@ -1027,6 +1027,7 @@
         <script src="../js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
         <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
-
+        <!-- AdminLTE for demo purposes -->
+        <script src="../js/AdminLTE/demo.js" type="text/javascript"></script>
     </body>
-</html>
+</html>