diff --git a/index.html b/index.html
index e257bf02..eda48515 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 df3e91eb..9ea10199 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 8c3ed766..660b79f3 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 8938c618..b0f89d67 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 1eed215e..b4a91429 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 984de739..f37bbbf3 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 caa3fc7b..5dfe71d6 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 bd7e55f3..0146afe2 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 fe8364ac..da5ef704 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 b13165e9..de7c8c1b 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 c093caa5..3cc8bea9 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 459d8039..3609de97 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 62ede8c1..a42ba9d6 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 9f266055..4261b72e 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 1984763f..4b3dc71c 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 1870556a..13d58239 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 2f117046..1281e60c 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 61b57040..4dd72358 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 7c5e9de1..b3bfbf95 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 bfa64f34..a4749d88 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 41b393b4..fb045b3e 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 7105852b..ef1eb900 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 f5d49567..5ce201d3 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 c2ac4b4b..b3ccfff0 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 10381724..cc420942 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 b4c3c465..34e8a006 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 b1a67bc3..fc14ea1e 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 18efdc13..a8ff0d23 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 6d34389b..815b46af 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 1de66f18..d252175b 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 18963352..a38c64ab 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 170bc604..7b6b3b93 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>