diff --git a/empty.html b/empty.html
index cd1caa8e3..38685b720 100644
--- a/empty.html
+++ b/empty.html
@@ -5,11 +5,11 @@
         <title>AdminLTE | Dashboard</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -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="pages/forms/general.html"><i class="fa fa-angle-double-right"></i> General Elements</a></li>
                                 <li><a href="pages/forms/advanced.html"><i class="fa fa-angle-double-right"></i> Advanced Elements</a></li>
-                                <li><a href="pages/forms/editors.html"><i class="fa fa-angle-double-right"></i> Editors</a></li>                                
+                                <li><a href="pages/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="pages/examples/register.html"><i class="fa fa-angle-double-right"></i> Register</a></li>
                                 <li><a href="pages/examples/lockscreen.html"><i class="fa fa-angle-double-right"></i> Lockscreen</a></li>
                                 <li><a href="pages/examples/404.html"><i class="fa fa-angle-double-right"></i> 404 Error</a></li>
-                                <li><a href="pages/examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>                                
+                                <li><a href="pages/examples/500.html"><i class="fa fa-angle-double-right"></i> 500 Error</a></li>
                                 <li><a href="pages/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>
@@ -411,9 +411,9 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="js/plugins/bootstrap.min.js" type="text/javascript"></script>
+        <script src="bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="js/plugins/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="js/app.js" type="text/javascript"></script>
 
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/index.html b/index.html
index 2388fcaa7..0a32d4880 100644
--- a/index.html
+++ b/index.html
@@ -5,21 +5,23 @@
         <title>AdminLTE | Dashboard</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Morris chart -->
-        <link href="css/morris/morris.css" rel="stylesheet" type="text/css" />
+        <link href="bower_components/morrisjs/morris.css" rel="stylesheet" type="text/css" />
         <!-- jvectormap -->
-        <link href="css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
+        <link href="bower_components/bower-jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
         <!-- fullCalendar -->
-        <link href="css/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css" />
+        <link href="bower_components/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css" />
         <!-- Daterange picker -->
-        <link href="css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
+        <link href="bower_components/bootstrap-daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
         <!-- bootstrap wysihtml5 - text editor -->
-        <link href="css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
+        <link href="bower_components/bootstrap3-wysihtml5-bower/dist/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
+        <!-- iCheck -->
+        <link href="bower_components/iCheck/skins/minimal/_all.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -495,7 +497,7 @@
                     <!-- top row -->
                     <div class="row">
                         <div class="col-xs-12 connectedSortable">
-                            
+
                         </div><!-- /.col -->
                     </div>
                     <!-- /.row -->
@@ -503,7 +505,7 @@
                     <!-- Main row -->
                     <div class="row">
                         <!-- Left col -->
-                        <section class="col-lg-6 connectedSortable"> 
+                        <section class="col-lg-6 connectedSortable">
                             <!-- Box (with bar chart) -->
                             <div class="box box-danger" id="loading-example">
                                 <div class="box-header">
@@ -581,8 +583,8 @@
                                         </div><!-- ./col -->
                                     </div><!-- /.row -->
                                 </div><!-- /.box-footer -->
-                            </div><!-- /.box -->        
-                            
+                            </div><!-- /.box -->
+
                             <!-- Custom tabs (Charts with tabs)-->
                             <div class="nav-tabs-custom">
                                 <!-- Tabs within a box -->
@@ -597,13 +599,13 @@
                                     <div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;"></div>
                                 </div>
                             </div><!-- /.nav-tabs-custom -->
-                                                
+
                             <!-- Calendar -->
                             <div class="box box-warning">
                                 <div class="box-header">
                                     <i class="fa fa-calendar"></i>
                                     <div class="box-title">Calendar</div>
-                                    
+
                                     <!-- tools box -->
                                     <div class="pull-right box-tools">
                                         <!-- button with a dropdown -->
@@ -616,7 +618,7 @@
                                                 <li><a href="#">View calendar</a></li>
                                             </ul>
                                         </div>
-                                    </div><!-- /. tools -->                                    
+                                    </div><!-- /. tools -->
                                 </div><!-- /.box-header -->
                                 <div class="box-body no-padding">
                                     <!--The calendar -->
@@ -659,7 +661,7 @@
                             <div class="box box-primary">
                                 <div class="box-header">
                                     <!-- tools box -->
-                                    <div class="pull-right box-tools">                                        
+                                    <div class="pull-right box-tools">
                                         <button class="btn btn-primary btn-sm daterange pull-right" data-toggle="tooltip" title="Date range"><i class="fa fa-calendar"></i></button>
                                         <button class="btn btn-primary btn-sm pull-right" data-widget='collapse' data-toggle="tooltip" title="Collapse" style="margin-right: 5px;"><i class="fa fa-minus"></i></button>
                                     </div><!-- /. tools -->
@@ -732,7 +734,7 @@
                                     <h3 class="box-title"><i class="fa fa-comments-o"></i> Chat</h3>
                                     <div class="box-tools pull-right" data-toggle="tooltip" title="Status">
                                         <div class="btn-group" data-toggle="btn-toggle" >
-                                            <button type="button" class="btn btn-default btn-sm active"><i class="fa fa-square text-green"></i></button>                                            
+                                            <button type="button" class="btn btn-default btn-sm active"><i class="fa fa-square text-green"></i></button>
                                             <button type="button" class="btn btn-default btn-sm"><i class="fa fa-square text-red"></i></button>
                                         </div>
                                     </div>
@@ -819,9 +821,9 @@
                                             <span class="handle">
                                                 <i class="fa fa-ellipsis-v"></i>
                                                 <i class="fa fa-ellipsis-v"></i>
-                                            </span>  
+                                            </span>
                                             <!-- checkbox -->
-                                            <input type="checkbox" value="" name=""/>                                            
+                                            <input type="checkbox" value="" name=""/>
                                             <!-- todo text -->
                                             <span class="text">Design a nice theme</span>
                                             <!-- Emphasis label -->
@@ -836,7 +838,7 @@
                                             <span class="handle">
                                                 <i class="fa fa-ellipsis-v"></i>
                                                 <i class="fa fa-ellipsis-v"></i>
-                                            </span>                                            
+                                            </span>
                                             <input type="checkbox" value="" name=""/>
                                             <span class="text">Make the theme responsive</span>
                                             <small class="label label-info"><i class="fa fa-clock-o"></i> 4 hours</small>
@@ -917,36 +919,38 @@
         <!-- 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 -->
-        <script src="js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
+        <script src="bower_components/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
         <!-- Bootstrap -->
-        <script src="js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- Morris.js charts -->
         <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
-        <script src="js/plugins/morris/morris.min.js" type="text/javascript"></script>
+        <script src="bower_components/morrisjs/morris.min.js" type="text/javascript"></script>
         <!-- Sparkline -->
-        <script src="js/plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script>
+        <script src="bower_components/sparkline/index.js" type="text/javascript"></script>
         <!-- jvectormap -->
-        <script src="js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script>
-        <script src="js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script>
+        <script src="bower_components/bower-jvectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script>
+        <script src="bower_components/bower-jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script>
+        <!-- moment -->
+        <script src="bower_components/moment/min/moment-with-langs.min.js" type="text/javascript"></script>
         <!-- fullCalendar -->
-        <script src="js/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
+        <script src="bower_components/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
         <!-- jQuery Knob Chart -->
-        <script src="js/plugins/jqueryKnob/jquery.knob.js" type="text/javascript"></script>
+        <script src="bower_components/jquery-knob/dist/jquery.knob.min.js" type="text/javascript"></script>
         <!-- daterangepicker -->
-        <script src="js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
+        <script src="bower_components/bootstrap-daterangepicker/daterangepicker.js" type="text/javascript"></script>
         <!-- Bootstrap WYSIHTML5 -->
-        <script src="js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
+        <script src="bower_components/bootstrap3-wysihtml5-bower/dist/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
         <!-- iCheck -->
-        <script src="js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>
+        <script src="bower_components/iCheck/icheck.min.js" type="text/javascript"></script>
 
         <!-- AdminLTE App -->
-        <script src="js/AdminLTE/app.js" type="text/javascript"></script>
-        
+        <script src="js/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/dashboard.js" type="text/javascript"></script>
+
         <!-- AdminLTE for demo purposes -->
-        <script src="js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="js/demo.js" type="text/javascript"></script>
 
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/pages/UI/buttons.html b/pages/UI/buttons.html
index 73bcd15bf..f6adf3094 100644
--- a/pages/UI/buttons.html
+++ b/pages/UI/buttons.html
@@ -5,11 +5,13 @@
         <title>AdminLTE | Dashboard</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <!-- Social buttons -->
+        <link href="../../bower_components/bootstrap-social/bootstrap-social.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -1266,10 +1268,10 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
     </body>
 </html>
diff --git a/pages/UI/empty.html b/pages/UI/empty.html
index ee2635414..e39c4b16e 100644
--- a/pages/UI/empty.html
+++ b/pages/UI/empty.html
@@ -5,11 +5,11 @@
         <title>AdminLTE | Dashboard</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -411,10 +411,10 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
     </body>
 </html>
diff --git a/pages/UI/general.html b/pages/UI/general.html
index c8db5ecf8..87fbe39fd 100644
--- a/pages/UI/general.html
+++ b/pages/UI/general.html
@@ -5,11 +5,11 @@
         <title>AdminLTE | General UI</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -981,10 +981,10 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
     </body>
 </html>
diff --git a/pages/UI/icons.html b/pages/UI/icons.html
index 83c82b774..741cdfce5 100644
--- a/pages/UI/icons.html
+++ b/pages/UI/icons.html
@@ -5,11 +5,11 @@
         <title>AdminLTE | Dashboard</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
         <!-- demo style -->
@@ -2172,10 +2172,10 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
     </body>
 </html>
diff --git a/pages/UI/jquery-ui.html b/pages/UI/jquery-ui.html
index 8748af471..b3933d3c8 100644
--- a/pages/UI/jquery-ui.html
+++ b/pages/UI/jquery-ui.html
@@ -5,11 +5,11 @@
         <title>AdminLTE | Dashboard</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- jQuery UI -->
         <link href="../../css/jQueryUI/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
@@ -497,11 +497,11 @@
         <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>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
         <script>
             $(function() {
                 $("#accordion").accordion();
diff --git a/pages/UI/sliders.html b/pages/UI/sliders.html
index a9b3ddd70..6a3de2c1c 100644
--- a/pages/UI/sliders.html
+++ b/pages/UI/sliders.html
@@ -5,17 +5,17 @@
         <title>AdminLTE | UI Sliders</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Ion Slider -->
-        <link href="../../css/ionslider/ion.rangeSlider.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionslider/css/ion.rangeSlider.css" rel="stylesheet" type="text/css" />
         <!-- ion slider Nice -->
-        <link href="../../css/ionslider/ion.rangeSlider.skinNice.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionslider/css/ion.rangeSlider.skinNice.css" rel="stylesheet" type="text/css" />
         <!-- bootstrap slider -->
-        <link href="../../css/bootstrap-slider/slider.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/seiyria-bootstrap-slider/dist/css/bootstrap-slider.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -485,16 +485,16 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
         <!-- Ion Slider -->
-        <script src="../../js/plugins/ionslider/ion.rangeSlider.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/ionslider/js/ion.rangeSlider.min.js" type="text/javascript"></script>
 
         <!-- Bootstrap slider -->
-        <script src="../../js/plugins/bootstrap-slider/bootstrap-slider.js" type="text/javascript"></script>
+        <script src="../../bower_components/seiyria-bootstrap-slider/dist/bootstrap-slider.min.js" type="text/javascript"></script>
 
         <script type="text/javascript">
             $(function() {
diff --git a/pages/UI/timeline.html b/pages/UI/timeline.html
index 457dfa49c..95ece17d8 100644
--- a/pages/UI/timeline.html
+++ b/pages/UI/timeline.html
@@ -5,11 +5,11 @@
         <title>AdminLTE | Timeline</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -559,10 +559,10 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
     </body>
 </html>
diff --git a/pages/calendar.html b/pages/calendar.html
index 5235b2179..dd99ca706 100644
--- a/pages/calendar.html
+++ b/pages/calendar.html
@@ -5,14 +5,16 @@
         <title>AdminLTE | Calendar</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <!-- iCheck -->
+        <link href="../bower_components/iCheck/skins/minimal/_all.css" rel="stylesheet" type="text/css" />
         <!-- fullCalendar -->
-        <link href="../css/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css" />
-        <link href="../css/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" media='print' />
+        <link href="../bower_components/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css" />
+        <link href="../bower_components/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" media='print' />
         <!-- Theme style -->
         <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -473,15 +475,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 -->
-        <script src="../js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
+        <script src="../bower_components/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
         <!-- Bootstrap -->
-        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../js/AdminLTE/demo.js" type="text/javascript"></script>        
+        <script src="../js/demo.js" type="text/javascript"></script>
         <!-- fullCalendar -->
-        <script src="../js/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
+        <script src="../bower_components/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
         <!-- Page specific script -->
         <script type="text/javascript">
             $(function() {
diff --git a/pages/charts/empty.html b/pages/charts/empty.html
index e2fe11f9c..d157f86e6 100644
--- a/pages/charts/empty.html
+++ b/pages/charts/empty.html
@@ -5,11 +5,11 @@
         <title>AdminLTE | Dashboard</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -411,10 +411,10 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
     </body>
 </html>
diff --git a/pages/charts/flot.html b/pages/charts/flot.html
index f9aee8f3f..96bc4a1c8 100644
--- a/pages/charts/flot.html
+++ b/pages/charts/flot.html
@@ -5,11 +5,11 @@
         <title>AdminLTE | Flot Charts</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -483,19 +483,19 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
         <!-- FLOT CHARTS -->
-        <script src="../../js/plugins/flot/jquery.flot.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/flot/jquery.flot.js" type="text/javascript"></script>
         <!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized -->
-        <script src="../../js/plugins/flot/jquery.flot.resize.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/flot/jquery.flot.resize.js" type="text/javascript"></script>
         <!-- FLOT PIE PLUGIN - also used to draw donut charts -->
-        <script src="../../js/plugins/flot/jquery.flot.pie.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/flot/jquery.flot.pie.js" type="text/javascript"></script>
         <!-- FLOT CATEGORIES PLUGIN - Used to draw bar charts -->
-        <script src="../../js/plugins/flot/jquery.flot.categories.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/flot/jquery.flot.categories.js" type="text/javascript"></script>
 
         <!-- Page script -->
         <script type="text/javascript">
diff --git a/pages/charts/inline.html b/pages/charts/inline.html
index f9111f5fa..cbed24e91 100644
--- a/pages/charts/inline.html
+++ b/pages/charts/inline.html
@@ -5,11 +5,11 @@
         <title>AdminLTE | Dashboard</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -670,15 +670,15 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
         <!-- jQuery Knob -->
-        <script src="../../js/plugins/jqueryKnob/jquery.knob.js" type="text/javascript"></script>
+        <script src="../../bower_components/jquery-knob/dist/jquery.knob.min.js" type="text/javascript"></script>
         <!-- Sparkline -->
-        <script src="../../js/plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/sparkline/index.js" type="text/javascript"></script>
 
         <!-- page script -->
         <script type="text/javascript">
diff --git a/pages/charts/morris.html b/pages/charts/morris.html
index d62a12c7f..c3d31f67d 100644
--- a/pages/charts/morris.html
+++ b/pages/charts/morris.html
@@ -5,13 +5,13 @@
         <title>AdminLTE | Morris.js Charts</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Morris charts -->
-        <link href="../../css/morris/morris.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/morrisjs/morris.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -460,16 +460,16 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
 
         <!-- Morris.js charts -->
-        <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
-        <script src="../../js/plugins/morris/morris.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/raphael/raphael-min.js"></script>
+        <script src="../../bower_components/morrisjs/morris.min.js" type="text/javascript"></script>
 
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
         <!-- page script -->
         <script type="text/javascript">
             $(function() {
diff --git a/pages/empty.html b/pages/empty.html
index f747c98d9..099ab3333 100644
--- a/pages/empty.html
+++ b/pages/empty.html
@@ -5,11 +5,11 @@
         <title>AdminLTE | Dashboard</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -441,10 +441,10 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../js/demo.js" type="text/javascript"></script>
     </body>
 </html>
diff --git a/pages/examples/404.html b/pages/examples/404.html
index 03936311a..bef37099a 100644
--- a/pages/examples/404.html
+++ b/pages/examples/404.html
@@ -5,11 +5,11 @@
         <title>AdminLTE | 404 Page not found</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -429,10 +429,10 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
     </body>
 </html>
diff --git a/pages/examples/500.html b/pages/examples/500.html
index 2824998e4..d28c05b9b 100644
--- a/pages/examples/500.html
+++ b/pages/examples/500.html
@@ -5,11 +5,11 @@
         <title>AdminLTE | 500 Error</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -429,10 +429,10 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
     </body>
 </html>
diff --git a/pages/examples/blank.html b/pages/examples/blank.html
index 29d559f87..3f63e9978 100644
--- a/pages/examples/blank.html
+++ b/pages/examples/blank.html
@@ -5,11 +5,11 @@
         <title>AdminLTE | Dashboard</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -412,10 +412,10 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
     </body>
 </html>
diff --git a/pages/examples/invoice.html b/pages/examples/invoice.html
index 32b8f9dbb..494ff37a8 100644
--- a/pages/examples/invoice.html
+++ b/pages/examples/invoice.html
@@ -5,11 +5,11 @@
         <title>AdminLTE | Invoice</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -549,10 +549,10 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
     </body>
 </html>
diff --git a/pages/examples/lockscreen.html b/pages/examples/lockscreen.html
index 44e60dac1..24e5e3495 100644
--- a/pages/examples/lockscreen.html
+++ b/pages/examples/lockscreen.html
@@ -5,9 +5,9 @@
         <title>AdminLTE | Lockscreen</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -20,14 +20,14 @@
     </head>
     <body>
         <!-- Automatic element centering using js -->
-        <div class="center">            
+        <div class="center">
             <div class="headline text-center" id="time">
                 <!-- Time auto generated by js -->
             </div><!-- /.headline -->
-            
+
             <!-- User name -->
             <div class="lockscreen-name">John Doe</div>
-            
+
             <!-- START LOCK SCREEN ITEM -->
             <div class="lockscreen-item">
                 <!-- lockscreen image -->
@@ -37,7 +37,7 @@
                 <!-- /.lockscreen-image -->
 
                 <!-- lockscreen credentials (contains the form) -->
-                <div class="lockscreen-credentials">   
+                <div class="lockscreen-credentials">
 
                     <div class="input-group">
                         <input type="password" class="form-control" placeholder="password" />
@@ -51,13 +51,13 @@
 
             <div class="lockscreen-link">
                 <a href="login.html">Or sign in as a different user</a>
-            </div>            
+            </div>
         </div><!-- /.center -->
 
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
 
         <!-- page script -->
         <script type="text/javascript">
@@ -115,4 +115,4 @@
             }
         </script>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/pages/examples/login.html b/pages/examples/login.html
index da9ef30fe..b2fc59948 100644
--- a/pages/examples/login.html
+++ b/pages/examples/login.html
@@ -5,9 +5,9 @@
         <title>AdminLTE | Log in</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -29,16 +29,16 @@
                     </div>
                     <div class="form-group">
                         <input type="password" name="password" class="form-control" placeholder="Password"/>
-                    </div>          
+                    </div>
                     <div class="form-group">
                         <input type="checkbox" name="remember_me"/> Remember me
                     </div>
                 </div>
-                <div class="footer">                                                               
-                    <button type="submit" class="btn bg-olive btn-block">Sign me in</button>  
-                    
+                <div class="footer">
+                    <button type="submit" class="btn bg-olive btn-block">Sign me in</button>
+
                     <p><a href="#">I forgot my password</a></p>
-                    
+
                     <a href="register.html" class="text-center">Register a new membership</a>
                 </div>
             </form>
@@ -57,7 +57,7 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>        
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
 
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/pages/examples/register.html b/pages/examples/register.html
index 71e479334..e9b7d738b 100644
--- a/pages/examples/register.html
+++ b/pages/examples/register.html
@@ -5,9 +5,9 @@
         <title>AdminLTE | Registration Page</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -37,7 +37,7 @@
                         <input type="password" name="password2" class="form-control" placeholder="Retype password"/>
                     </div>
                 </div>
-                <div class="footer">                    
+                <div class="footer">
 
                     <button type="submit" class="btn bg-olive btn-block">Sign me up</button>
 
@@ -59,7 +59,7 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
 
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/pages/forms/advanced.html b/pages/forms/advanced.html
index 805e46b1b..d3e17e89a 100644
--- a/pages/forms/advanced.html
+++ b/pages/forms/advanced.html
@@ -5,19 +5,19 @@
         <title>AdminLTE | Advanced form elements</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- daterange picker -->
-        <link href="../../css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap-daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
         <!-- iCheck for checkboxes and radio inputs -->
-        <link href="../../css/iCheck/all.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/iCheck/skins/all.css" rel="stylesheet" type="text/css" />
         <!-- Bootstrap Color Picker -->
-        <link href="../../css/colorpicker/bootstrap-colorpicker.min.css" rel="stylesheet"/>
+        <link href="../../bower_components/mjolnic-bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css" rel="stylesheet"/>
         <!-- Bootstrap time Picker -->
-        <link href="../../css/timepicker/bootstrap-timepicker.min.css" rel="stylesheet"/>
+        <link href="../../bower_components/bootstrap3-datetimepicker/build/css/bootstrap-datetimepicker.min.css" rel="stylesheet"/>
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -666,21 +666,21 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- InputMask -->
-        <script src="../../js/plugins/input-mask/jquery.inputmask.js" type="text/javascript"></script>
-        <script src="../../js/plugins/input-mask/jquery.inputmask.date.extensions.js" type="text/javascript"></script>
-        <script src="../../js/plugins/input-mask/jquery.inputmask.extensions.js" type="text/javascript"></script>
+        <script src="../../bower_components/jquery.inputmask/dist/jquery.inputmask.bundle.min.js" type="text/javascript"></script>
+        <!-- moment -->
+        <script src="../../bower_components/moment/min/moment-with-langs.min.js" type="text/javascript"></script>
         <!-- date-range-picker -->
-        <script src="../../js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap-daterangepicker/daterangepicker.js" type="text/javascript"></script>
         <!-- bootstrap color picker -->
-        <script src="../../js/plugins/colorpicker/bootstrap-colorpicker.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/mjolnic-bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js" type="text/javascript"></script>
         <!-- bootstrap time picker -->
-        <script src="../../js/plugins/timepicker/bootstrap-timepicker.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap3-datetimepicker/build/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
         <!-- Page script -->
         <script type="text/javascript">
             $(function() {
@@ -736,8 +736,8 @@
                 $(".my-colorpicker2").colorpicker();
 
                 //Timepicker
-                $(".timepicker").timepicker({
-                    showInputs: false
+                $(".timepicker").datetimepicker({
+                    pickDate: false
                 });
             });
         </script>
diff --git a/pages/forms/editors.html b/pages/forms/editors.html
index cb55acc55..b1393c3df 100644
--- a/pages/forms/editors.html
+++ b/pages/forms/editors.html
@@ -5,15 +5,15 @@
         <title>AdminLTE | Dashboard</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <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" />
+        <link href="../../bower_components/bootstrap3-wysihtml5-bower/dist/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:// -->
@@ -453,15 +453,15 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>        
+        <script src="../../js/demo.js" type="text/javascript"></script>
         <!-- CK Editor -->
-        <script src="../../js/plugins/ckeditor/ckeditor.js" type="text/javascript"></script>
+        <script src="../../bower_components/ckeditor/ckeditor.js" type="text/javascript"></script>
         <!-- Bootstrap WYSIHTML5 -->
-        <script src="../../js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap3-wysihtml5-bower/dist/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
         <script type="text/javascript">
             $(function() {
                 // Replace the <textarea id="editor1"> with a CKEditor
diff --git a/pages/forms/empty.html b/pages/forms/empty.html
index 9dea53910..d00141eed 100644
--- a/pages/forms/empty.html
+++ b/pages/forms/empty.html
@@ -5,11 +5,11 @@
         <title>AdminLTE | Dashboard</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -411,10 +411,10 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
     </body>
 </html>
diff --git a/pages/forms/general.html b/pages/forms/general.html
index ea4731b26..c6445df44 100644
--- a/pages/forms/general.html
+++ b/pages/forms/general.html
@@ -5,11 +5,13 @@
         <title>AdminLTE | Dashboard</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <!-- iCheck -->
+        <link href="../../bower_components/iCheck/skins/minimal/_all.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -708,10 +710,10 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>        
+        <script src="../../js/demo.js" type="text/javascript"></script>
     </body>
 </html>
diff --git a/pages/mailbox.html b/pages/mailbox.html
index a93f51927..3dd1872af 100644
--- a/pages/mailbox.html
+++ b/pages/mailbox.html
@@ -5,15 +5,15 @@
         <title>AdminLTE | Mailbox</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- bootstrap wysihtml5 - text editor -->
-        <link href="../css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
+        <link href="../bower_components/bootstrap3-wysihtml5-bower/dist/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
         <!-- iCheck for checkboxes and radio inputs -->
-        <link href="../css/iCheck/minimal/blue.css" rel="stylesheet" type="text/css" />
+        <link href="../bower_components/iCheck/skins/minimal/blue.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -616,15 +616,15 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../js/AdminLTE/demo.js" type="text/javascript"></script>        
+        <script src="../js/demo.js" type="text/javascript"></script>
         <!-- Bootstrap WYSIHTML5 -->
-        <script src="../jsplugins//bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
+        <script src="../bower_components/bootstrap3-wysihtml5-bower/dist/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
         <!-- iCheck -->
-        <script src="../jsplugins//iCheck/icheck.min.js" type="text/javascript"></script>
+        <script src="../bower_components/iCheck/icheck.min.js" type="text/javascript"></script>
         <!-- Page script -->
         <script type="text/javascript">
             $(function() {
diff --git a/pages/tables/data.html b/pages/tables/data.html
index 14c4fda3c..6cf962f6c 100644
--- a/pages/tables/data.html
+++ b/pages/tables/data.html
@@ -5,13 +5,13 @@
         <title>AdminLTE | Data Tables</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- DATA TABLES -->
-        <link href="../../css/datatables/dataTables.bootstrap.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/datatables-bootstrap3/BS3/assets/css/datatables.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -1282,14 +1282,14 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- DATA TABES SCRIPT -->
-        <script src="../../js/plugins/datatables/jquery.dataTables.js" type="text/javascript"></script>
-        <script src="../../js/plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>
+        <script src="../../bower_components/datatables/media/js/jquery.dataTables.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/datatables-bootstrap3/BS3/assets/js/datatables.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
         <!-- page script -->
         <script type="text/javascript">
             $(function() {
diff --git a/pages/tables/empty.html b/pages/tables/empty.html
index 0b3c5ee2c..5d0c44b68 100644
--- a/pages/tables/empty.html
+++ b/pages/tables/empty.html
@@ -5,11 +5,11 @@
         <title>AdminLTE | Dashboard</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -411,10 +411,10 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
     </body>
 </html>
diff --git a/pages/tables/simple.html b/pages/tables/simple.html
index 673c948d4..bf6a1e61c 100644
--- a/pages/tables/simple.html
+++ b/pages/tables/simple.html
@@ -5,11 +5,11 @@
         <title>AdminLTE | Simple Tables</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -712,10 +712,10 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../../js/demo.js" type="text/javascript"></script>
     </body>
 </html>
diff --git a/pages/widgets.html b/pages/widgets.html
index c816dfddd..093c35bac 100644
--- a/pages/widgets.html
+++ b/pages/widgets.html
@@ -5,11 +5,11 @@
         <title>AdminLTE | Widgets</title>
         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
         <!-- bootstrap 3.0.2 -->
-        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+        <link href="../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
         <!-- font Awesome -->
-        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
+        <link href="../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
         <!-- Ionicons -->
-        <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
+        <link href="../bower_components/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
         <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />
 
@@ -1024,10 +1024,10 @@
         <!-- jQuery 2.0.2 -->
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
         <!-- Bootstrap -->
-        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
         <!-- AdminLTE App -->
-        <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
+        <script src="../js/app.js" type="text/javascript"></script>
         <!-- AdminLTE for demo purposes -->
-        <script src="../js/AdminLTE/demo.js" type="text/javascript"></script>
+        <script src="../js/demo.js" type="text/javascript"></script>
     </body>
 </html>