From 7a2181964da146b1d2a2ebc2a8dcbbb323072545 Mon Sep 17 00:00:00 2001
From: Dennis Neufeld <info@dennis14e.de>
Date: Sat, 20 Jun 2015 14:40:29 +0200
Subject: [PATCH] Format pages - UI

---
 pages/UI/buttons.html  | 184 ++++++++++++++++----------------
 pages/UI/general.html  | 235 ++++++++++++++++++++---------------------
 pages/UI/icons.html    |  85 ++++++++-------
 pages/UI/modals.html   |  67 ++++++------
 pages/UI/sliders.html  |  80 +++++++-------
 pages/UI/timeline.html |  93 ++++++++--------
 6 files changed, 371 insertions(+), 373 deletions(-)

diff --git a/pages/UI/buttons.html b/pages/UI/buttons.html
index d597f1c34..69135aa28 100644
--- a/pages/UI/buttons.html
+++ b/pages/UI/buttons.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <title>AdminLTE 2 | Dashboard</title>
     <!-- Tell the browser to be responsive to screen width -->
-    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
     <!-- Bootstrap 3.3.4 -->
     <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
     <!-- Font Awesome Icons -->
@@ -60,7 +60,7 @@
                       <li><!-- start message -->
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/>
+                            <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Support Team
@@ -72,7 +72,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             AdminLTE Design Team
@@ -84,7 +84,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Developers
@@ -96,7 +96,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Sales Department
@@ -108,7 +108,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Reviewers
@@ -237,7 +237,7 @@
               <!-- User Account: style can be found in dropdown.less -->
               <li class="dropdown user user-menu">
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                  <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/>
+                  <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" />
                   <span class="hidden-xs">Alexander Pierce</span>
                 </a>
                 <ul class="dropdown-menu">
@@ -298,9 +298,9 @@
           <!-- search form -->
           <form action="#" method="get" class="sidebar-form">
             <div class="input-group">
-              <input type="text" name="q" class="form-control" placeholder="Search..."/>
+              <input type="text" name="q" class="form-control" placeholder="Search..." />
               <span class="input-group-btn">
-                <button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
+                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
               </span>
             </div>
           </form>
@@ -548,17 +548,17 @@
               </div><!-- /.box -->
 
               <!-- Horizontal grouping -->
-              <div class='box'>
-                <div class='box-header'>
-                  <h3 class='box-title'>Horizontal Button Group</h3>
+              <div class="box">
+                <div class="box-header">
+                  <h3 class="box-title">Horizontal Button Group</h3>
                 </div>
-                <div class='box-body table-responsive pad'>
+                <div class="box-body table-responsive pad">
                   <p>
                     Horizontal button groups are easy to create with bootstrap. Just add your buttons
                     inside <code>&lt;div class="btn-group"&gt;&lt;/div&gt;</code>
                   </p>
 
-                  <table class='table table-bordered'>
+                  <table class="table table-bordered">
                     <tr>
                       <th>Button</th>
                       <th>Icons</th>
@@ -576,16 +576,16 @@
                       </td>
                       <td>
                         <div class="btn-group">
-                          <button type="button" class="btn btn-default"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-default"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-default"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-default"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-default"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-default"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
                         <div class="btn-group">
-                          <button type="button" class="btn btn-default btn-flat"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-default btn-flat"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-default btn-flat"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-default btn-flat"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-default btn-flat"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-default btn-flat"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
@@ -616,16 +616,16 @@
                       </td>
                       <td>
                         <div class="btn-group">
-                          <button type="button" class="btn btn-info"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-info"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-info"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-info"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-info"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-info"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
                         <div class="btn-group">
-                          <button type="button" class="btn btn-info btn-flat"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-info btn-flat"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-info btn-flat"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-info btn-flat"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-info btn-flat"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-info btn-flat"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
@@ -656,16 +656,16 @@
                       </td>
                       <td>
                         <div class="btn-group">
-                          <button type="button" class="btn btn-danger"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-danger"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-danger"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-danger"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-danger"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-danger"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
                         <div class="btn-group">
-                          <button type="button" class="btn btn-danger btn-flat"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-danger btn-flat"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-danger btn-flat"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-danger btn-flat"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-danger btn-flat"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-danger btn-flat"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
@@ -696,16 +696,16 @@
                       </td>
                       <td>
                         <div class="btn-group">
-                          <button type="button" class="btn btn-warning"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-warning"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-warning"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-warning"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-warning"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-warning"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
                         <div class="btn-group">
-                          <button type="button" class="btn btn-warning btn-flat"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-warning btn-flat"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-warning btn-flat"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-warning btn-flat"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-warning btn-flat"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-warning btn-flat"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
@@ -736,16 +736,16 @@
                       </td>
                       <td>
                         <div class="btn-group">
-                          <button type="button" class="btn btn-success"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-success"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-success"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-success"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-success"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-success"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
                         <div class="btn-group">
-                          <button type="button" class="btn btn-success btn-flat"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-success btn-flat"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-success btn-flat"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-success btn-flat"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-success btn-flat"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-success btn-flat"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
@@ -1100,18 +1100,18 @@
               </div><!-- /.box -->
 
               <!-- Vertical grouping -->
-              <div class='box'>
-                <div class='box-header'>
-                  <h3 class='box-title'>Vertical Button Group</h3>
+              <div class="box">
+                <div class="box-header">
+                  <h3 class="box-title">Vertical Button Group</h3>
                 </div>
-                <div class='box-body table-responsive pad'>
+                <div class="box-body table-responsive pad">
 
                   <p>
                     Vertical button groups are easy to create with bootstrap. Just add your buttons
                     inside <code>&lt;div class="btn-group-vertical"&gt;&lt;/div&gt;</code>
                   </p>
 
-                  <table class='table table-bordered'>
+                  <table class="table table-bordered">
                     <tr>
                       <th>Button</th>
                       <th>Icons</th>
@@ -1129,16 +1129,16 @@
                       </td>
                       <td>
                         <div class="btn-group-vertical">
-                          <button type="button" class="btn btn-default"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-default"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-default"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-default"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-default"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-default"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
                         <div class="btn-group-vertical">
-                          <button type="button" class="btn btn-default btn-flat"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-default btn-flat"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-default btn-flat"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-default btn-flat"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-default btn-flat"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-default btn-flat"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
@@ -1169,16 +1169,16 @@
                       </td>
                       <td>
                         <div class="btn-group-vertical">
-                          <button type="button" class="btn btn-info"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-info"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-info"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-info"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-info"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-info"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
                         <div class="btn-group-vertical">
-                          <button type="button" class="btn btn-info btn-flat"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-info btn-flat"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-info btn-flat"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-info btn-flat"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-info btn-flat"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-info btn-flat"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
@@ -1209,16 +1209,16 @@
                       </td>
                       <td>
                         <div class="btn-group-vertical">
-                          <button type="button" class="btn btn-danger"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-danger"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-danger"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-danger"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-danger"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-danger"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
                         <div class="btn-group-vertical">
-                          <button type="button" class="btn btn-danger btn-flat"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-danger btn-flat"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-danger btn-flat"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-danger btn-flat"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-danger btn-flat"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-danger btn-flat"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
@@ -1249,16 +1249,16 @@
                       </td>
                       <td>
                         <div class="btn-group-vertical">
-                          <button type="button" class="btn btn-warning"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-warning"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-warning"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-warning"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-warning"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-warning"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
                         <div class="btn-group-vertical">
-                          <button type="button" class="btn btn-warning btn-flat"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-warning btn-flat"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-warning btn-flat"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-warning btn-flat"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-warning btn-flat"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-warning btn-flat"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
@@ -1289,16 +1289,16 @@
                       </td>
                       <td>
                         <div class="btn-group-vertical">
-                          <button type="button" class="btn btn-success"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-success"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-success"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-success"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-success"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-success"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
                         <div class="btn-group-vertical">
-                          <button type="button" class="btn btn-success btn-flat"><i class='fa fa-align-left'></i></button>
-                          <button type="button" class="btn btn-success btn-flat"><i class='fa fa-align-center'></i></button>
-                          <button type="button" class="btn btn-success btn-flat"><i class='fa fa-align-right'></i></button>
+                          <button type="button" class="btn btn-success btn-flat"><i class="fa fa-align-left"></i></button>
+                          <button type="button" class="btn btn-success btn-flat"><i class="fa fa-align-center"></i></button>
+                          <button type="button" class="btn btn-success btn-flat"><i class="fa fa-align-right"></i></button>
                         </div>
                       </td>
                       <td>
@@ -1345,9 +1345,9 @@
           <!-- Home tab content -->
           <div class="tab-pane" id="control-sidebar-home-tab">
             <h3 class="control-sidebar-heading">Recent Activity</h3>
-            <ul class='control-sidebar-menu'>
+            <ul class="control-sidebar-menu">
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-birthday-cake bg-red"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
@@ -1356,7 +1356,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-user bg-yellow"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
@@ -1365,7 +1365,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
@@ -1374,7 +1374,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-file-code-o bg-green"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
@@ -1385,9 +1385,9 @@
             </ul><!-- /.control-sidebar-menu -->
 
             <h3 class="control-sidebar-heading">Tasks Progress</h3>
-            <ul class='control-sidebar-menu'>
+            <ul class="control-sidebar-menu">
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Custom Template Design
                     <span class="label label-danger pull-right">70%</span>
@@ -1398,7 +1398,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Update Resume
                     <span class="label label-success pull-right">95%</span>
@@ -1409,7 +1409,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Laravel Integration
                     <span class="label label-warning pull-right">50%</span>
@@ -1420,7 +1420,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Back End Framework
                     <span class="label label-primary pull-right">68%</span>
@@ -1497,15 +1497,15 @@
       </aside><!-- /.control-sidebar -->
       <!-- Add the sidebar's background. This div must be placed
            immediately after the control sidebar -->
-      <div class='control-sidebar-bg'></div>
+      <div class="control-sidebar-bg"></div>
     </div><!-- ./wrapper -->
 
     <!-- jQuery 2.1.4 -->
-    <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
+    <script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
     <!-- Bootstrap 3.3.2 JS -->
     <script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- FastClick -->
-    <script src='../../plugins/fastclick/fastclick.min.js'></script>
+    <script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
     <!-- AdminLTE App -->
     <script src="../../dist/js/app.min.js" type="text/javascript"></script>
     <!-- AdminLTE for demo purposes -->
diff --git a/pages/UI/general.html b/pages/UI/general.html
index 16fda63a0..efdf81391 100644
--- a/pages/UI/general.html
+++ b/pages/UI/general.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <title>AdminLTE 2 | General UI</title>
     <!-- Tell the browser to be responsive to screen width -->
-    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
     <!-- Bootstrap 3.3.4 -->
     <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
     <!-- Font Awesome Icons -->
@@ -28,7 +28,6 @@
         height: 35px;
         line-height: 35px;
         text-align: center;
-
       }
       .color-palette-set {
         margin-bottom: 15px;
@@ -54,7 +53,7 @@
   </head>
   <body class="skin-blue sidebar-mini">
     <div class="wrapper">
-      
+
       <header class="main-header">
         <!-- Logo -->
         <a href="../../index2.html" class="logo">
@@ -88,7 +87,7 @@
                       <li><!-- start message -->
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/>
+                            <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Support Team
@@ -100,7 +99,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             AdminLTE Design Team
@@ -112,7 +111,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Developers
@@ -124,7 +123,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Sales Department
@@ -136,7 +135,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Reviewers
@@ -265,7 +264,7 @@
               <!-- User Account: style can be found in dropdown.less -->
               <li class="dropdown user user-menu">
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                  <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/>
+                  <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" />
                   <span class="hidden-xs">Alexander Pierce</span>
                 </a>
                 <ul class="dropdown-menu">
@@ -326,9 +325,9 @@
           <!-- search form -->
           <form action="#" method="get" class="sidebar-form">
             <div class="input-group">
-              <input type="text" name="q" class="form-control" placeholder="Search..."/>
+              <input type="text" name="q" class="form-control" placeholder="Search..." />
               <span class="input-group-btn">
-                <button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
+                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
               </span>
             </div>
           </form>
@@ -490,108 +489,108 @@
         <!-- Main content -->
         <section class="content">
           <!-- COLOR PALETTE -->
-          <div class='box box-default color-palette-box'>
-            <div class='box-header with-border'>
-              <h3 class='box-title'><i class="fa fa-tag"></i> Color Palette</h3>
+          <div class="box box-default color-palette-box">
+            <div class="box-header with-border">
+              <h3 class="box-title"><i class="fa fa-tag"></i> Color Palette</h3>
             </div>
-            <div class='box-body'>
-              <div class='row'>
-                <div class='col-sm-4 col-md-2'>
-                  <h4 class='text-center'>Primary</h4>
-                  <div class='color-palette-set'>
-                    <div class='bg-light-blue disabled color-palette'><span>Disabled</span></div>
-                    <div class='bg-light-blue color-palette'><span>#3c8dbc</span></div>
-                    <div class='bg-light-blue-active color-palette'><span>Active</span></div>
+            <div class="box-body">
+              <div class="row">
+                <div class="col-sm-4 col-md-2">
+                  <h4 class="text-center">Primary</h4>
+                  <div class="color-palette-set">
+                    <div class="bg-light-blue disabled color-palette"><span>Disabled</span></div>
+                    <div class="bg-light-blue color-palette"><span>#3c8dbc</span></div>
+                    <div class="bg-light-blue-active color-palette"><span>Active</span></div>
                   </div>
                 </div><!-- /.col -->
-                <div class='col-sm-4 col-md-2'>
-                  <h4 class='text-center'>Info</h4>
-                  <div class='color-palette-set'>
-                    <div class='bg-aqua disabled color-palette'><span>Disabled</span></div>
-                    <div class='bg-aqua color-palette'><span>#00c0ef</span></div>
-                    <div class='bg-aqua-active color-palette'><span>Active</span></div>
+                <div class="col-sm-4 col-md-2">
+                  <h4 class="text-center">Info</h4>
+                  <div class="color-palette-set">
+                    <div class="bg-aqua disabled color-palette"><span>Disabled</span></div>
+                    <div class="bg-aqua color-palette"><span>#00c0ef</span></div>
+                    <div class="bg-aqua-active color-palette"><span>Active</span></div>
                   </div>
                 </div><!-- /.col -->
-                <div class='col-sm-4 col-md-2'>
-                  <h4 class='text-center'>Success</h4>
-                  <div class='color-palette-set'>
-                    <div class='bg-green disabled color-palette'><span>Disabled</span></div>
-                    <div class='bg-green color-palette'><span>#00a65a</span></div>
-                    <div class='bg-green-active color-palette'><span>Active</span></div>
+                <div class="col-sm-4 col-md-2">
+                  <h4 class="text-center">Success</h4>
+                  <div class="color-palette-set">
+                    <div class="bg-green disabled color-palette"><span>Disabled</span></div>
+                    <div class="bg-green color-palette"><span>#00a65a</span></div>
+                    <div class="bg-green-active color-palette"><span>Active</span></div>
                   </div>
                 </div><!-- /.col -->
-                <div class='col-sm-4 col-md-2'>
-                  <h4 class='text-center'>Warning</h4>
-                  <div class='color-palette-set'>
-                    <div class='bg-yellow disabled color-palette'><span>Disabled</span></div>
-                    <div class='bg-yellow color-palette'><span>#f39c12</span></div>
-                    <div class='bg-yellow-active color-palette'><span>Active</span></div>
+                <div class="col-sm-4 col-md-2">
+                  <h4 class="text-center">Warning</h4>
+                  <div class="color-palette-set">
+                    <div class="bg-yellow disabled color-palette"><span>Disabled</span></div>
+                    <div class="bg-yellow color-palette"><span>#f39c12</span></div>
+                    <div class="bg-yellow-active color-palette"><span>Active</span></div>
                   </div>
                 </div><!-- /.col -->
-                <div class='col-sm-4 col-md-2'>
-                  <h4 class='text-center'>Danger</h4>
-                  <div class='color-palette-set'>
-                    <div class='bg-red disabled color-palette'><span>Disabled</span></div>
-                    <div class='bg-red color-palette'><span>#f56954</span></div>
-                    <div class='bg-red-active color-palette'><span>Active</span></div>
+                <div class="col-sm-4 col-md-2">
+                  <h4 class="text-center">Danger</h4>
+                  <div class="color-palette-set">
+                    <div class="bg-red disabled color-palette"><span>Disabled</span></div>
+                    <div class="bg-red color-palette"><span>#f56954</span></div>
+                    <div class="bg-red-active color-palette"><span>Active</span></div>
                   </div>
                 </div><!-- /.col -->
-                <div class='col-sm-4 col-md-2'>
-                  <h4 class='text-center'>Gray</h4>
-                  <div class='color-palette-set'>
-                    <div class='bg-gray disabled color-palette'><span>Disabled</span></div>
-                    <div class='bg-gray color-palette'><span>#d2d6de</span></div>
-                    <div class='bg-gray-active color-palette'><span>Active</span></div>
+                <div class="col-sm-4 col-md-2">
+                  <h4 class="text-center">Gray</h4>
+                  <div class="color-palette-set">
+                    <div class="bg-gray disabled color-palette"><span>Disabled</span></div>
+                    <div class="bg-gray color-palette"><span>#d2d6de</span></div>
+                    <div class="bg-gray-active color-palette"><span>Active</span></div>
                   </div>
                 </div><!-- /.col -->
               </div><!-- /.row -->
-              <div class='row'>
-                <div class='col-sm-4 col-md-2'>
-                  <h4 class='text-center'>Navy</h4>
-                  <div class='color-palette-set'>
-                    <div class='bg-navy disabled color-palette'><span>Disabled</span></div>
-                    <div class='bg-navy color-palette'><span>#001F3F</span></div>
-                    <div class='bg-navy-active color-palette'><span>Active</span></div>
+              <div class="row">
+                <div class="col-sm-4 col-md-2">
+                  <h4 class="text-center">Navy</h4>
+                  <div class="color-palette-set">
+                    <div class="bg-navy disabled color-palette"><span>Disabled</span></div>
+                    <div class="bg-navy color-palette"><span>#001F3F</span></div>
+                    <div class="bg-navy-active color-palette"><span>Active</span></div>
                   </div>
                 </div><!-- /.col -->
-                <div class='col-sm-4 col-md-2'>
-                  <h4 class='text-center'>Teal</h4>
-                  <div class='color-palette-set'>
-                    <div class='bg-teal disabled color-palette'><span>Disabled</span></div>
-                    <div class='bg-teal color-palette'><span>#39CCCC</span></div>
-                    <div class='bg-teal-active color-palette'><span>Active</span></div>
+                <div class="col-sm-4 col-md-2">
+                  <h4 class="text-center">Teal</h4>
+                  <div class="color-palette-set">
+                    <div class="bg-teal disabled color-palette"><span>Disabled</span></div>
+                    <div class="bg-teal color-palette"><span>#39CCCC</span></div>
+                    <div class="bg-teal-active color-palette"><span>Active</span></div>
                   </div>
                 </div><!-- /.col -->
-                <div class='col-sm-4 col-md-2'>
-                  <h4 class='text-center'>Purple</h4>
-                  <div class='color-palette-set'>
-                    <div class='bg-purple disabled color-palette'><span>Disabled</span></div>
-                    <div class='bg-purple color-palette'><span>#605ca8</span></div>
-                    <div class='bg-purple-active color-palette'><span>Active</span></div>
+                <div class="col-sm-4 col-md-2">
+                  <h4 class="text-center">Purple</h4>
+                  <div class="color-palette-set">
+                    <div class="bg-purple disabled color-palette"><span>Disabled</span></div>
+                    <div class="bg-purple color-palette"><span>#605ca8</span></div>
+                    <div class="bg-purple-active color-palette"><span>Active</span></div>
                   </div>
                 </div><!-- /.col -->
-                <div class='col-sm-4 col-md-2'>
-                  <h4 class='text-center'>Orange</h4>
-                  <div class='color-palette-set'>
-                    <div class='bg-orange disabled color-palette'><span>Disabled</span></div>
-                    <div class='bg-orange color-palette'><span>#ff851b</span></div>
-                    <div class='bg-orange-active color-palette'><span>Active</span></div>
+                <div class="col-sm-4 col-md-2">
+                  <h4 class="text-center">Orange</h4>
+                  <div class="color-palette-set">
+                    <div class="bg-orange disabled color-palette"><span>Disabled</span></div>
+                    <div class="bg-orange color-palette"><span>#ff851b</span></div>
+                    <div class="bg-orange-active color-palette"><span>Active</span></div>
                   </div>
                 </div><!-- /.col -->
-                <div class='col-sm-4 col-md-2'>
-                  <h4 class='text-center'>Maroon</h4>
-                  <div class='color-palette-set'>
-                    <div class='bg-maroon disabled color-palette'><span>Disabled</span></div>
-                    <div class='bg-maroon color-palette'><span>#D81B60</span></div>
-                    <div class='bg-maroon-active color-palette'><span>Active</span></div>
+                <div class="col-sm-4 col-md-2">
+                  <h4 class="text-center">Maroon</h4>
+                  <div class="color-palette-set">
+                    <div class="bg-maroon disabled color-palette"><span>Disabled</span></div>
+                    <div class="bg-maroon color-palette"><span>#D81B60</span></div>
+                    <div class="bg-maroon-active color-palette"><span>Active</span></div>
                   </div>
                 </div><!-- /.col -->
-                <div class='col-sm-4 col-md-2'>
-                  <h4 class='text-center'>Black</h4>
-                  <div class='color-palette-set'>
-                    <div class='bg-black disabled color-palette'><span>Disabled</span></div>
-                    <div class='bg-black color-palette'><span>#111111</span></div>
-                    <div class='bg-black-active color-palette'><span>Active</span></div>
+                <div class="col-sm-4 col-md-2">
+                  <h4 class="text-center">Black</h4>
+                  <div class="color-palette-set">
+                    <div class="bg-black disabled color-palette"><span>Disabled</span></div>
+                    <div class="bg-black color-palette"><span>#111111</span></div>
+                    <div class="bg-black-active color-palette"><span>Active</span></div>
                   </div>
                 </div><!-- /.col -->
               </div><!-- /.row -->
@@ -1212,9 +1211,9 @@
         </div>
         <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
       </footer>
-      
-      <!-- Control Sidebar -->      
-      <aside class="control-sidebar control-sidebar-dark">                
+
+      <!-- Control Sidebar -->
+      <aside class="control-sidebar control-sidebar-dark">
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
@@ -1226,9 +1225,9 @@
           <!-- Home tab content -->
           <div class="tab-pane" id="control-sidebar-home-tab">
             <h3 class="control-sidebar-heading">Recent Activity</h3>
-            <ul class='control-sidebar-menu'>
+            <ul class="control-sidebar-menu">
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-birthday-cake bg-red"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
@@ -1237,7 +1236,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-user bg-yellow"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
@@ -1246,7 +1245,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
@@ -1255,7 +1254,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-file-code-o bg-green"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
@@ -1265,53 +1264,53 @@
               </li>
             </ul><!-- /.control-sidebar-menu -->
 
-            <h3 class="control-sidebar-heading">Tasks Progress</h3> 
-            <ul class='control-sidebar-menu'>
+            <h3 class="control-sidebar-heading">Tasks Progress</h3>
+            <ul class="control-sidebar-menu">
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Custom Template Design
                     <span class="label label-danger pull-right">70%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li> 
+              </li>
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Update Resume
                     <span class="label label-success pull-right">95%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-success" style="width: 95%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li> 
+              </li>
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Laravel Integration
                     <span class="label label-warning pull-right">50%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li> 
+              </li>
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Back End Framework
                     <span class="label label-primary pull-right">68%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li>               
-            </ul><!-- /.control-sidebar-menu -->         
+              </li>
+            </ul><!-- /.control-sidebar-menu -->
 
           </div><!-- /.tab-pane -->
           <!-- Stats tab content -->
@@ -1356,21 +1355,21 @@
                 <label class="control-sidebar-subheading">
                   Show me as online
                   <input type="checkbox" class="pull-right" checked />
-                </label>                
+                </label>
               </div><!-- /.form-group -->
 
               <div class="form-group">
                 <label class="control-sidebar-subheading">
                   Turn off notifications
                   <input type="checkbox" class="pull-right" />
-                </label>                
+                </label>
               </div><!-- /.form-group -->
 
               <div class="form-group">
                 <label class="control-sidebar-subheading">
                   Delete chat history
                   <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
-                </label>                
+                </label>
               </div><!-- /.form-group -->
             </form>
           </div><!-- /.tab-pane -->
@@ -1378,15 +1377,15 @@
       </aside><!-- /.control-sidebar -->
       <!-- Add the sidebar's background. This div must be placed
            immediately after the control sidebar -->
-      <div class='control-sidebar-bg'></div>
+      <div class="control-sidebar-bg"></div>
     </div><!-- ./wrapper -->
 
     <!-- jQuery 2.1.4 -->
-    <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
+    <script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
     <!-- Bootstrap 3.3.2 JS -->
     <script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- FastClick -->
-    <script src='../../plugins/fastclick/fastclick.min.js'></script>
+    <script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
     <!-- AdminLTE App -->
     <script src="../../dist/js/app.min.js" type="text/javascript"></script>
     <!-- AdminLTE for demo purposes -->
diff --git a/pages/UI/icons.html b/pages/UI/icons.html
index 1424e594a..44bb82d55 100644
--- a/pages/UI/icons.html
+++ b/pages/UI/icons.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <title>AdminLTE 2 | Dashboard</title>
     <!-- Tell the browser to be responsive to screen width -->
-    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
     <!-- Bootstrap 3.3.4 -->
     <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
     <!-- Font Awesome Icons -->
@@ -72,7 +72,7 @@
   </head>
   <body class="skin-blue sidebar-mini">
     <div class="wrapper">
-      
+
       <header class="main-header">
         <!-- Logo -->
         <a href="../../index2.html" class="logo">
@@ -106,7 +106,7 @@
                       <li><!-- start message -->
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/>
+                            <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Support Team
@@ -118,7 +118,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             AdminLTE Design Team
@@ -130,7 +130,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Developers
@@ -142,7 +142,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Sales Department
@@ -154,7 +154,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Reviewers
@@ -194,7 +194,6 @@
                           <i class="fa fa-users text-red"></i> 5 new members joined
                         </a>
                       </li>
-
                       <li>
                         <a href="#">
                           <i class="fa fa-shopping-cart text-green"></i> 25 sales made
@@ -283,7 +282,7 @@
               <!-- User Account: style can be found in dropdown.less -->
               <li class="dropdown user user-menu">
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                  <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/>
+                  <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" />
                   <span class="hidden-xs">Alexander Pierce</span>
                 </a>
                 <ul class="dropdown-menu">
@@ -344,9 +343,9 @@
           <!-- search form -->
           <form action="#" method="get" class="sidebar-form">
             <div class="input-group">
-              <input type="text" name="q" class="form-control" placeholder="Search..."/>
+              <input type="text" name="q" class="form-control" placeholder="Search..." />
               <span class="input-group-btn">
-                <button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
+                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
               </span>
             </div>
           </form>
@@ -507,8 +506,8 @@
 
         <!-- Main content -->
         <section class="content">
-          <div class='row'>
-            <div class='col-xs-12'>
+          <div class="row">
+            <div class="col-xs-12">
               <div class="nav-tabs-custom">
                 <ul class="nav nav-tabs">
                   <li class="active"><a href="#fa-icons" data-toggle="tab">Font Awesome</a></li>
@@ -2152,9 +2151,9 @@
         </div>
         <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
       </footer>
-      
-      <!-- Control Sidebar -->      
-      <aside class="control-sidebar control-sidebar-dark">                
+
+      <!-- Control Sidebar -->
+      <aside class="control-sidebar control-sidebar-dark">
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
@@ -2166,9 +2165,9 @@
           <!-- Home tab content -->
           <div class="tab-pane" id="control-sidebar-home-tab">
             <h3 class="control-sidebar-heading">Recent Activity</h3>
-            <ul class='control-sidebar-menu'>
+            <ul class="control-sidebar-menu">
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-birthday-cake bg-red"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
@@ -2177,7 +2176,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-user bg-yellow"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
@@ -2186,7 +2185,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
@@ -2195,7 +2194,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-file-code-o bg-green"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
@@ -2205,59 +2204,59 @@
               </li>
             </ul><!-- /.control-sidebar-menu -->
 
-            <h3 class="control-sidebar-heading">Tasks Progress</h3> 
-            <ul class='control-sidebar-menu'>
+            <h3 class="control-sidebar-heading">Tasks Progress</h3>
+            <ul class="control-sidebar-menu">
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Custom Template Design
                     <span class="label label-danger pull-right">70%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li> 
+              </li>
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Update Resume
                     <span class="label label-success pull-right">95%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-success" style="width: 95%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li> 
+              </li>
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Laravel Integration
                     <span class="label label-warning pull-right">50%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li> 
+              </li>
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Back End Framework
                     <span class="label label-primary pull-right">68%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li>               
-            </ul><!-- /.control-sidebar-menu -->         
+              </li>
+            </ul><!-- /.control-sidebar-menu -->
 
           </div><!-- /.tab-pane -->
           <!-- Stats tab content -->
           <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane -->
           <!-- Settings tab content -->
-          <div class="tab-pane" id="control-sidebar-settings-tab">            
+          <div class="tab-pane" id="control-sidebar-settings-tab">
             <form method="post">
               <h3 class="control-sidebar-heading">General Settings</h3>
               <div class="form-group">
@@ -2296,21 +2295,21 @@
                 <label class="control-sidebar-subheading">
                   Show me as online
                   <input type="checkbox" class="pull-right" checked />
-                </label>                
+                </label>
               </div><!-- /.form-group -->
 
               <div class="form-group">
                 <label class="control-sidebar-subheading">
                   Turn off notifications
                   <input type="checkbox" class="pull-right" />
-                </label>                
+                </label>
               </div><!-- /.form-group -->
 
               <div class="form-group">
                 <label class="control-sidebar-subheading">
                   Delete chat history
                   <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
-                </label>                
+                </label>
               </div><!-- /.form-group -->
             </form>
           </div><!-- /.tab-pane -->
@@ -2318,15 +2317,15 @@
       </aside><!-- /.control-sidebar -->
       <!-- Add the sidebar's background. This div must be placed
            immediately after the control sidebar -->
-      <div class='control-sidebar-bg'></div>
+      <div class="control-sidebar-bg"></div>
     </div><!-- ./wrapper -->
 
     <!-- jQuery 2.1.4 -->
-    <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
+    <script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
     <!-- Bootstrap 3.3.2 JS -->
     <script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- FastClick -->
-    <script src='../../plugins/fastclick/fastclick.min.js'></script>
+    <script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
     <!-- AdminLTE App -->
     <script src="../../dist/js/app.min.js" type="text/javascript"></script>
     <!-- AdminLTE for demo purposes -->
diff --git a/pages/UI/modals.html b/pages/UI/modals.html
index dd3712bc9..3c27de9e2 100644
--- a/pages/UI/modals.html
+++ b/pages/UI/modals.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <title>AdminLTE 2 | Modals</title>
     <!-- Tell the browser to be responsive to screen width -->
-    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
     <!-- Bootstrap 3.3.4 -->
     <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
     <!-- Font Awesome Icons -->
@@ -40,7 +40,7 @@
   </head>
   <body class="skin-blue sidebar-mini">
     <div class="wrapper">
-      
+
       <header class="main-header">
         <!-- Logo -->
         <a href="../../index2.html" class="logo">
@@ -310,7 +310,7 @@
             <div class="input-group">
               <input type="text" name="q" class="form-control" placeholder="Search..."/>
               <span class="input-group-btn">
-                <button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
+                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
               </span>
             </div>
           </form>
@@ -592,15 +592,16 @@
           </div><!-- /.example-modal -->
         </section><!-- /.content -->
       </div><!-- /.content-wrapper -->
+
       <footer class="main-footer">
         <div class="pull-right hidden-xs">
           <b>Version</b> 2.0
         </div>
         <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
       </footer>
-      
-      <!-- Control Sidebar -->      
-      <aside class="control-sidebar control-sidebar-dark">                
+
+      <!-- Control Sidebar -->
+      <aside class="control-sidebar control-sidebar-dark">
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
@@ -612,9 +613,9 @@
           <!-- Home tab content -->
           <div class="tab-pane" id="control-sidebar-home-tab">
             <h3 class="control-sidebar-heading">Recent Activity</h3>
-            <ul class='control-sidebar-menu'>
+            <ul class="control-sidebar-menu">
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-birthday-cake bg-red"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
@@ -623,7 +624,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-user bg-yellow"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
@@ -632,7 +633,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
@@ -641,7 +642,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-file-code-o bg-green"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
@@ -651,59 +652,59 @@
               </li>
             </ul><!-- /.control-sidebar-menu -->
 
-            <h3 class="control-sidebar-heading">Tasks Progress</h3> 
-            <ul class='control-sidebar-menu'>
+            <h3 class="control-sidebar-heading">Tasks Progress</h3>
+            <ul class="control-sidebar-menu">
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Custom Template Design
                     <span class="label label-danger pull-right">70%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li> 
+              </li>
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Update Resume
                     <span class="label label-success pull-right">95%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-success" style="width: 95%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li> 
+              </li>
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Laravel Integration
                     <span class="label label-warning pull-right">50%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li> 
+              </li>
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Back End Framework
                     <span class="label label-primary pull-right">68%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li>               
-            </ul><!-- /.control-sidebar-menu -->         
+              </li>
+            </ul><!-- /.control-sidebar-menu -->
 
           </div><!-- /.tab-pane -->
           <!-- Stats tab content -->
           <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane -->
           <!-- Settings tab content -->
-          <div class="tab-pane" id="control-sidebar-settings-tab">            
+          <div class="tab-pane" id="control-sidebar-settings-tab">
             <form method="post">
               <h3 class="control-sidebar-heading">General Settings</h3>
               <div class="form-group">
@@ -742,21 +743,21 @@
                 <label class="control-sidebar-subheading">
                   Show me as online
                   <input type="checkbox" class="pull-right" checked />
-                </label>                
+                </label>
               </div><!-- /.form-group -->
 
               <div class="form-group">
                 <label class="control-sidebar-subheading">
                   Turn off notifications
                   <input type="checkbox" class="pull-right" />
-                </label>                
+                </label>
               </div><!-- /.form-group -->
 
               <div class="form-group">
                 <label class="control-sidebar-subheading">
                   Delete chat history
                   <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
-                </label>                
+                </label>
               </div><!-- /.form-group -->
             </form>
           </div><!-- /.tab-pane -->
@@ -764,15 +765,15 @@
       </aside><!-- /.control-sidebar -->
       <!-- Add the sidebar's background. This div must be placed
            immediately after the control sidebar -->
-      <div class='control-sidebar-bg'></div>
+      <div class="control-sidebar-bg"></div>
     </div><!-- ./wrapper -->
 
     <!-- jQuery 2.1.4 -->
-    <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
+    <script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
     <!-- Bootstrap 3.3.2 JS -->
     <script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- FastClick -->
-    <script src='../../plugins/fastclick/fastclick.min.js'></script>
+    <script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
     <!-- AdminLTE App -->
     <script src="../../dist/js/app.min.js" type="text/javascript"></script>
     <!-- AdminLTE for demo purposes -->
diff --git a/pages/UI/sliders.html b/pages/UI/sliders.html
index 6169622e3..db66005e3 100644
--- a/pages/UI/sliders.html
+++ b/pages/UI/sliders.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <title>AdminLTE 2 | UI Sliders</title>
     <!-- Tell the browser to be responsive to screen width -->
-    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
     <!-- Bootstrap 3.3.4 -->
     <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
     <!-- Font Awesome Icons -->
@@ -32,7 +32,7 @@
   </head>
   <body class="skin-blue sidebar-mini">
     <div class="wrapper">
-      
+
       <header class="main-header">
         <!-- Logo -->
         <a href="../../index2.html" class="logo">
@@ -66,7 +66,7 @@
                       <li><!-- start message -->
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/>
+                            <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Support Team
@@ -78,7 +78,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             AdminLTE Design Team
@@ -90,7 +90,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Developers
@@ -102,7 +102,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Sales Department
@@ -114,7 +114,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Reviewers
@@ -243,7 +243,7 @@
               <!-- User Account: style can be found in dropdown.less -->
               <li class="dropdown user user-menu">
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                  <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/>
+                  <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image "/>
                   <span class="hidden-xs">Alexander Pierce</span>
                 </a>
                 <ul class="dropdown-menu">
@@ -304,9 +304,9 @@
           <!-- search form -->
           <form action="#" method="get" class="sidebar-form">
             <div class="input-group">
-              <input type="text" name="q" class="form-control" placeholder="Search..."/>
+              <input type="text" name="q" class="form-control" placeholder="Search..." />
               <span class="input-group-btn">
-                <button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
+                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
               </span>
             </div>
           </form>
@@ -538,15 +538,16 @@
           </div><!-- /.row -->
         </section><!-- /.content -->
       </div><!-- /.content-wrapper -->
+
       <footer class="main-footer">
         <div class="pull-right hidden-xs">
           <b>Version</b> 2.0
         </div>
         <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
       </footer>
-      
-      <!-- Control Sidebar -->      
-      <aside class="control-sidebar control-sidebar-dark">                
+
+      <!-- Control Sidebar -->
+      <aside class="control-sidebar control-sidebar-dark">
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
@@ -558,9 +559,9 @@
           <!-- Home tab content -->
           <div class="tab-pane" id="control-sidebar-home-tab">
             <h3 class="control-sidebar-heading">Recent Activity</h3>
-            <ul class='control-sidebar-menu'>
+            <ul class="control-sidebar-menu">
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-birthday-cake bg-red"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
@@ -569,7 +570,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-user bg-yellow"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
@@ -578,7 +579,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
@@ -587,7 +588,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-file-code-o bg-green"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
@@ -597,52 +598,52 @@
               </li>
             </ul><!-- /.control-sidebar-menu -->
 
-            <h3 class="control-sidebar-heading">Tasks Progress</h3> 
-            <ul class='control-sidebar-menu'>
+            <h3 class="control-sidebar-heading">Tasks Progress</h3>
+            <ul class="control-sidebar-menu">
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Custom Template Design
                     <span class="label label-danger pull-right">70%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li> 
+              </li>
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Update Resume
                     <span class="label label-success pull-right">95%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-success" style="width: 95%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li> 
+              </li>
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Laravel Integration
                     <span class="label label-warning pull-right">50%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li> 
+              </li>
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Back End Framework
                     <span class="label label-primary pull-right">68%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li>               
+              </li>
             </ul><!-- /.control-sidebar-menu -->         
 
           </div><!-- /.tab-pane -->
@@ -688,21 +689,21 @@
                 <label class="control-sidebar-subheading">
                   Show me as online
                   <input type="checkbox" class="pull-right" checked />
-                </label>                
+                </label>
               </div><!-- /.form-group -->
 
               <div class="form-group">
                 <label class="control-sidebar-subheading">
                   Turn off notifications
                   <input type="checkbox" class="pull-right" />
-                </label>                
+                </label>
               </div><!-- /.form-group -->
 
               <div class="form-group">
                 <label class="control-sidebar-subheading">
                   Delete chat history
                   <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
-                </label>                
+                </label>
               </div><!-- /.form-group -->
             </form>
           </div><!-- /.tab-pane -->
@@ -710,25 +711,23 @@
       </aside><!-- /.control-sidebar -->
       <!-- Add the sidebar's background. This div must be placed
            immediately after the control sidebar -->
-      <div class='control-sidebar-bg'></div>
+      <div class="control-sidebar-bg"></div>
     </div><!-- ./wrapper -->
 
     <!-- jQuery 2.1.4 -->
-    <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
+    <script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
     <!-- Bootstrap 3.3.2 JS -->
     <script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- FastClick -->
-    <script src='../../plugins/fastclick/fastclick.min.js'></script>
+    <script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
     <!-- 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>
     <!-- Ion Slider -->
     <script src="../../plugins/ionslider/ion.rangeSlider.min.js" type="text/javascript"></script>
-
     <!-- Bootstrap slider -->
     <script src="../../plugins/bootstrap-slider/bootstrap-slider.js" type="text/javascript"></script>
-
     <script type="text/javascript">
       $(function () {
         /* BOOTSTRAP SLIDER */
@@ -795,6 +794,5 @@
         });
       });
     </script>
-
   </body>
 </html>
diff --git a/pages/UI/timeline.html b/pages/UI/timeline.html
index 5fb808d56..9e7ac2e89 100644
--- a/pages/UI/timeline.html
+++ b/pages/UI/timeline.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <title>AdminLTE 2 | Timeline</title>
     <!-- Tell the browser to be responsive to screen width -->
-    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
     <!-- Bootstrap 3.3.4 -->
     <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
     <!-- Font Awesome Icons -->
@@ -60,7 +60,7 @@
                       <li><!-- start message -->
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"/>
+                            <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Support Team
@@ -72,7 +72,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             AdminLTE Design Team
@@ -84,7 +84,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Developers
@@ -96,7 +96,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Sales Department
@@ -108,7 +108,7 @@
                       <li>
                         <a href="#">
                           <div class="pull-left">
-                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="user image"/>
+                            <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image" />
                           </div>
                           <h4>
                             Reviewers
@@ -237,7 +237,7 @@
               <!-- User Account: style can be found in dropdown.less -->
               <li class="dropdown user user-menu">
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                  <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image"/>
+                  <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" />
                   <span class="hidden-xs">Alexander Pierce</span>
                 </a>
                 <ul class="dropdown-menu">
@@ -298,9 +298,9 @@
           <!-- search form -->
           <form action="#" method="get" class="sidebar-form">
             <div class="input-group">
-              <input type="text" name="q" class="form-control" placeholder="Search..."/>
+              <input type="text" name="q" class="form-control" placeholder="Search..." />
               <span class="input-group-btn">
-                <button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
+                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
               </span>
             </div>
           </form>
@@ -486,7 +486,7 @@
                       jajah plickers sifteo edmodo ifttt zimbra. Babblely odeo kaboodle
                       quora plaxo ideeli hulu weebly balihoo...
                     </div>
-                    <div class='timeline-footer'>
+                    <div class="timeline-footer">
                       <a class="btn btn-primary btn-xs">Read more</a>
                       <a class="btn btn-danger btn-xs">Delete</a>
                     </div>
@@ -513,7 +513,7 @@
                       Switzerland is small and neutral!
                       We are more like Germany, ambitious and misunderstood!
                     </div>
-                    <div class='timeline-footer'>
+                    <div class="timeline-footer">
                       <a class="btn btn-warning btn-flat btn-xs">View comment</a>
                     </div>
                   </div>
@@ -533,10 +533,10 @@
                     <span class="time"><i class="fa fa-clock-o"></i> 2 days ago</span>
                     <h3 class="timeline-header"><a href="#">Mina Lee</a> uploaded new photos</h3>
                     <div class="timeline-body">
-                      <img src="http://placehold.it/150x100" alt="..." class='margin' />
-                      <img src="http://placehold.it/150x100" alt="..." class='margin'/>
-                      <img src="http://placehold.it/150x100" alt="..." class='margin'/>
-                      <img src="http://placehold.it/150x100" alt="..." class='margin'/>
+                      <img src="http://placehold.it/150x100" alt="..." class="margin" />
+                      <img src="http://placehold.it/150x100" alt="..." class="margin" />
+                      <img src="http://placehold.it/150x100" alt="..." class="margin" />
+                      <img src="http://placehold.it/150x100" alt="..." class="margin" />
                     </div>
                   </div>
                 </li>
@@ -597,7 +597,7 @@
                 Content goes here
             &lt;/div>
 
-            &lt;div class='timeline-footer'>
+            &lt;div class="timeline-footer">
                 &lt;a class="btn btn-primary btn-xs">...&lt;/a>
             &lt;/div>
         &lt;/div>
@@ -615,15 +615,16 @@
 
         </section><!-- /.content -->
       </div><!-- /.content-wrapper -->
+
       <footer class="main-footer">
         <div class="pull-right hidden-xs">
           <b>Version</b> 2.0
         </div>
         <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
       </footer>
-      
-      <!-- Control Sidebar -->      
-      <aside class="control-sidebar control-sidebar-dark">                
+
+      <!-- Control Sidebar -->
+      <aside class="control-sidebar control-sidebar-dark">
         <!-- Create the tabs -->
         <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
           <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
@@ -635,9 +636,9 @@
           <!-- Home tab content -->
           <div class="tab-pane" id="control-sidebar-home-tab">
             <h3 class="control-sidebar-heading">Recent Activity</h3>
-            <ul class='control-sidebar-menu'>
+            <ul class="control-sidebar-menu">
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-birthday-cake bg-red"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
@@ -646,7 +647,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-user bg-yellow"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
@@ -655,7 +656,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
@@ -664,7 +665,7 @@
                 </a>
               </li>
               <li>
-                <a href='javascript::;'>
+                <a href="javascript::;">
                   <i class="menu-icon fa fa-file-code-o bg-green"></i>
                   <div class="menu-info">
                     <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
@@ -674,59 +675,59 @@
               </li>
             </ul><!-- /.control-sidebar-menu -->
 
-            <h3 class="control-sidebar-heading">Tasks Progress</h3> 
-            <ul class='control-sidebar-menu'>
+            <h3 class="control-sidebar-heading">Tasks Progress</h3>
+            <ul class="control-sidebar-menu">
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Custom Template Design
                     <span class="label label-danger pull-right">70%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li> 
+              </li>
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Update Resume
                     <span class="label label-success pull-right">95%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-success" style="width: 95%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li> 
+              </li>
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Laravel Integration
                     <span class="label label-warning pull-right">50%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li> 
+              </li>
               <li>
-                <a href='javascript::;'>               
+                <a href="javascript::;">
                   <h4 class="control-sidebar-subheading">
                     Back End Framework
                     <span class="label label-primary pull-right">68%</span>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li>               
-            </ul><!-- /.control-sidebar-menu -->         
+              </li>
+            </ul><!-- /.control-sidebar-menu -->
 
           </div><!-- /.tab-pane -->
           <!-- Stats tab content -->
           <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane -->
           <!-- Settings tab content -->
-          <div class="tab-pane" id="control-sidebar-settings-tab">            
+          <div class="tab-pane" id="control-sidebar-settings-tab">
             <form method="post">
               <h3 class="control-sidebar-heading">General Settings</h3>
               <div class="form-group">
@@ -765,21 +766,21 @@
                 <label class="control-sidebar-subheading">
                   Show me as online
                   <input type="checkbox" class="pull-right" checked />
-                </label>                
+                </label>
               </div><!-- /.form-group -->
 
               <div class="form-group">
                 <label class="control-sidebar-subheading">
                   Turn off notifications
                   <input type="checkbox" class="pull-right" />
-                </label>                
+                </label>
               </div><!-- /.form-group -->
 
               <div class="form-group">
                 <label class="control-sidebar-subheading">
                   Delete chat history
                   <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
-                </label>                
+                </label>
               </div><!-- /.form-group -->
             </form>
           </div><!-- /.tab-pane -->
@@ -787,15 +788,15 @@
       </aside><!-- /.control-sidebar -->
       <!-- Add the sidebar's background. This div must be placed
            immediately after the control sidebar -->
-      <div class='control-sidebar-bg'></div>
+      <div class="control-sidebar-bg"></div>
     </div><!-- ./wrapper -->
 
     <!-- jQuery 2.1.4 -->
-    <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
+    <script src="../../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
     <!-- Bootstrap 3.3.2 JS -->
     <script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- FastClick -->
-    <script src='../../plugins/fastclick/fastclick.min.js'></script>
+    <script src="../../plugins/fastclick/fastclick.min.js" type="text/javascript"></script>
     <!-- AdminLTE App -->
     <script src="../../dist/js/app.min.js" type="text/javascript"></script>
     <!-- AdminLTE for demo purposes -->