Browse Source

Format index pages

Dennis Neufeld 9 years ago
parent
commit
2c0e0af494
3 changed files with 163 additions and 163 deletions
  1. 57 57
      index.html
  2. 85 85
      index2.html
  3. 21 21
      starter.html

+ 57 - 57
index.html

@@ -4,13 +4,13 @@
     <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" />    
+    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
     <!-- FontAwesome 4.3.0 -->
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
     <!-- Ionicons 2.0.0 -->
-    <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />    
+    <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
     <!-- Theme style -->
     <link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
     <!-- AdminLTE Skins. Choose a skin from the css/skins 
@@ -38,7 +38,7 @@
   </head>
   <body class="skin-blue sidebar-mini">
     <div class="wrapper">
-      
+
       <header class="main-header">
         <!-- Logo -->
         <a href="index2.html" class="logo">
@@ -69,7 +69,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
@@ -81,7 +81,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
@@ -93,7 +93,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
@@ -105,7 +105,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
@@ -117,7 +117,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
@@ -246,7 +246,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">
@@ -307,9 +307,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>
@@ -558,7 +558,7 @@
                 <div class="box-body chat" id="chat-box">
                   <!-- chat item -->
                   <div class="item">
-                    <img src="dist/img/user4-128x128.jpg" alt="user image" class="online"/>
+                    <img src="dist/img/user4-128x128.jpg" alt="user image" class="online" />
                     <p class="message">
                       <a href="#" class="name">
                         <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 2:15</small>
@@ -580,7 +580,7 @@
                   </div><!-- /.item -->
                   <!-- chat item -->
                   <div class="item">
-                    <img src="dist/img/user3-128x128.jpg" alt="user image" class="offline"/>
+                    <img src="dist/img/user3-128x128.jpg" alt="user image" class="offline" />
                     <p class="message">
                       <a href="#" class="name">
                         <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:15</small>
@@ -593,7 +593,7 @@
                   </div><!-- /.item -->
                   <!-- chat item -->
                   <div class="item">
-                    <img src="dist/img/user2-160x160.jpg" alt="user image" class="offline"/>
+                    <img src="dist/img/user2-160x160.jpg" alt="user image" class="offline" />
                     <p class="message">
                       <a href="#" class="name">
                         <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:30</small>
@@ -607,7 +607,7 @@
                 </div><!-- /.chat -->
                 <div class="box-footer">
                   <div class="input-group">
-                    <input class="form-control" placeholder="Type message..."/>
+                    <input class="form-control" placeholder="Type message..." />
                     <div class="input-group-btn">
                       <button class="btn btn-success"><i class="fa fa-plus"></i></button>
                     </div>
@@ -639,7 +639,7 @@
                         <i class="fa fa-ellipsis-v"></i>
                       </span>
                       <!-- checkbox -->
-                      <input type="checkbox" value="" name=""/>
+                      <input type="checkbox" value="" name="" />
                       <!-- todo text -->
                       <span class="text">Design a nice theme</span>
                       <!-- Emphasis label -->
@@ -655,7 +655,7 @@
                         <i class="fa fa-ellipsis-v"></i>
                         <i class="fa fa-ellipsis-v"></i>
                       </span>
-                      <input type="checkbox" value="" name=""/>
+                      <input type="checkbox" value="" name="" />
                       <span class="text">Make the theme responsive</span>
                       <small class="label label-info"><i class="fa fa-clock-o"></i> 4 hours</small>
                       <div class="tools">
@@ -668,7 +668,7 @@
                         <i class="fa fa-ellipsis-v"></i>
                         <i class="fa fa-ellipsis-v"></i>
                       </span>
-                      <input type="checkbox" value="" name=""/>
+                      <input type="checkbox" value="" name="" />
                       <span class="text">Let theme shine like a star</span>
                       <small class="label label-warning"><i class="fa fa-clock-o"></i> 1 day</small>
                       <div class="tools">
@@ -681,7 +681,7 @@
                         <i class="fa fa-ellipsis-v"></i>
                         <i class="fa fa-ellipsis-v"></i>
                       </span>
-                      <input type="checkbox" value="" name=""/>
+                      <input type="checkbox" value="" name="" />
                       <span class="text">Let theme shine like a star</span>
                       <small class="label label-success"><i class="fa fa-clock-o"></i> 3 days</small>
                       <div class="tools">
@@ -694,7 +694,7 @@
                         <i class="fa fa-ellipsis-v"></i>
                         <i class="fa fa-ellipsis-v"></i>
                       </span>
-                      <input type="checkbox" value="" name=""/>
+                      <input type="checkbox" value="" name="" />
                       <span class="text">Check your messages and notifications</span>
                       <small class="label label-primary"><i class="fa fa-clock-o"></i> 1 week</small>
                       <div class="tools">
@@ -707,7 +707,7 @@
                         <i class="fa fa-ellipsis-v"></i>
                         <i class="fa fa-ellipsis-v"></i>
                       </span>
-                      <input type="checkbox" value="" name=""/>
+                      <input type="checkbox" value="" name="" />
                       <span class="text">Let theme shine like a star</span>
                       <small class="label label-default"><i class="fa fa-clock-o"></i> 1 month</small>
                       <div class="tools">
@@ -735,10 +735,10 @@
                 <div class="box-body">
                   <form action="#" method="post">
                     <div class="form-group">
-                      <input type="email" class="form-control" name="emailto" placeholder="Email to:"/>
+                      <input type="email" class="form-control" name="emailto" placeholder="Email to:" />
                     </div>
                     <div class="form-group">
-                      <input type="text" class="form-control" name="subject" placeholder="Subject"/>
+                      <input type="text" class="form-control" name="subject" placeholder="Subject" />
                     </div>
                     <div>
                       <textarea class="textarea" placeholder="Message" style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
@@ -760,7 +760,7 @@
                   <!-- tools box -->
                   <div class="pull-right box-tools">
                     <button class="btn btn-primary btn-sm daterange pull-right" data-toggle="tooltip" title="Date range"><i class="fa fa-calendar"></i></button>
-                    <button class="btn btn-primary btn-sm pull-right" data-widget='collapse' data-toggle="tooltip" title="Collapse" style="margin-right: 5px;"><i class="fa fa-minus"></i></button>
+                    <button class="btn btn-primary btn-sm pull-right" data-widget="collapse" data-toggle="tooltip" title="Collapse" style="margin-right: 5px;"><i class="fa fa-minus"></i></button>
                   </div><!-- /. tools -->
 
                   <i class="fa fa-map-marker"></i>
@@ -806,15 +806,15 @@
                 <div class="box-footer no-border">
                   <div class="row">
                     <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
-                      <input type="text" class="knob" data-readonly="true" value="20" data-width="60" data-height="60" data-fgColor="#39CCCC"/>
+                      <input type="text" class="knob" data-readonly="true" value="20" data-width="60" data-height="60" data-fgColor="#39CCCC" />
                       <div class="knob-label">Mail-Orders</div>
                     </div><!-- ./col -->
                     <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
-                      <input type="text" class="knob" data-readonly="true" value="50" data-width="60" data-height="60" data-fgColor="#39CCCC"/>
+                      <input type="text" class="knob" data-readonly="true" value="50" data-width="60" data-height="60" data-fgColor="#39CCCC" />
                       <div class="knob-label">Online</div>
                     </div><!-- ./col -->
                     <div class="col-xs-4 text-center">
-                      <input type="text" class="knob" data-readonly="true" value="30" data-width="60" data-height="60" data-fgColor="#39CCCC"/>
+                      <input type="text" class="knob" data-readonly="true" value="30" data-width="60" data-height="60" data-fgColor="#39CCCC" />
                       <div class="knob-label">In-Store</div>
                     </div><!-- ./col -->
                   </div><!-- /.row -->
@@ -898,9 +898,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>
@@ -912,9 +912,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>
@@ -923,7 +923,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>
@@ -932,7 +932,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>
@@ -941,7 +941,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>
@@ -952,58 +952,58 @@
             </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>
                   </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">
@@ -1064,7 +1064,7 @@
       </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 -->
@@ -1072,11 +1072,11 @@
     <!-- jQuery UI 1.11.4 -->
     <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js" type="text/javascript"></script>
     <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
-    <script>
+    <script type="text/javascript">
       $.widget.bridge('uibutton', $.ui.button);
     </script>
     <!-- Bootstrap 3.3.2 JS -->
-    <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>    
+    <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
     <!-- Morris.js charts -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
     <script src="plugins/morris/morris.min.js" type="text/javascript"></script>
@@ -1097,12 +1097,12 @@
     <!-- Slimscroll -->
     <script src="plugins/slimScroll/jquery.slimscroll.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>    
+    <script src="dist/js/app.min.js" type="text/javascript"></script>
     
     <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
-    <script src="dist/js/pages/dashboard.js" type="text/javascript"></script>    
+    <script src="dist/js/pages/dashboard.js" type="text/javascript"></script>
     
     <!-- AdminLTE for demo purposes -->
     <script src="dist/js/demo.js" type="text/javascript"></script>

+ 85 - 85
index2.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 -->
@@ -62,7 +62,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
@@ -74,7 +74,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
@@ -86,7 +86,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
@@ -98,7 +98,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
@@ -110,7 +110,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
@@ -239,7 +239,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">
@@ -301,9 +301,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>
@@ -659,7 +659,7 @@
                     <div class="box-header with-border">
                       <h3 class="box-title">Direct Chat</h3>
                       <div class="box-tools pull-right">
-                        <span data-toggle="tooltip" title="3 New Messages" class='badge bg-yellow'>3</span>
+                        <span data-toggle="tooltip" title="3 New Messages" class="badge bg-yellow">3</span>
                         <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
                         <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
                         <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
@@ -670,9 +670,9 @@
                       <div class="direct-chat-messages">
                         <!-- Message. Default to the left -->
                         <div class="direct-chat-msg">
-                          <div class='direct-chat-info clearfix'>
-                            <span class='direct-chat-name pull-left'>Alexander Pierce</span>
-                            <span class='direct-chat-timestamp pull-right'>23 Jan 2:00 pm</span>
+                          <div class="direct-chat-info clearfix">
+                            <span class="direct-chat-name pull-left">Alexander Pierce</span>
+                            <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
                           </div><!-- /.direct-chat-info -->
                           <img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
                           <div class="direct-chat-text">
@@ -682,9 +682,9 @@
 
                         <!-- Message to the right -->
                         <div class="direct-chat-msg right">
-                          <div class='direct-chat-info clearfix'>
-                            <span class='direct-chat-name pull-right'>Sarah Bullock</span>
-                            <span class='direct-chat-timestamp pull-left'>23 Jan 2:05 pm</span>
+                          <div class="direct-chat-info clearfix">
+                            <span class="direct-chat-name pull-right">Sarah Bullock</span>
+                            <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
                           </div><!-- /.direct-chat-info -->
                           <img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
                           <div class="direct-chat-text">
@@ -694,9 +694,9 @@
 
                         <!-- Message. Default to the left -->
                         <div class="direct-chat-msg">
-                          <div class='direct-chat-info clearfix'>
-                            <span class='direct-chat-name pull-left'>Alexander Pierce</span>
-                            <span class='direct-chat-timestamp pull-right'>23 Jan 5:37 pm</span>
+                          <div class="direct-chat-info clearfix">
+                            <span class="direct-chat-name pull-left">Alexander Pierce</span>
+                            <span class="direct-chat-timestamp pull-right">23 Jan 5:37 pm</span>
                           </div><!-- /.direct-chat-info -->
                           <img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
                           <div class="direct-chat-text">
@@ -706,9 +706,9 @@
 
                         <!-- Message to the right -->
                         <div class="direct-chat-msg right">
-                          <div class='direct-chat-info clearfix'>
-                            <span class='direct-chat-name pull-right'>Sarah Bullock</span>
-                            <span class='direct-chat-timestamp pull-left'>23 Jan 6:10 pm</span>
+                          <div class="direct-chat-info clearfix">
+                            <span class="direct-chat-name pull-right">Sarah Bullock</span>
+                            <span class="direct-chat-timestamp pull-left">23 Jan 6:10 pm</span>
                           </div><!-- /.direct-chat-info -->
                           <img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img -->
                           <div class="direct-chat-text">
@@ -721,76 +721,76 @@
 
                       <!-- Contacts are loaded here -->
                       <div class="direct-chat-contacts">
-                        <ul class='contacts-list'>
+                        <ul class="contacts-list">
                           <li>
-                            <a href='#'>
-                              <img class='contacts-list-img' src='dist/img/user1-128x128.jpg'/>
-                              <div class='contacts-list-info'>
-                                <span class='contacts-list-name'>
+                            <a href="#">
+                              <img class="contacts-list-img" src="dist/img/user1-128x128.jpg" />
+                              <div class="contacts-list-info">
+                                <span class="contacts-list-name">
                                   Count Dracula
-                                  <small class='contacts-list-date pull-right'>2/28/2015</small>
+                                  <small class="contacts-list-date pull-right">2/28/2015</small>
                                 </span>
-                                <span class='contacts-list-msg'>How have you been? I was...</span>
+                                <span class="contacts-list-msg">How have you been? I was...</span>
                               </div><!-- /.contacts-list-info -->
                             </a>
                           </li><!-- End Contact Item -->
                           <li>
-                            <a href='#'>
-                              <img class='contacts-list-img' src='dist/img/user7-128x128.jpg'/>
-                              <div class='contacts-list-info'>
-                                <span class='contacts-list-name'>
+                            <a href="#">
+                              <img class="contacts-list-img" src="dist/img/user7-128x128.jpg" />
+                              <div class="contacts-list-info">
+                                <span class="contacts-list-name">
                                   Sarah Doe
-                                  <small class='contacts-list-date pull-right'>2/23/2015</small>
+                                  <small class="contacts-list-date pull-right">2/23/2015</small>
                                 </span>
-                                <span class='contacts-list-msg'>I will be waiting for...</span>
+                                <span class="contacts-list-msg">I will be waiting for...</span>
                               </div><!-- /.contacts-list-info -->
                             </a>
                           </li><!-- End Contact Item -->
                           <li>
-                            <a href='#'>
-                              <img class='contacts-list-img' src='dist/img/user3-128x128.jpg'/>
-                              <div class='contacts-list-info'>
-                                <span class='contacts-list-name'>
+                            <a href="#">
+                              <img class="contacts-list-img" src="dist/img/user3-128x128.jpg" />
+                              <div class="contacts-list-info">
+                                <span class="contacts-list-name">
                                   Nadia Jolie
-                                  <small class='contacts-list-date pull-right'>2/20/2015</small>
+                                  <small class="contacts-list-date pull-right">2/20/2015</small>
                                 </span>
-                                <span class='contacts-list-msg'>I'll call you back at...</span>
+                                <span class="contacts-list-msg">I'll call you back at...</span>
                               </div><!-- /.contacts-list-info -->
                             </a>
                           </li><!-- End Contact Item -->
                           <li>
-                            <a href='#'>
-                              <img class='contacts-list-img' src='dist/img/user5-128x128.jpg'/>
-                              <div class='contacts-list-info'>
-                                <span class='contacts-list-name'>
+                            <a href="#">
+                              <img class="contacts-list-img" src="dist/img/user5-128x128.jpg" />
+                              <div class="contacts-list-info">
+                                <span class="contacts-list-name">
                                   Nora S. Vans
-                                  <small class='contacts-list-date pull-right'>2/10/2015</small>
+                                  <small class="contacts-list-date pull-right">2/10/2015</small>
                                 </span>
-                                <span class='contacts-list-msg'>Where is your new...</span>
+                                <span class="contacts-list-msg">Where is your new...</span>
                               </div><!-- /.contacts-list-info -->
                             </a>
                           </li><!-- End Contact Item -->
                           <li>
-                            <a href='#'>
-                              <img class='contacts-list-img' src='dist/img/user6-128x128.jpg'/>
-                              <div class='contacts-list-info'>
-                                <span class='contacts-list-name'>
+                            <a href="#">
+                              <img class="contacts-list-img" src="dist/img/user6-128x128.jpg" />
+                              <div class="contacts-list-info">
+                                <span class="contacts-list-name">
                                   John K.
-                                  <small class='contacts-list-date pull-right'>1/27/2015</small>
+                                  <small class="contacts-list-date pull-right">1/27/2015</small>
                                 </span>
-                                <span class='contacts-list-msg'>Can I take a look at...</span>
+                                <span class="contacts-list-msg">Can I take a look at...</span>
                               </div><!-- /.contacts-list-info -->
                             </a>
                           </li><!-- End Contact Item -->
                           <li>
-                            <a href='#'>
-                              <img class='contacts-list-img' src='dist/img/user8-128x128.jpg'/>
-                              <div class='contacts-list-info'>
-                                <span class='contacts-list-name'>
+                            <a href="#">
+                              <img class="contacts-list-img" src="dist/img/user8-128x128.jpg" />
+                              <div class="contacts-list-info">
+                                <span class="contacts-list-name">
                                   Kenneth M.
-                                  <small class='contacts-list-date pull-right'>1/4/2015</small>
+                                  <small class="contacts-list-date pull-right">1/4/2015</small>
                                 </span>
-                                <span class='contacts-list-msg'>Never mind I found...</span>
+                                <span class="contacts-list-msg">Never mind I found...</span>
                               </div><!-- /.contacts-list-info -->
                             </a>
                           </li><!-- End Contact Item -->
@@ -800,7 +800,7 @@
                     <div class="box-footer">
                       <form action="#" method="post">
                         <div class="input-group">
-                          <input type="text" name="message" placeholder="Type Message ..." class="form-control"/>
+                          <input type="text" name="message" placeholder="Type Message ..." class="form-control" />
                           <span class="input-group-btn">
                             <button type="button" class="btn btn-warning btn-flat">Send</button>
                           </span>
@@ -824,42 +824,42 @@
                     <div class="box-body no-padding">
                       <ul class="users-list clearfix">
                         <li>
-                          <img src="dist/img/user1-128x128.jpg" alt="User Image"/>
+                          <img src="dist/img/user1-128x128.jpg" alt="User Image" />
                           <a class="users-list-name" href="#">Alexander Pierce</a>
                           <span class="users-list-date">Today</span>
                         </li>
                         <li>
-                          <img src="dist/img/user8-128x128.jpg" alt="User Image"/>
+                          <img src="dist/img/user8-128x128.jpg" alt="User Image" />
                           <a class="users-list-name" href="#">Norman</a>
                           <span class="users-list-date">Yesterday</span>
                         </li>
                         <li>
-                          <img src="dist/img/user7-128x128.jpg" alt="User Image"/>
+                          <img src="dist/img/user7-128x128.jpg" alt="User Image" />
                           <a class="users-list-name" href="#">Jane</a>
                           <span class="users-list-date">12 Jan</span>
                         </li>
                         <li>
-                          <img src="dist/img/user6-128x128.jpg" alt="User Image"/>
+                          <img src="dist/img/user6-128x128.jpg" alt="User Image" />
                           <a class="users-list-name" href="#">John</a>
                           <span class="users-list-date">12 Jan</span>
                         </li>
                         <li>
-                          <img src="dist/img/user2-160x160.jpg" alt="User Image"/>
+                          <img src="dist/img/user2-160x160.jpg" alt="User Image" />
                           <a class="users-list-name" href="#">Alexander</a>
                           <span class="users-list-date">13 Jan</span>
                         </li>
                         <li>
-                          <img src="dist/img/user5-128x128.jpg" alt="User Image"/>
+                          <img src="dist/img/user5-128x128.jpg" alt="User Image" />
                           <a class="users-list-name" href="#">Sarah</a>
                           <span class="users-list-date">14 Jan</span>
                         </li>
                         <li>
-                          <img src="dist/img/user4-128x128.jpg" alt="User Image"/>
+                          <img src="dist/img/user4-128x128.jpg" alt="User Image" />
                           <a class="users-list-name" href="#">Nora</a>
                           <span class="users-list-date">15 Jan</span>
                         </li>
                         <li>
-                          <img src="dist/img/user3-128x128.jpg" alt="User Image"/>
+                          <img src="dist/img/user3-128x128.jpg" alt="User Image" />
                           <a class="users-list-name" href="#">Nadia</a>
                           <span class="users-list-date">15 Jan</span>
                         </li>
@@ -1050,7 +1050,7 @@
                   <ul class="products-list product-list-in-box">
                     <li class="item">
                       <div class="product-img">
-                        <img src="dist/img/default-50x50.gif" alt="Product Image"/>
+                        <img src="dist/img/default-50x50.gif" alt="Product Image" />
                       </div>
                       <div class="product-info">
                         <a href="javascript::;" class="product-title">Samsung TV <span class="label label-warning pull-right">$1800</span></a>
@@ -1061,7 +1061,7 @@
                     </li><!-- /.item -->
                     <li class="item">
                       <div class="product-img">
-                        <img src="dist/img/default-50x50.gif" alt="Product Image"/>
+                        <img src="dist/img/default-50x50.gif" alt="Product Image" />
                       </div>
                       <div class="product-info">
                         <a href="javascript::;" class="product-title">Bicycle <span class="label label-info pull-right">$700</span></a>
@@ -1072,7 +1072,7 @@
                     </li><!-- /.item -->
                     <li class="item">
                       <div class="product-img">
-                        <img src="dist/img/default-50x50.gif" alt="Product Image"/>
+                        <img src="dist/img/default-50x50.gif" alt="Product Image" />
                       </div>
                       <div class="product-info">
                         <a href="javascript::;" class="product-title">Xbox One <span class="label label-danger pull-right">$350</span></a>
@@ -1083,7 +1083,7 @@
                     </li><!-- /.item -->
                     <li class="item">
                       <div class="product-img">
-                        <img src="dist/img/default-50x50.gif" alt="Product Image"/>
+                        <img src="dist/img/default-50x50.gif" alt="Product Image" />
                       </div>
                       <div class="product-info">
                         <a href="javascript::;" class="product-title">PlayStation 4 <span class="label label-success pull-right">$399</span></a>
@@ -1122,9 +1122,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>
@@ -1133,7 +1133,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>
@@ -1142,7 +1142,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>
@@ -1151,7 +1151,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>
@@ -1162,9 +1162,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>
@@ -1175,7 +1175,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>
@@ -1186,7 +1186,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>
@@ -1197,7 +1197,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>
@@ -1273,16 +1273,16 @@
       </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>
     <!-- Sparkline -->

+ 21 - 21
starter.html

@@ -8,7 +8,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
     <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 -->
@@ -89,7 +89,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
                         <a href="#">
                           <div class="pull-left">
                             <!-- User Image -->
-                            <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>
                           <!-- Message title and timestamp -->
                           <h4>
@@ -168,7 +168,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
                 <!-- Menu Toggle Button -->
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                   <!-- The user image in the navbar-->
-                  <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" />
                   <!-- hidden-xs hides the username on small devices so only the image appears. -->
                   <span class="hidden-xs">Alexander Pierce</span>
                 </a>
@@ -233,9 +233,9 @@ scratch. This page gets rid of all links and provides the needed markup only.
           <!-- search form (Optional) -->
           <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>
@@ -245,10 +245,10 @@ scratch. This page gets rid of all links and provides the needed markup only.
           <ul class="sidebar-menu">
             <li class="header">HEADER</li>
             <!-- Optionally, you can add icons to the links -->
-            <li class="active"><a href="#"><i class='fa fa-link'></i> <span>Link</span></a></li>
-            <li><a href="#"><i class='fa fa-link'></i> <span>Another Link</span></a></li>
+            <li class="active"><a href="#"><i class="fa fa-link"></i> <span>Link</span></a></li>
+            <li><a href="#"><i class="fa fa-link"></i> <span>Another Link</span></a></li>
             <li class="treeview">
-              <a href="#"><i class='fa fa-link'></i> <span>Multilevel</span> <i class="fa fa-angle-left pull-right"></i></a>
+              <a href="#"><i class="fa fa-link"></i> <span>Multilevel</span> <i class="fa fa-angle-left pull-right"></i></a>
               <ul class="treeview-menu">
                 <li><a href="#">Link in level 2</a></li>
                 <li><a href="#">Link in level 2</a></li>
@@ -290,9 +290,9 @@ scratch. This page gets rid of all links and provides the needed markup only.
         <!-- Default to the left -->
         <strong>Copyright &copy; 2015 <a href="#">Company</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 class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
@@ -303,38 +303,38 @@ scratch. This page gets rid of all links and provides the needed markup only.
           <!-- Home tab content -->
           <div class="tab-pane active" 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>
                     <p>Will be 23 on April 24th</p>
                   </div>
                 </a>
-              </li>              
+              </li>
             </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>
                   </h4>
                   <div class="progress progress-xxs">
                     <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
-                  </div>                                    
+                  </div>
                 </a>
-              </li>                         
+              </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">
@@ -352,13 +352,13 @@ scratch. This page gets rid of all links and provides the needed markup only.
       </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 -->
 
     <!-- REQUIRED JS SCRIPTS -->
 
     <!-- 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>
     <!-- AdminLTE App -->