diff --git a/index.html b/index.html
index e257bf02c..eda485156 100755
--- a/index.html
+++ b/index.html
@@ -890,7 +890,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <script src="http://code.jquery.com/ui/1.11.2/jquery-ui.min.js" type="text/javascript"></script>
 
     <!-- Morris.js charts -->
diff --git a/pages/UI/buttons.html b/pages/UI/buttons.html
index df3e91eb1..9ea101993 100755
--- a/pages/UI/buttons.html
+++ b/pages/UI/buttons.html
@@ -1320,7 +1320,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- FastClick -->
     <script src='../../plugins/fastclick/fastclick.min.js'></script>
     <!-- AdminLTE App -->
diff --git a/pages/UI/general.html b/pages/UI/general.html
index 8c3ed7663..660b79f39 100755
--- a/pages/UI/general.html
+++ b/pages/UI/general.html
@@ -1118,7 +1118,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- FastClick -->
     <script src='../../plugins/fastclick/fastclick.min.js'></script>
     <!-- AdminLTE App -->
diff --git a/pages/UI/icons.html b/pages/UI/icons.html
index 8938c618a..b0f89d67a 100755
--- a/pages/UI/icons.html
+++ b/pages/UI/icons.html
@@ -2220,7 +2220,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- FastClick -->
     <script src='../../plugins/fastclick/fastclick.min.js'></script>
     <!-- AdminLTE App -->
diff --git a/pages/UI/modals.html b/pages/UI/modals.html
index 1eed215ed..b4a91429f 100644
--- a/pages/UI/modals.html
+++ b/pages/UI/modals.html
@@ -591,7 +591,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- FastClick -->
     <script src='../../plugins/fastclick/fastclick.min.js'></script>
     <!-- AdminLTE App -->
diff --git a/pages/UI/sliders.html b/pages/UI/sliders.html
index 984de7391..f37bbbf3d 100755
--- a/pages/UI/sliders.html
+++ b/pages/UI/sliders.html
@@ -533,7 +533,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- FastClick -->
     <script src='../../plugins/fastclick/fastclick.min.js'></script>
     <!-- AdminLTE App -->
diff --git a/pages/UI/timeline.html b/pages/UI/timeline.html
index caa3fc7b2..5dfe71d6d 100755
--- a/pages/UI/timeline.html
+++ b/pages/UI/timeline.html
@@ -608,7 +608,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- FastClick -->
     <script src='../../plugins/fastclick/fastclick.min.js'></script>
     <!-- AdminLTE App -->
diff --git a/pages/calendar.html b/pages/calendar.html
index bd7e55f34..0146afe2b 100755
--- a/pages/calendar.html
+++ b/pages/calendar.html
@@ -526,7 +526,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <script src="//code.jquery.com/ui/1.11.1/jquery-ui.min.js" type="text/javascript"></script>
     <!-- Slimscroll -->
     <script src="../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
diff --git a/pages/charts/chartjs.html b/pages/charts/chartjs.html
index fe8364ac1..da5ef7045 100644
--- a/pages/charts/chartjs.html
+++ b/pages/charts/chartjs.html
@@ -399,7 +399,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
 
     <!-- Morris.js charts -->
     <script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
diff --git a/pages/charts/flot.html b/pages/charts/flot.html
index b13165e92..de7c8c1b0 100755
--- a/pages/charts/flot.html
+++ b/pages/charts/flot.html
@@ -531,7 +531,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- FastClick -->
     <script src='../../plugins/fastclick/fastclick.min.js'></script>
     <!-- AdminLTE App -->
diff --git a/pages/charts/inline.html b/pages/charts/inline.html
index c093caa5d..3cc8bea9b 100755
--- a/pages/charts/inline.html
+++ b/pages/charts/inline.html
@@ -718,7 +718,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- SlimScroll 1.3.0 -->
     <script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
     <!-- FastClick -->
diff --git a/pages/charts/morris.html b/pages/charts/morris.html
index 459d80399..3609de97a 100755
--- a/pages/charts/morris.html
+++ b/pages/charts/morris.html
@@ -511,7 +511,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
 
     <!-- Morris.js charts -->
     <script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
diff --git a/pages/examples/404.html b/pages/examples/404.html
index 62ede8c13..a42ba9d68 100755
--- a/pages/examples/404.html
+++ b/pages/examples/404.html
@@ -476,7 +476,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- FastClick -->
     <script src='../../plugins/fastclick/fastclick.min.js'></script>
     <!-- AdminLTE App -->
diff --git a/pages/examples/500.html b/pages/examples/500.html
index 9f266055c..4261b72eb 100755
--- a/pages/examples/500.html
+++ b/pages/examples/500.html
@@ -477,7 +477,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- FastClick -->
     <script src='../../plugins/fastclick/fastclick.min.js'></script>
     <!-- AdminLTE App -->
diff --git a/pages/examples/blank.html b/pages/examples/blank.html
index 1984763f9..4b3dc71ca 100755
--- a/pages/examples/blank.html
+++ b/pages/examples/blank.html
@@ -375,7 +375,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- SlimScroll -->
     <script src="../../plugins/slimScroll/jquery.slimScroll.min.js" type="text/javascript"></script>
     <!-- FastClick -->
diff --git a/pages/examples/invoice.html b/pages/examples/invoice.html
index 1870556a9..13d582393 100755
--- a/pages/examples/invoice.html
+++ b/pages/examples/invoice.html
@@ -597,7 +597,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- FastClick -->
     <script src='../../plugins/fastclick/fastclick.min.js'></script>
     <!-- AdminLTE App -->
diff --git a/pages/examples/lockscreen.html b/pages/examples/lockscreen.html
index 2f1170468..1281e60cf 100755
--- a/pages/examples/lockscreen.html
+++ b/pages/examples/lockscreen.html
@@ -57,6 +57,6 @@
     </div><!-- /.center -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/pages/examples/login.html b/pages/examples/login.html
index 61b57040d..4dd723585 100755
--- a/pages/examples/login.html
+++ b/pages/examples/login.html
@@ -61,7 +61,7 @@
     </div><!-- /.login-box -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- iCheck -->
     <script src="../../plugins/iCheck/icheck.min.js" type="text/javascript"></script>
     <script>
diff --git a/pages/examples/register.html b/pages/examples/register.html
index 7c5e9de18..b3bfbf959 100755
--- a/pages/examples/register.html
+++ b/pages/examples/register.html
@@ -68,7 +68,7 @@
     </div><!-- /.register-box -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- iCheck -->
     <script src="../../plugins/iCheck/icheck.min.js" type="text/javascript"></script>
     <script>
diff --git a/pages/forms/advanced.html b/pages/forms/advanced.html
index bfa64f348..a4749d889 100755
--- a/pages/forms/advanced.html
+++ b/pages/forms/advanced.html
@@ -717,7 +717,7 @@
 
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- InputMask -->
     <script src="../../plugins/input-mask/jquery.inputmask.js" type="text/javascript"></script>
     <script src="../../plugins/input-mask/jquery.inputmask.date.extensions.js" type="text/javascript"></script>
diff --git a/pages/forms/editors.html b/pages/forms/editors.html
index 41b393b49..fb045b3e6 100755
--- a/pages/forms/editors.html
+++ b/pages/forms/editors.html
@@ -499,7 +499,7 @@
 
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- FastClick -->
     <script src='../../plugins/fastclick/fastclick.min.js'></script>
     <!-- AdminLTE App -->
diff --git a/pages/forms/general.html b/pages/forms/general.html
index 7105852b5..ef1eb9002 100755
--- a/pages/forms/general.html
+++ b/pages/forms/general.html
@@ -758,7 +758,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- FastClick -->
     <script src='../../plugins/fastclick/fastclick.min.js'></script>
     <!-- AdminLTE App -->
diff --git a/pages/layout/boxed.html b/pages/layout/boxed.html
index f5d495676..5ce201d31 100644
--- a/pages/layout/boxed.html
+++ b/pages/layout/boxed.html
@@ -376,7 +376,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- SlimScroll -->
     <script src="../../plugins/slimScroll/jquery.slimScroll.min.js" type="text/javascript"></script>
     <!-- FastClick -->
diff --git a/pages/layout/collapsed-sidebar.html b/pages/layout/collapsed-sidebar.html
index c2ac4b4b8..b3ccfff05 100644
--- a/pages/layout/collapsed-sidebar.html
+++ b/pages/layout/collapsed-sidebar.html
@@ -379,7 +379,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- SlimScroll -->
     <script src="../../plugins/slimScroll/jquery.slimScroll.min.js" type="text/javascript"></script>
     <!-- FastClick -->
diff --git a/pages/layout/fixed.html b/pages/layout/fixed.html
index 103817246..cc4209427 100644
--- a/pages/layout/fixed.html
+++ b/pages/layout/fixed.html
@@ -379,7 +379,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- SlimScroll -->
     <script src="../../plugins/slimScroll/jquery.slimScroll.min.js" type="text/javascript"></script>
     <!-- FastClick -->
diff --git a/pages/mailbox.html b/pages/mailbox.html
index b4c3c465e..34e8a006e 100755
--- a/pages/mailbox.html
+++ b/pages/mailbox.html
@@ -665,7 +665,7 @@
     </div><!-- /.modal -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <script src="../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
     <!-- FastClick -->
     <script src='../plugins/fastclick/fastclick.min.js'></script>
diff --git a/pages/mailbox/compose.html b/pages/mailbox/compose.html
index b1a67bc3d..fc14ea1e2 100644
--- a/pages/mailbox/compose.html
+++ b/pages/mailbox/compose.html
@@ -393,13 +393,32 @@
                     <input class="form-control" placeholder="Subject:"/>
                   </div>
                   <div class="form-group">
-                    <textarea id="compose-textarea" class="form-control" style="height: 300px"></textarea>
+                    <textarea id="compose-textarea" class="form-control" style="height: 300px">
+                      <h1><u>Heading Of Message</u></h1>
+                      <h4>Subheading</h4>
+                      <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure? On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee</p>
+                      <ul>
+                        <li>List item one</li>
+                        <li>List item two</li>
+                        <li>List item three</li>
+                        <li>List item four</li>
+                      </ul>
+                      <p>Thank you,</p>
+                      <p>John Doe</p>
+                    </textarea>
+                  </div>
+                  <div class="form-group">
+                    <div class="btn btn-default btn-file">
+                      <i class="fa fa-paperclip"></i> Attachment
+                      <input type="file" name="attachment"/>
+                    </div>
+                    <p class="help-block">Max. 32MB</p>
                   </div>
                 </div><!-- /.box-body -->
                 <div class="box-footer">
                   <div class="pull-right">
-                  <button class="btn btn-default"><i class="fa fa-pencil"></i> Draft</button>
-                  <button type="submit" class="btn btn-primary"><i class="fa fa-envelope-o"></i> Send</button>
+                    <button class="btn btn-default"><i class="fa fa-pencil"></i> Draft</button>
+                    <button type="submit" class="btn btn-primary"><i class="fa fa-envelope-o"></i> Send</button>
                   </div>
                   <button class="btn btn-default"><i class="fa fa-times"></i> Discard</button>
                 </div><!-- /.box-footer -->
@@ -417,7 +436,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <script src="//code.jquery.com/ui/1.11.1/jquery-ui.min.js" type="text/javascript"></script>
     <!-- Slimscroll -->
     <script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
diff --git a/pages/mailbox/mailbox.html b/pages/mailbox/mailbox.html
index 18efdc131..a8ff0d23c 100644
--- a/pages/mailbox/mailbox.html
+++ b/pages/mailbox/mailbox.html
@@ -411,123 +411,123 @@
                       <tbody>
                         <tr>
                           <td><input type="checkbox" /></td>
-                          <td><i class="fa fa-star-o text-yellow"></i></td>
-                          <td class="mailbox-name"><a href="">Alexander Pierce</a></td>
+                          <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
+                          <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
                           <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
-                          <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
-                          <td class="mailbox-date">5 Mins ago</td>
+                          <td class="mailbox-attachment"></td>
+                          <td class="mailbox-date">5 mins ago</td>
                         </tr>
                         <tr>
                           <td><input type="checkbox" /></td>
-                          <td><i class="fa fa-star-o text-yellow"></i></td>
-                          <td class="mailbox-name"><a href="">Alexander Pierce</a></td>
+                          <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
+                          <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
                           <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
                           <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
-                          <td class="mailbox-date">5 Mins ago</td>
+                          <td class="mailbox-date">28 mins ago</td>
                         </tr>
                         <tr>
                           <td><input type="checkbox" /></td>
-                          <td><i class="fa fa-star-o text-yellow"></i></td>
-                          <td class="mailbox-name"><a href="">Alexander Pierce</a></td>
+                          <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
+                          <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
                           <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
                           <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
-                          <td class="mailbox-date">5 Mins ago</td>
+                          <td class="mailbox-date">11 hours ago</td>
                         </tr>
                         <tr>
                           <td><input type="checkbox" /></td>
-                          <td><i class="fa fa-star-o text-yellow"></i></td>
-                          <td class="mailbox-name"><a href="">Alexander Pierce</a></td>
+                          <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
+                          <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
                           <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
-                          <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
-                          <td class="mailbox-date">5 Mins ago</td>
+                          <td class="mailbox-attachment"></td>
+                          <td class="mailbox-date">15 hours ago</td>
                         </tr>
                         <tr>
                           <td><input type="checkbox" /></td>
-                          <td><i class="fa fa-star-o text-yellow"></i></td>
-                          <td class="mailbox-name"><a href="">Alexander Pierce</a></td>
+                          <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
+                          <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
                           <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
                           <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
-                          <td class="mailbox-date">5 Mins ago</td>
+                          <td class="mailbox-date">Yesterday</td>
                         </tr>
                         <tr>
                           <td><input type="checkbox" /></td>
-                          <td><i class="fa fa-star-o text-yellow"></i></td>
-                          <td class="mailbox-name"><a href="">Alexander Pierce</a></td>
+                          <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
+                          <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
                           <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
                           <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
-                          <td class="mailbox-date">5 Mins ago</td>
+                          <td class="mailbox-date">2 days ago</td>
                         </tr>
                         <tr>
                           <td><input type="checkbox" /></td>
-                          <td><i class="fa fa-star-o text-yellow"></i></td>
-                          <td class="mailbox-name"><a href="">Alexander Pierce</a></td>
+                          <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
+                          <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
                           <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
                           <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
-                          <td class="mailbox-date">5 Mins ago</td>
+                          <td class="mailbox-date">2 days ago</td>
                         </tr>
                         <tr>
                           <td><input type="checkbox" /></td>
-                          <td><i class="fa fa-star-o text-yellow"></i></td>
-                          <td class="mailbox-name"><a href="">Alexander Pierce</a></td>
+                          <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
+                          <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
                           <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
-                          <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
-                          <td class="mailbox-date">5 Mins ago</td>
+                          <td class="mailbox-attachment"></td>
+                          <td class="mailbox-date">2 days ago</td>
                         </tr>
                         <tr>
                           <td><input type="checkbox" /></td>
-                          <td><i class="fa fa-star-o text-yellow"></i></td>
-                          <td class="mailbox-name"><a href="">Alexander Pierce</a></td>
+                          <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
+                          <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
                           <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
-                          <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
-                          <td class="mailbox-date">5 Mins ago</td>
+                          <td class="mailbox-attachment"></td>
+                          <td class="mailbox-date">2 days ago</td>
                         </tr>
                         <tr>
                           <td><input type="checkbox" /></td>
-                          <td><i class="fa fa-star-o text-yellow"></i></td>
-                          <td class="mailbox-name"><a href="">Alexander Pierce</a></td>
+                          <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
+                          <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
                           <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
-                          <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
-                          <td class="mailbox-date">5 Mins ago</td>
+                          <td class="mailbox-attachment"></td>
+                          <td class="mailbox-date">2 days ago</td>
                         </tr>
                         <tr>
                           <td><input type="checkbox" /></td>
-                          <td><i class="fa fa-star-o text-yellow"></i></td>
-                          <td class="mailbox-name"><a href="">Alexander Pierce</a></td>
+                          <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
+                          <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
                           <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
                           <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
-                          <td class="mailbox-date">5 Mins ago</td>
+                          <td class="mailbox-date">4 days ago</td>
                         </tr>
                         <tr>
                           <td><input type="checkbox" /></td>
-                          <td><i class="fa fa-star-o text-yellow"></i></td>
-                          <td class="mailbox-name"><a href="">Alexander Pierce</a></td>
+                          <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
+                          <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
                           <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
-                          <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
-                          <td class="mailbox-date">5 Mins ago</td>
+                          <td class="mailbox-attachment"></td>
+                          <td class="mailbox-date">12 days ago</td>
                         </tr>
                         <tr>
                           <td><input type="checkbox" /></td>
-                          <td><i class="fa fa-star-o text-yellow"></i></td>
-                          <td class="mailbox-name"><a href="">Alexander Pierce</a></td>
+                          <td class="mailbox-star"><a href="#"><i class="fa fa-star-o text-yellow"></i></a></td>
+                          <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
                           <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
                           <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
-                          <td class="mailbox-date">5 Mins ago</td>
+                          <td class="mailbox-date">12 days ago</td>
                         </tr>
                         <tr>
                           <td><input type="checkbox" /></td>
-                          <td><i class="fa fa-star-o text-yellow"></i></td>
-                          <td class="mailbox-name"><a href="">Alexander Pierce</a></td>
+                          <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
+                          <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
                           <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
                           <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
-                          <td class="mailbox-date">5 Mins ago</td>
+                          <td class="mailbox-date">14 days ago</td>
                         </tr>
                         <tr>
                           <td><input type="checkbox" /></td>
-                          <td><i class="fa fa-star-o text-yellow"></i></td>
-                          <td class="mailbox-name"><a href="">Alexander Pierce</a></td>
+                          <td class="mailbox-star"><a href="#"><i class="fa fa-star text-yellow"></i></a></td>
+                          <td class="mailbox-name"><a href="read-mail.html">Alexander Pierce</a></td>
                           <td class="mailbox-subject"><b>AdminLTE 2.0 Issue</b> - Trying to find a solution to this problem...</td>
                           <td class="mailbox-attachment"><i class="fa fa-paperclip"></i></td>
-                          <td class="mailbox-date">5 Mins ago</td>
+                          <td class="mailbox-date">15 days ago</td>
                         </tr>
                       </tbody>
                     </table><!-- /.table -->
@@ -566,7 +566,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <script src="//code.jquery.com/ui/1.11.1/jquery-ui.min.js" type="text/javascript"></script>
     <!-- Slimscroll -->
     <script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
@@ -602,21 +602,22 @@
         });
 
         //Handle starring for glyphicon and font awesome
-        $(".fa-star, .fa-star-o, .glyphicon-star, .glyphicon-star-empty").click(function (e) {
+        $(".mailbox-star").click(function (e) {
           e.preventDefault();
           //detect type
-          var glyph = $(this).hasClass("glyphicon");
-          var fa = $(this).hasClass("fa");
+          var $this = $(this).find("a > i")
+          var glyph = $this.hasClass("glyphicon");
+          var fa = $this.hasClass("fa");          
 
           //Switch states
           if (glyph) {
-            $(this).toggleClass("glyphicon-star");
-            $(this).toggleClass("glyphicon-star-empty");
+            $this.toggleClass("glyphicon-star");
+            $this.toggleClass("glyphicon-star-empty");
           }
 
           if (fa) {
-            $(this).toggleClass("fa-star");
-            $(this).toggleClass("fa-star-o");
+            $this.toggleClass("fa-star");
+            $this.toggleClass("fa-star-o");
           }
         });
       });
diff --git a/pages/mailbox/read-mail.html b/pages/mailbox/read-mail.html
index 6d34389b7..815b46afa 100644
--- a/pages/mailbox/read-mail.html
+++ b/pages/mailbox/read-mail.html
@@ -380,6 +380,10 @@
               <div class="box box-primary">
                 <div class="box-header with-border">
                   <h3 class="box-title">Read Mail</h3>
+                  <div class="box-tools pull-right">
+                    <a href="#" class="btn btn-box-tool" data-toggle="tooltip" title="Previous"><i class="fa fa-chevron-left"></i></a>
+                    <a href="#" class="btn btn-box-tool" data-toggle="tooltip" title="Next"><i class="fa fa-chevron-right"></i></a>
+                  </div>
                 </div><!-- /.box-header -->
                 <div class="box-body no-padding">
                   <div class="mailbox-read-info">
@@ -388,11 +392,11 @@
                   </div><!-- /.mailbox-read-info -->
                   <div class="mailbox-controls with-border text-center">
                     <div class="btn-group">
-                      <button class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
-                      <button class="btn btn-default btn-sm"><i class="fa fa-reply"></i></button>
-                      <button class="btn btn-default btn-sm"><i class="fa fa-share"></i></button>
+                      <button class="btn btn-default btn-sm" data-toggle="tooltip" title="Delete"><i class="fa fa-trash-o"></i></button>
+                      <button class="btn btn-default btn-sm" data-toggle="tooltip" title="Reply"><i class="fa fa-reply"></i></button>
+                      <button class="btn btn-default btn-sm" data-toggle="tooltip" title="Forward"><i class="fa fa-share"></i></button>
                     </div><!-- /.btn-group -->
-                    <button class="btn btn-default btn-sm"><i class="fa fa-print"></i></button>
+                    <button class="btn btn-default btn-sm" data-toggle="tooltip" title="Print"><i class="fa fa-print"></i></button>
                   </div><!-- /.mailbox-controls -->
                   <div class="mailbox-read-message">
                     <p>Keffiyeh blog actually fashion axe vegan, irony biodiesel. Cold-pressed hoodie chillwave put a bird on it aesthetic, bitters brunch meggings vegan iPhone. Dreamcatcher vegan scenester mlkshk. Ethical master cleanse Bushwick, occupy Thundercats banjo cliche ennui farm-to-table mlkshk fanny pack gluten-free. Marfa butcher vegan quinoa, bicycle rights disrupt tofu scenester chillwave 3 wolf moon asymmetrical taxidermy pour-over. Quinoa tote bag fashion axe, Godard disrupt migas church-key tofu blog locavore. Thundercats cronut polaroid Neutra tousled, meh food truck selfies narwhal American Apparel.</p>
@@ -467,7 +471,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <script src="//code.jquery.com/ui/1.11.1/jquery-ui.min.js" type="text/javascript"></script>
     <!-- Slimscroll -->
     <script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
@@ -476,19 +480,6 @@
     <!-- AdminLTE App -->
     <script src="../../dist/js/app.min.js" type="text/javascript"></script>
     <!-- AdminLTE for demo purposes -->
-    <script src="../../dist/js/demo.js" type="text/javascript"></script>
-    <!-- iCheck -->
-    <script src="../../plugins/iCheck/icheck.min.js" type="text/javascript"></script>
-    <!-- Page Script -->
-    <script>
-      $(function () {
-        //Enable iCheck plugin for checkboxes
-        //iCheck for checkbox and radio inputs
-        $('input[type="checkbox"]').iCheck({
-          checkboxClass: 'icheckbox_flat-blue',
-          radioClass: 'iradio_flat-blue'
-        });
-      });
-    </script>
+    <script src="../../dist/js/demo.js" type="text/javascript"></script>    
   </body>
 </html>
\ No newline at end of file
diff --git a/pages/tables/data.html b/pages/tables/data.html
index 1de66f181..d252175ba 100755
--- a/pages/tables/data.html
+++ b/pages/tables/data.html
@@ -1329,7 +1329,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- DATA TABES SCRIPT -->
     <script src="../../plugins/datatables/jquery.dataTables.js" type="text/javascript"></script>
     <script src="../../plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>
diff --git a/pages/tables/simple.html b/pages/tables/simple.html
index 189633521..a38c64abd 100755
--- a/pages/tables/simple.html
+++ b/pages/tables/simple.html
@@ -760,7 +760,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
     <!-- FastClick -->
     <script src='../../plugins/fastclick/fastclick.min.js'></script>
diff --git a/pages/widgets.html b/pages/widgets.html
index 170bc6044..7b6b3b933 100755
--- a/pages/widgets.html
+++ b/pages/widgets.html
@@ -1073,7 +1073,7 @@
     </div><!-- ./wrapper -->
 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     <script src="../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
     <!-- FastClick -->
     <script src='../plugins/fastclick/fastclick.min.js'></script>