Fix some bugs when testing opensds ansible
[stor4nfv.git] / src / ceph / src / pybind / mgr / dashboard / static / AdminLTE-2.3.7 / pages / tables / data.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4   <meta charset="utf-8">
5   <meta http-equiv="X-UA-Compatible" content="IE=edge">
6   <title>AdminLTE 2 | Data Tables</title>
7   <!-- Tell the browser to be responsive to screen width -->
8   <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
9   <!-- Bootstrap 3.3.6 -->
10   <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
11   <!-- Font Awesome -->
12   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
13   <!-- Ionicons -->
14   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
15   <!-- DataTables -->
16   <link rel="stylesheet" href="../../plugins/datatables/dataTables.bootstrap.css">
17   <!-- Theme style -->
18   <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
19   <!-- AdminLTE Skins. Choose a skin from the css/skins
20        folder instead of downloading all of them to reduce the load. -->
21   <link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
22
23   <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
24   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
25   <!--[if lt IE 9]>
26   <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
27   <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
28   <![endif]-->
29 </head>
30 <body class="hold-transition skin-blue sidebar-mini">
31 <div class="wrapper">
32
33   <header class="main-header">
34     <!-- Logo -->
35     <a href="../../index2.html" class="logo">
36       <!-- mini logo for sidebar mini 50x50 pixels -->
37       <span class="logo-mini"><b>A</b>LT</span>
38       <!-- logo for regular state and mobile devices -->
39       <span class="logo-lg"><b>Admin</b>LTE</span>
40     </a>
41     <!-- Header Navbar: style can be found in header.less -->
42     <nav class="navbar navbar-static-top">
43       <!-- Sidebar toggle button-->
44       <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
45         <span class="sr-only">Toggle navigation</span>
46         <span class="icon-bar"></span>
47         <span class="icon-bar"></span>
48         <span class="icon-bar"></span>
49       </a>
50
51       <div class="navbar-custom-menu">
52         <ul class="nav navbar-nav">
53           <!-- Messages: style can be found in dropdown.less-->
54           <li class="dropdown messages-menu">
55             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
56               <i class="fa fa-envelope-o"></i>
57               <span class="label label-success">4</span>
58             </a>
59             <ul class="dropdown-menu">
60               <li class="header">You have 4 messages</li>
61               <li>
62                 <!-- inner menu: contains the actual data -->
63                 <ul class="menu">
64                   <li><!-- start message -->
65                     <a href="#">
66                       <div class="pull-left">
67                         <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
68                       </div>
69                       <h4>
70                         Support Team
71                         <small><i class="fa fa-clock-o"></i> 5 mins</small>
72                       </h4>
73                       <p>Why not buy a new awesome theme?</p>
74                     </a>
75                   </li>
76                   <!-- end message -->
77                   <li>
78                     <a href="#">
79                       <div class="pull-left">
80                         <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
81                       </div>
82                       <h4>
83                         AdminLTE Design Team
84                         <small><i class="fa fa-clock-o"></i> 2 hours</small>
85                       </h4>
86                       <p>Why not buy a new awesome theme?</p>
87                     </a>
88                   </li>
89                   <li>
90                     <a href="#">
91                       <div class="pull-left">
92                         <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
93                       </div>
94                       <h4>
95                         Developers
96                         <small><i class="fa fa-clock-o"></i> Today</small>
97                       </h4>
98                       <p>Why not buy a new awesome theme?</p>
99                     </a>
100                   </li>
101                   <li>
102                     <a href="#">
103                       <div class="pull-left">
104                         <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
105                       </div>
106                       <h4>
107                         Sales Department
108                         <small><i class="fa fa-clock-o"></i> Yesterday</small>
109                       </h4>
110                       <p>Why not buy a new awesome theme?</p>
111                     </a>
112                   </li>
113                   <li>
114                     <a href="#">
115                       <div class="pull-left">
116                         <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
117                       </div>
118                       <h4>
119                         Reviewers
120                         <small><i class="fa fa-clock-o"></i> 2 days</small>
121                       </h4>
122                       <p>Why not buy a new awesome theme?</p>
123                     </a>
124                   </li>
125                 </ul>
126               </li>
127               <li class="footer"><a href="#">See All Messages</a></li>
128             </ul>
129           </li>
130           <!-- Notifications: style can be found in dropdown.less -->
131           <li class="dropdown notifications-menu">
132             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
133               <i class="fa fa-bell-o"></i>
134               <span class="label label-warning">10</span>
135             </a>
136             <ul class="dropdown-menu">
137               <li class="header">You have 10 notifications</li>
138               <li>
139                 <!-- inner menu: contains the actual data -->
140                 <ul class="menu">
141                   <li>
142                     <a href="#">
143                       <i class="fa fa-users text-aqua"></i> 5 new members joined today
144                     </a>
145                   </li>
146                   <li>
147                     <a href="#">
148                       <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
149                       page and may cause design problems
150                     </a>
151                   </li>
152                   <li>
153                     <a href="#">
154                       <i class="fa fa-users text-red"></i> 5 new members joined
155                     </a>
156                   </li>
157
158                   <li>
159                     <a href="#">
160                       <i class="fa fa-shopping-cart text-green"></i> 25 sales made
161                     </a>
162                   </li>
163                   <li>
164                     <a href="#">
165                       <i class="fa fa-user text-red"></i> You changed your username
166                     </a>
167                   </li>
168                 </ul>
169               </li>
170               <li class="footer"><a href="#">View all</a></li>
171             </ul>
172           </li>
173           <!-- Tasks: style can be found in dropdown.less -->
174           <li class="dropdown tasks-menu">
175             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
176               <i class="fa fa-flag-o"></i>
177               <span class="label label-danger">9</span>
178             </a>
179             <ul class="dropdown-menu">
180               <li class="header">You have 9 tasks</li>
181               <li>
182                 <!-- inner menu: contains the actual data -->
183                 <ul class="menu">
184                   <li><!-- Task item -->
185                     <a href="#">
186                       <h3>
187                         Design some buttons
188                         <small class="pull-right">20%</small>
189                       </h3>
190                       <div class="progress xs">
191                         <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
192                           <span class="sr-only">20% Complete</span>
193                         </div>
194                       </div>
195                     </a>
196                   </li>
197                   <!-- end task item -->
198                   <li><!-- Task item -->
199                     <a href="#">
200                       <h3>
201                         Create a nice theme
202                         <small class="pull-right">40%</small>
203                       </h3>
204                       <div class="progress xs">
205                         <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
206                           <span class="sr-only">40% Complete</span>
207                         </div>
208                       </div>
209                     </a>
210                   </li>
211                   <!-- end task item -->
212                   <li><!-- Task item -->
213                     <a href="#">
214                       <h3>
215                         Some task I need to do
216                         <small class="pull-right">60%</small>
217                       </h3>
218                       <div class="progress xs">
219                         <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
220                           <span class="sr-only">60% Complete</span>
221                         </div>
222                       </div>
223                     </a>
224                   </li>
225                   <!-- end task item -->
226                   <li><!-- Task item -->
227                     <a href="#">
228                       <h3>
229                         Make beautiful transitions
230                         <small class="pull-right">80%</small>
231                       </h3>
232                       <div class="progress xs">
233                         <div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
234                           <span class="sr-only">80% Complete</span>
235                         </div>
236                       </div>
237                     </a>
238                   </li>
239                   <!-- end task item -->
240                 </ul>
241               </li>
242               <li class="footer">
243                 <a href="#">View all tasks</a>
244               </li>
245             </ul>
246           </li>
247           <!-- User Account: style can be found in dropdown.less -->
248           <li class="dropdown user user-menu">
249             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
250               <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
251               <span class="hidden-xs">Alexander Pierce</span>
252             </a>
253             <ul class="dropdown-menu">
254               <!-- User image -->
255               <li class="user-header">
256                 <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
257
258                 <p>
259                   Alexander Pierce - Web Developer
260                   <small>Member since Nov. 2012</small>
261                 </p>
262               </li>
263               <!-- Menu Body -->
264               <li class="user-body">
265                 <div class="row">
266                   <div class="col-xs-4 text-center">
267                     <a href="#">Followers</a>
268                   </div>
269                   <div class="col-xs-4 text-center">
270                     <a href="#">Sales</a>
271                   </div>
272                   <div class="col-xs-4 text-center">
273                     <a href="#">Friends</a>
274                   </div>
275                 </div>
276                 <!-- /.row -->
277               </li>
278               <!-- Menu Footer-->
279               <li class="user-footer">
280                 <div class="pull-left">
281                   <a href="#" class="btn btn-default btn-flat">Profile</a>
282                 </div>
283                 <div class="pull-right">
284                   <a href="#" class="btn btn-default btn-flat">Sign out</a>
285                 </div>
286               </li>
287             </ul>
288           </li>
289           <!-- Control Sidebar Toggle Button -->
290           <li>
291             <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
292           </li>
293         </ul>
294       </div>
295     </nav>
296   </header>
297   <!-- Left side column. contains the logo and sidebar -->
298   <aside class="main-sidebar">
299     <!-- sidebar: style can be found in sidebar.less -->
300     <section class="sidebar">
301       <!-- Sidebar user panel -->
302       <div class="user-panel">
303         <div class="pull-left image">
304           <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
305         </div>
306         <div class="pull-left info">
307           <p>Alexander Pierce</p>
308           <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
309         </div>
310       </div>
311       <!-- search form -->
312       <form action="#" method="get" class="sidebar-form">
313         <div class="input-group">
314           <input type="text" name="q" class="form-control" placeholder="Search...">
315               <span class="input-group-btn">
316                 <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
317                 </button>
318               </span>
319         </div>
320       </form>
321       <!-- /.search form -->
322       <!-- sidebar menu: : style can be found in sidebar.less -->
323       <ul class="sidebar-menu">
324         <li class="header">MAIN NAVIGATION</li>
325         <li class="treeview">
326           <a href="#">
327             <i class="fa fa-dashboard"></i> <span>Dashboard</span>
328             <span class="pull-right-container">
329               <i class="fa fa-angle-left pull-right"></i>
330             </span>
331           </a>
332           <ul class="treeview-menu">
333             <li><a href="../../index.html"><i class="fa fa-circle-o"></i> Dashboard v1</a></li>
334             <li><a href="../../index2.html"><i class="fa fa-circle-o"></i> Dashboard v2</a></li>
335           </ul>
336         </li>
337         <li class="treeview">
338           <a href="#">
339             <i class="fa fa-files-o"></i>
340             <span>Layout Options</span>
341             <span class="pull-right-container">
342               <span class="label label-primary pull-right">4</span>
343             </span>
344           </a>
345           <ul class="treeview-menu">
346             <li><a href="../layout/top-nav.html"><i class="fa fa-circle-o"></i> Top Navigation</a></li>
347             <li><a href="../layout/boxed.html"><i class="fa fa-circle-o"></i> Boxed</a></li>
348             <li><a href="../layout/fixed.html"><i class="fa fa-circle-o"></i> Fixed</a></li>
349             <li><a href="../layout/collapsed-sidebar.html"><i class="fa fa-circle-o"></i> Collapsed Sidebar</a></li>
350           </ul>
351         </li>
352         <li>
353           <a href="../widgets.html">
354             <i class="fa fa-th"></i> <span>Widgets</span>
355             <span class="pull-right-container">
356               <small class="label pull-right bg-green">new</small>
357             </span>
358           </a>
359         </li>
360         <li class="treeview">
361           <a href="#">
362             <i class="fa fa-pie-chart"></i>
363             <span>Charts</span>
364                 <span class="pull-right-container">
365                   <i class="fa fa-angle-left pull-right"></i>
366                 </span>
367           </a>
368           <ul class="treeview-menu">
369             <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
370             <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
371             <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
372             <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
373           </ul>
374         </li>
375         <li class="treeview">
376           <a href="#">
377             <i class="fa fa-laptop"></i>
378             <span>UI Elements</span>
379                 <span class="pull-right-container">
380                   <i class="fa fa-angle-left pull-right"></i>
381                 </span>
382           </a>
383           <ul class="treeview-menu">
384             <li><a href="../UI/general.html"><i class="fa fa-circle-o"></i> General</a></li>
385             <li><a href="../UI/icons.html"><i class="fa fa-circle-o"></i> Icons</a></li>
386             <li><a href="../UI/buttons.html"><i class="fa fa-circle-o"></i> Buttons</a></li>
387             <li><a href="../UI/sliders.html"><i class="fa fa-circle-o"></i> Sliders</a></li>
388             <li><a href="../UI/timeline.html"><i class="fa fa-circle-o"></i> Timeline</a></li>
389             <li><a href="../UI/modals.html"><i class="fa fa-circle-o"></i> Modals</a></li>
390           </ul>
391         </li>
392         <li class="treeview">
393           <a href="#">
394             <i class="fa fa-edit"></i> <span>Forms</span>
395                 <span class="pull-right-container">
396                   <i class="fa fa-angle-left pull-right"></i>
397                 </span>
398           </a>
399           <ul class="treeview-menu">
400             <li><a href="../forms/general.html"><i class="fa fa-circle-o"></i> General Elements</a></li>
401             <li><a href="../forms/advanced.html"><i class="fa fa-circle-o"></i> Advanced Elements</a></li>
402             <li><a href="../forms/editors.html"><i class="fa fa-circle-o"></i> Editors</a></li>
403           </ul>
404         </li>
405         <li class="treeview active">
406           <a href="#">
407             <i class="fa fa-table"></i> <span>Tables</span>
408                 <span class="pull-right-container">
409                   <i class="fa fa-angle-left pull-right"></i>
410                 </span>
411           </a>
412           <ul class="treeview-menu">
413             <li><a href="simple.html"><i class="fa fa-circle-o"></i> Simple tables</a></li>
414             <li class="active"><a href="data.html"><i class="fa fa-circle-o"></i> Data tables</a></li>
415           </ul>
416         </li>
417         <li>
418           <a href="../calendar.html">
419             <i class="fa fa-calendar"></i> <span>Calendar</span>
420             <span class="pull-right-container">
421               <small class="label pull-right bg-red">3</small>
422               <small class="label pull-right bg-blue">17</small>
423             </span>
424           </a>
425         </li>
426         <li>
427           <a href="../mailbox/mailbox.html">
428             <i class="fa fa-envelope"></i> <span>Mailbox</span>
429             <span class="pull-right-container">
430               <small class="label pull-right bg-yellow">12</small>
431               <small class="label pull-right bg-green">16</small>
432               <small class="label pull-right bg-red">5</small>
433             </span>
434           </a>
435         </li>
436         <li class="treeview">
437           <a href="#">
438             <i class="fa fa-folder"></i> <span>Examples</span>
439                 <span class="pull-right-container">
440                   <i class="fa fa-angle-left pull-right"></i>
441                 </span>
442           </a>
443           <ul class="treeview-menu">
444             <li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
445             <li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
446             <li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
447             <li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
448             <li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
449             <li><a href="../examples/404.html"><i class="fa fa-circle-o"></i> 404 Error</a></li>
450             <li><a href="../examples/500.html"><i class="fa fa-circle-o"></i> 500 Error</a></li>
451             <li><a href="../examples/blank.html"><i class="fa fa-circle-o"></i> Blank Page</a></li>
452             <li><a href="../examples/pace.html"><i class="fa fa-circle-o"></i> Pace Page</a></li>
453           </ul>
454         </li>
455         <li class="treeview">
456           <a href="#">
457             <i class="fa fa-share"></i> <span>Multilevel</span>
458                 <span class="pull-right-container">
459                   <i class="fa fa-angle-left pull-right"></i>
460                 </span>
461           </a>
462           <ul class="treeview-menu">
463             <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
464             <li>
465               <a href="#"><i class="fa fa-circle-o"></i> Level One
466                 <span class="pull-right-container">
467                   <i class="fa fa-angle-left pull-right"></i>
468                 </span>
469               </a>
470               <ul class="treeview-menu">
471                 <li><a href="#"><i class="fa fa-circle-o"></i> Level Two</a></li>
472                 <li>
473                   <a href="#"><i class="fa fa-circle-o"></i> Level Two
474                     <span class="pull-right-container">
475                       <i class="fa fa-angle-left pull-right"></i>
476                     </span>
477                   </a>
478                   <ul class="treeview-menu">
479                     <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
480                     <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
481                   </ul>
482                 </li>
483               </ul>
484             </li>
485             <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
486           </ul>
487         </li>
488         <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
489         <li class="header">LABELS</li>
490         <li><a href="#"><i class="fa fa-circle-o text-red"></i> <span>Important</span></a></li>
491         <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> <span>Warning</span></a></li>
492         <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>Information</span></a></li>
493       </ul>
494     </section>
495     <!-- /.sidebar -->
496   </aside>
497
498   <!-- Content Wrapper. Contains page content -->
499   <div class="content-wrapper">
500     <!-- Content Header (Page header) -->
501     <section class="content-header">
502       <h1>
503         Data Tables
504         <small>advanced tables</small>
505       </h1>
506       <ol class="breadcrumb">
507         <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
508         <li><a href="#">Tables</a></li>
509         <li class="active">Data tables</li>
510       </ol>
511     </section>
512
513     <!-- Main content -->
514     <section class="content">
515       <div class="row">
516         <div class="col-xs-12">
517           <div class="box">
518             <div class="box-header">
519               <h3 class="box-title">Hover Data Table</h3>
520             </div>
521             <!-- /.box-header -->
522             <div class="box-body">
523               <table id="example2" class="table table-bordered table-hover">
524                 <thead>
525                 <tr>
526                   <th>Rendering engine</th>
527                   <th>Browser</th>
528                   <th>Platform(s)</th>
529                   <th>Engine version</th>
530                   <th>CSS grade</th>
531                 </tr>
532                 </thead>
533                 <tbody>
534                 <tr>
535                   <td>Trident</td>
536                   <td>Internet
537                     Explorer 4.0
538                   </td>
539                   <td>Win 95+</td>
540                   <td> 4</td>
541                   <td>X</td>
542                 </tr>
543                 <tr>
544                   <td>Trident</td>
545                   <td>Internet
546                     Explorer 5.0
547                   </td>
548                   <td>Win 95+</td>
549                   <td>5</td>
550                   <td>C</td>
551                 </tr>
552                 <tr>
553                   <td>Trident</td>
554                   <td>Internet
555                     Explorer 5.5
556                   </td>
557                   <td>Win 95+</td>
558                   <td>5.5</td>
559                   <td>A</td>
560                 </tr>
561                 <tr>
562                   <td>Trident</td>
563                   <td>Internet
564                     Explorer 6
565                   </td>
566                   <td>Win 98+</td>
567                   <td>6</td>
568                   <td>A</td>
569                 </tr>
570                 <tr>
571                   <td>Trident</td>
572                   <td>Internet Explorer 7</td>
573                   <td>Win XP SP2+</td>
574                   <td>7</td>
575                   <td>A</td>
576                 </tr>
577                 <tr>
578                   <td>Trident</td>
579                   <td>AOL browser (AOL desktop)</td>
580                   <td>Win XP</td>
581                   <td>6</td>
582                   <td>A</td>
583                 </tr>
584                 <tr>
585                   <td>Gecko</td>
586                   <td>Firefox 1.0</td>
587                   <td>Win 98+ / OSX.2+</td>
588                   <td>1.7</td>
589                   <td>A</td>
590                 </tr>
591                 <tr>
592                   <td>Gecko</td>
593                   <td>Firefox 1.5</td>
594                   <td>Win 98+ / OSX.2+</td>
595                   <td>1.8</td>
596                   <td>A</td>
597                 </tr>
598                 <tr>
599                   <td>Gecko</td>
600                   <td>Firefox 2.0</td>
601                   <td>Win 98+ / OSX.2+</td>
602                   <td>1.8</td>
603                   <td>A</td>
604                 </tr>
605                 <tr>
606                   <td>Gecko</td>
607                   <td>Firefox 3.0</td>
608                   <td>Win 2k+ / OSX.3+</td>
609                   <td>1.9</td>
610                   <td>A</td>
611                 </tr>
612                 <tr>
613                   <td>Gecko</td>
614                   <td>Camino 1.0</td>
615                   <td>OSX.2+</td>
616                   <td>1.8</td>
617                   <td>A</td>
618                 </tr>
619                 <tr>
620                   <td>Gecko</td>
621                   <td>Camino 1.5</td>
622                   <td>OSX.3+</td>
623                   <td>1.8</td>
624                   <td>A</td>
625                 </tr>
626                 <tr>
627                   <td>Gecko</td>
628                   <td>Netscape 7.2</td>
629                   <td>Win 95+ / Mac OS 8.6-9.2</td>
630                   <td>1.7</td>
631                   <td>A</td>
632                 </tr>
633                 <tr>
634                   <td>Gecko</td>
635                   <td>Netscape Browser 8</td>
636                   <td>Win 98SE+</td>
637                   <td>1.7</td>
638                   <td>A</td>
639                 </tr>
640                 <tr>
641                   <td>Gecko</td>
642                   <td>Netscape Navigator 9</td>
643                   <td>Win 98+ / OSX.2+</td>
644                   <td>1.8</td>
645                   <td>A</td>
646                 </tr>
647                 <tr>
648                   <td>Gecko</td>
649                   <td>Mozilla 1.0</td>
650                   <td>Win 95+ / OSX.1+</td>
651                   <td>1</td>
652                   <td>A</td>
653                 </tr>
654                 <tr>
655                   <td>Gecko</td>
656                   <td>Mozilla 1.1</td>
657                   <td>Win 95+ / OSX.1+</td>
658                   <td>1.1</td>
659                   <td>A</td>
660                 </tr>
661                 <tr>
662                   <td>Gecko</td>
663                   <td>Mozilla 1.2</td>
664                   <td>Win 95+ / OSX.1+</td>
665                   <td>1.2</td>
666                   <td>A</td>
667                 </tr>
668                 <tr>
669                   <td>Gecko</td>
670                   <td>Mozilla 1.3</td>
671                   <td>Win 95+ / OSX.1+</td>
672                   <td>1.3</td>
673                   <td>A</td>
674                 </tr>
675                 <tr>
676                   <td>Gecko</td>
677                   <td>Mozilla 1.4</td>
678                   <td>Win 95+ / OSX.1+</td>
679                   <td>1.4</td>
680                   <td>A</td>
681                 </tr>
682                 <tr>
683                   <td>Gecko</td>
684                   <td>Mozilla 1.5</td>
685                   <td>Win 95+ / OSX.1+</td>
686                   <td>1.5</td>
687                   <td>A</td>
688                 </tr>
689                 <tr>
690                   <td>Gecko</td>
691                   <td>Mozilla 1.6</td>
692                   <td>Win 95+ / OSX.1+</td>
693                   <td>1.6</td>
694                   <td>A</td>
695                 </tr>
696                 <tr>
697                   <td>Gecko</td>
698                   <td>Mozilla 1.7</td>
699                   <td>Win 98+ / OSX.1+</td>
700                   <td>1.7</td>
701                   <td>A</td>
702                 </tr>
703                 <tr>
704                   <td>Gecko</td>
705                   <td>Mozilla 1.8</td>
706                   <td>Win 98+ / OSX.1+</td>
707                   <td>1.8</td>
708                   <td>A</td>
709                 </tr>
710                 <tr>
711                   <td>Gecko</td>
712                   <td>Seamonkey 1.1</td>
713                   <td>Win 98+ / OSX.2+</td>
714                   <td>1.8</td>
715                   <td>A</td>
716                 </tr>
717                 <tr>
718                   <td>Gecko</td>
719                   <td>Epiphany 2.20</td>
720                   <td>Gnome</td>
721                   <td>1.8</td>
722                   <td>A</td>
723                 </tr>
724                 <tr>
725                   <td>Webkit</td>
726                   <td>Safari 1.2</td>
727                   <td>OSX.3</td>
728                   <td>125.5</td>
729                   <td>A</td>
730                 </tr>
731                 <tr>
732                   <td>Webkit</td>
733                   <td>Safari 1.3</td>
734                   <td>OSX.3</td>
735                   <td>312.8</td>
736                   <td>A</td>
737                 </tr>
738                 <tr>
739                   <td>Webkit</td>
740                   <td>Safari 2.0</td>
741                   <td>OSX.4+</td>
742                   <td>419.3</td>
743                   <td>A</td>
744                 </tr>
745                 <tr>
746                   <td>Webkit</td>
747                   <td>Safari 3.0</td>
748                   <td>OSX.4+</td>
749                   <td>522.1</td>
750                   <td>A</td>
751                 </tr>
752                 <tr>
753                   <td>Webkit</td>
754                   <td>OmniWeb 5.5</td>
755                   <td>OSX.4+</td>
756                   <td>420</td>
757                   <td>A</td>
758                 </tr>
759                 <tr>
760                   <td>Webkit</td>
761                   <td>iPod Touch / iPhone</td>
762                   <td>iPod</td>
763                   <td>420.1</td>
764                   <td>A</td>
765                 </tr>
766                 <tr>
767                   <td>Webkit</td>
768                   <td>S60</td>
769                   <td>S60</td>
770                   <td>413</td>
771                   <td>A</td>
772                 </tr>
773                 <tr>
774                   <td>Presto</td>
775                   <td>Opera 7.0</td>
776                   <td>Win 95+ / OSX.1+</td>
777                   <td>-</td>
778                   <td>A</td>
779                 </tr>
780                 <tr>
781                   <td>Presto</td>
782                   <td>Opera 7.5</td>
783                   <td>Win 95+ / OSX.2+</td>
784                   <td>-</td>
785                   <td>A</td>
786                 </tr>
787                 <tr>
788                   <td>Presto</td>
789                   <td>Opera 8.0</td>
790                   <td>Win 95+ / OSX.2+</td>
791                   <td>-</td>
792                   <td>A</td>
793                 </tr>
794                 <tr>
795                   <td>Presto</td>
796                   <td>Opera 8.5</td>
797                   <td>Win 95+ / OSX.2+</td>
798                   <td>-</td>
799                   <td>A</td>
800                 </tr>
801                 <tr>
802                   <td>Presto</td>
803                   <td>Opera 9.0</td>
804                   <td>Win 95+ / OSX.3+</td>
805                   <td>-</td>
806                   <td>A</td>
807                 </tr>
808                 <tr>
809                   <td>Presto</td>
810                   <td>Opera 9.2</td>
811                   <td>Win 88+ / OSX.3+</td>
812                   <td>-</td>
813                   <td>A</td>
814                 </tr>
815                 <tr>
816                   <td>Presto</td>
817                   <td>Opera 9.5</td>
818                   <td>Win 88+ / OSX.3+</td>
819                   <td>-</td>
820                   <td>A</td>
821                 </tr>
822                 <tr>
823                   <td>Presto</td>
824                   <td>Opera for Wii</td>
825                   <td>Wii</td>
826                   <td>-</td>
827                   <td>A</td>
828                 </tr>
829                 <tr>
830                   <td>Presto</td>
831                   <td>Nokia N800</td>
832                   <td>N800</td>
833                   <td>-</td>
834                   <td>A</td>
835                 </tr>
836                 <tr>
837                   <td>Presto</td>
838                   <td>Nintendo DS browser</td>
839                   <td>Nintendo DS</td>
840                   <td>8.5</td>
841                   <td>C/A<sup>1</sup></td>
842                 </tr>
843                 <tr>
844                   <td>KHTML</td>
845                   <td>Konqureror 3.1</td>
846                   <td>KDE 3.1</td>
847                   <td>3.1</td>
848                   <td>C</td>
849                 </tr>
850                 <tr>
851                   <td>KHTML</td>
852                   <td>Konqureror 3.3</td>
853                   <td>KDE 3.3</td>
854                   <td>3.3</td>
855                   <td>A</td>
856                 </tr>
857                 <tr>
858                   <td>KHTML</td>
859                   <td>Konqureror 3.5</td>
860                   <td>KDE 3.5</td>
861                   <td>3.5</td>
862                   <td>A</td>
863                 </tr>
864                 <tr>
865                   <td>Tasman</td>
866                   <td>Internet Explorer 4.5</td>
867                   <td>Mac OS 8-9</td>
868                   <td>-</td>
869                   <td>X</td>
870                 </tr>
871                 <tr>
872                   <td>Tasman</td>
873                   <td>Internet Explorer 5.1</td>
874                   <td>Mac OS 7.6-9</td>
875                   <td>1</td>
876                   <td>C</td>
877                 </tr>
878                 <tr>
879                   <td>Tasman</td>
880                   <td>Internet Explorer 5.2</td>
881                   <td>Mac OS 8-X</td>
882                   <td>1</td>
883                   <td>C</td>
884                 </tr>
885                 <tr>
886                   <td>Misc</td>
887                   <td>NetFront 3.1</td>
888                   <td>Embedded devices</td>
889                   <td>-</td>
890                   <td>C</td>
891                 </tr>
892                 <tr>
893                   <td>Misc</td>
894                   <td>NetFront 3.4</td>
895                   <td>Embedded devices</td>
896                   <td>-</td>
897                   <td>A</td>
898                 </tr>
899                 <tr>
900                   <td>Misc</td>
901                   <td>Dillo 0.8</td>
902                   <td>Embedded devices</td>
903                   <td>-</td>
904                   <td>X</td>
905                 </tr>
906                 <tr>
907                   <td>Misc</td>
908                   <td>Links</td>
909                   <td>Text only</td>
910                   <td>-</td>
911                   <td>X</td>
912                 </tr>
913                 <tr>
914                   <td>Misc</td>
915                   <td>Lynx</td>
916                   <td>Text only</td>
917                   <td>-</td>
918                   <td>X</td>
919                 </tr>
920                 <tr>
921                   <td>Misc</td>
922                   <td>IE Mobile</td>
923                   <td>Windows Mobile 6</td>
924                   <td>-</td>
925                   <td>C</td>
926                 </tr>
927                 <tr>
928                   <td>Misc</td>
929                   <td>PSP browser</td>
930                   <td>PSP</td>
931                   <td>-</td>
932                   <td>C</td>
933                 </tr>
934                 <tr>
935                   <td>Other browsers</td>
936                   <td>All others</td>
937                   <td>-</td>
938                   <td>-</td>
939                   <td>U</td>
940                 </tr>
941                 </tbody>
942                 <tfoot>
943                 <tr>
944                   <th>Rendering engine</th>
945                   <th>Browser</th>
946                   <th>Platform(s)</th>
947                   <th>Engine version</th>
948                   <th>CSS grade</th>
949                 </tr>
950                 </tfoot>
951               </table>
952             </div>
953             <!-- /.box-body -->
954           </div>
955           <!-- /.box -->
956
957           <div class="box">
958             <div class="box-header">
959               <h3 class="box-title">Data Table With Full Features</h3>
960             </div>
961             <!-- /.box-header -->
962             <div class="box-body">
963               <table id="example1" class="table table-bordered table-striped">
964                 <thead>
965                 <tr>
966                   <th>Rendering engine</th>
967                   <th>Browser</th>
968                   <th>Platform(s)</th>
969                   <th>Engine version</th>
970                   <th>CSS grade</th>
971                 </tr>
972                 </thead>
973                 <tbody>
974                 <tr>
975                   <td>Trident</td>
976                   <td>Internet
977                     Explorer 4.0
978                   </td>
979                   <td>Win 95+</td>
980                   <td> 4</td>
981                   <td>X</td>
982                 </tr>
983                 <tr>
984                   <td>Trident</td>
985                   <td>Internet
986                     Explorer 5.0
987                   </td>
988                   <td>Win 95+</td>
989                   <td>5</td>
990                   <td>C</td>
991                 </tr>
992                 <tr>
993                   <td>Trident</td>
994                   <td>Internet
995                     Explorer 5.5
996                   </td>
997                   <td>Win 95+</td>
998                   <td>5.5</td>
999                   <td>A</td>
1000                 </tr>
1001                 <tr>
1002                   <td>Trident</td>
1003                   <td>Internet
1004                     Explorer 6
1005                   </td>
1006                   <td>Win 98+</td>
1007                   <td>6</td>
1008                   <td>A</td>
1009                 </tr>
1010                 <tr>
1011                   <td>Trident</td>
1012                   <td>Internet Explorer 7</td>
1013                   <td>Win XP SP2+</td>
1014                   <td>7</td>
1015                   <td>A</td>
1016                 </tr>
1017                 <tr>
1018                   <td>Trident</td>
1019                   <td>AOL browser (AOL desktop)</td>
1020                   <td>Win XP</td>
1021                   <td>6</td>
1022                   <td>A</td>
1023                 </tr>
1024                 <tr>
1025                   <td>Gecko</td>
1026                   <td>Firefox 1.0</td>
1027                   <td>Win 98+ / OSX.2+</td>
1028                   <td>1.7</td>
1029                   <td>A</td>
1030                 </tr>
1031                 <tr>
1032                   <td>Gecko</td>
1033                   <td>Firefox 1.5</td>
1034                   <td>Win 98+ / OSX.2+</td>
1035                   <td>1.8</td>
1036                   <td>A</td>
1037                 </tr>
1038                 <tr>
1039                   <td>Gecko</td>
1040                   <td>Firefox 2.0</td>
1041                   <td>Win 98+ / OSX.2+</td>
1042                   <td>1.8</td>
1043                   <td>A</td>
1044                 </tr>
1045                 <tr>
1046                   <td>Gecko</td>
1047                   <td>Firefox 3.0</td>
1048                   <td>Win 2k+ / OSX.3+</td>
1049                   <td>1.9</td>
1050                   <td>A</td>
1051                 </tr>
1052                 <tr>
1053                   <td>Gecko</td>
1054                   <td>Camino 1.0</td>
1055                   <td>OSX.2+</td>
1056                   <td>1.8</td>
1057                   <td>A</td>
1058                 </tr>
1059                 <tr>
1060                   <td>Gecko</td>
1061                   <td>Camino 1.5</td>
1062                   <td>OSX.3+</td>
1063                   <td>1.8</td>
1064                   <td>A</td>
1065                 </tr>
1066                 <tr>
1067                   <td>Gecko</td>
1068                   <td>Netscape 7.2</td>
1069                   <td>Win 95+ / Mac OS 8.6-9.2</td>
1070                   <td>1.7</td>
1071                   <td>A</td>
1072                 </tr>
1073                 <tr>
1074                   <td>Gecko</td>
1075                   <td>Netscape Browser 8</td>
1076                   <td>Win 98SE+</td>
1077                   <td>1.7</td>
1078                   <td>A</td>
1079                 </tr>
1080                 <tr>
1081                   <td>Gecko</td>
1082                   <td>Netscape Navigator 9</td>
1083                   <td>Win 98+ / OSX.2+</td>
1084                   <td>1.8</td>
1085                   <td>A</td>
1086                 </tr>
1087                 <tr>
1088                   <td>Gecko</td>
1089                   <td>Mozilla 1.0</td>
1090                   <td>Win 95+ / OSX.1+</td>
1091                   <td>1</td>
1092                   <td>A</td>
1093                 </tr>
1094                 <tr>
1095                   <td>Gecko</td>
1096                   <td>Mozilla 1.1</td>
1097                   <td>Win 95+ / OSX.1+</td>
1098                   <td>1.1</td>
1099                   <td>A</td>
1100                 </tr>
1101                 <tr>
1102                   <td>Gecko</td>
1103                   <td>Mozilla 1.2</td>
1104                   <td>Win 95+ / OSX.1+</td>
1105                   <td>1.2</td>
1106                   <td>A</td>
1107                 </tr>
1108                 <tr>
1109                   <td>Gecko</td>
1110                   <td>Mozilla 1.3</td>
1111                   <td>Win 95+ / OSX.1+</td>
1112                   <td>1.3</td>
1113                   <td>A</td>
1114                 </tr>
1115                 <tr>
1116                   <td>Gecko</td>
1117                   <td>Mozilla 1.4</td>
1118                   <td>Win 95+ / OSX.1+</td>
1119                   <td>1.4</td>
1120                   <td>A</td>
1121                 </tr>
1122                 <tr>
1123                   <td>Gecko</td>
1124                   <td>Mozilla 1.5</td>
1125                   <td>Win 95+ / OSX.1+</td>
1126                   <td>1.5</td>
1127                   <td>A</td>
1128                 </tr>
1129                 <tr>
1130                   <td>Gecko</td>
1131                   <td>Mozilla 1.6</td>
1132                   <td>Win 95+ / OSX.1+</td>
1133                   <td>1.6</td>
1134                   <td>A</td>
1135                 </tr>
1136                 <tr>
1137                   <td>Gecko</td>
1138                   <td>Mozilla 1.7</td>
1139                   <td>Win 98+ / OSX.1+</td>
1140                   <td>1.7</td>
1141                   <td>A</td>
1142                 </tr>
1143                 <tr>
1144                   <td>Gecko</td>
1145                   <td>Mozilla 1.8</td>
1146                   <td>Win 98+ / OSX.1+</td>
1147                   <td>1.8</td>
1148                   <td>A</td>
1149                 </tr>
1150                 <tr>
1151                   <td>Gecko</td>
1152                   <td>Seamonkey 1.1</td>
1153                   <td>Win 98+ / OSX.2+</td>
1154                   <td>1.8</td>
1155                   <td>A</td>
1156                 </tr>
1157                 <tr>
1158                   <td>Gecko</td>
1159                   <td>Epiphany 2.20</td>
1160                   <td>Gnome</td>
1161                   <td>1.8</td>
1162                   <td>A</td>
1163                 </tr>
1164                 <tr>
1165                   <td>Webkit</td>
1166                   <td>Safari 1.2</td>
1167                   <td>OSX.3</td>
1168                   <td>125.5</td>
1169                   <td>A</td>
1170                 </tr>
1171                 <tr>
1172                   <td>Webkit</td>
1173                   <td>Safari 1.3</td>
1174                   <td>OSX.3</td>
1175                   <td>312.8</td>
1176                   <td>A</td>
1177                 </tr>
1178                 <tr>
1179                   <td>Webkit</td>
1180                   <td>Safari 2.0</td>
1181                   <td>OSX.4+</td>
1182                   <td>419.3</td>
1183                   <td>A</td>
1184                 </tr>
1185                 <tr>
1186                   <td>Webkit</td>
1187                   <td>Safari 3.0</td>
1188                   <td>OSX.4+</td>
1189                   <td>522.1</td>
1190                   <td>A</td>
1191                 </tr>
1192                 <tr>
1193                   <td>Webkit</td>
1194                   <td>OmniWeb 5.5</td>
1195                   <td>OSX.4+</td>
1196                   <td>420</td>
1197                   <td>A</td>
1198                 </tr>
1199                 <tr>
1200                   <td>Webkit</td>
1201                   <td>iPod Touch / iPhone</td>
1202                   <td>iPod</td>
1203                   <td>420.1</td>
1204                   <td>A</td>
1205                 </tr>
1206                 <tr>
1207                   <td>Webkit</td>
1208                   <td>S60</td>
1209                   <td>S60</td>
1210                   <td>413</td>
1211                   <td>A</td>
1212                 </tr>
1213                 <tr>
1214                   <td>Presto</td>
1215                   <td>Opera 7.0</td>
1216                   <td>Win 95+ / OSX.1+</td>
1217                   <td>-</td>
1218                   <td>A</td>
1219                 </tr>
1220                 <tr>
1221                   <td>Presto</td>
1222                   <td>Opera 7.5</td>
1223                   <td>Win 95+ / OSX.2+</td>
1224                   <td>-</td>
1225                   <td>A</td>
1226                 </tr>
1227                 <tr>
1228                   <td>Presto</td>
1229                   <td>Opera 8.0</td>
1230                   <td>Win 95+ / OSX.2+</td>
1231                   <td>-</td>
1232                   <td>A</td>
1233                 </tr>
1234                 <tr>
1235                   <td>Presto</td>
1236                   <td>Opera 8.5</td>
1237                   <td>Win 95+ / OSX.2+</td>
1238                   <td>-</td>
1239                   <td>A</td>
1240                 </tr>
1241                 <tr>
1242                   <td>Presto</td>
1243                   <td>Opera 9.0</td>
1244                   <td>Win 95+ / OSX.3+</td>
1245                   <td>-</td>
1246                   <td>A</td>
1247                 </tr>
1248                 <tr>
1249                   <td>Presto</td>
1250                   <td>Opera 9.2</td>
1251                   <td>Win 88+ / OSX.3+</td>
1252                   <td>-</td>
1253                   <td>A</td>
1254                 </tr>
1255                 <tr>
1256                   <td>Presto</td>
1257                   <td>Opera 9.5</td>
1258                   <td>Win 88+ / OSX.3+</td>
1259                   <td>-</td>
1260                   <td>A</td>
1261                 </tr>
1262                 <tr>
1263                   <td>Presto</td>
1264                   <td>Opera for Wii</td>
1265                   <td>Wii</td>
1266                   <td>-</td>
1267                   <td>A</td>
1268                 </tr>
1269                 <tr>
1270                   <td>Presto</td>
1271                   <td>Nokia N800</td>
1272                   <td>N800</td>
1273                   <td>-</td>
1274                   <td>A</td>
1275                 </tr>
1276                 <tr>
1277                   <td>Presto</td>
1278                   <td>Nintendo DS browser</td>
1279                   <td>Nintendo DS</td>
1280                   <td>8.5</td>
1281                   <td>C/A<sup>1</sup></td>
1282                 </tr>
1283                 <tr>
1284                   <td>KHTML</td>
1285                   <td>Konqureror 3.1</td>
1286                   <td>KDE 3.1</td>
1287                   <td>3.1</td>
1288                   <td>C</td>
1289                 </tr>
1290                 <tr>
1291                   <td>KHTML</td>
1292                   <td>Konqureror 3.3</td>
1293                   <td>KDE 3.3</td>
1294                   <td>3.3</td>
1295                   <td>A</td>
1296                 </tr>
1297                 <tr>
1298                   <td>KHTML</td>
1299                   <td>Konqureror 3.5</td>
1300                   <td>KDE 3.5</td>
1301                   <td>3.5</td>
1302                   <td>A</td>
1303                 </tr>
1304                 <tr>
1305                   <td>Tasman</td>
1306                   <td>Internet Explorer 4.5</td>
1307                   <td>Mac OS 8-9</td>
1308                   <td>-</td>
1309                   <td>X</td>
1310                 </tr>
1311                 <tr>
1312                   <td>Tasman</td>
1313                   <td>Internet Explorer 5.1</td>
1314                   <td>Mac OS 7.6-9</td>
1315                   <td>1</td>
1316                   <td>C</td>
1317                 </tr>
1318                 <tr>
1319                   <td>Tasman</td>
1320                   <td>Internet Explorer 5.2</td>
1321                   <td>Mac OS 8-X</td>
1322                   <td>1</td>
1323                   <td>C</td>
1324                 </tr>
1325                 <tr>
1326                   <td>Misc</td>
1327                   <td>NetFront 3.1</td>
1328                   <td>Embedded devices</td>
1329                   <td>-</td>
1330                   <td>C</td>
1331                 </tr>
1332                 <tr>
1333                   <td>Misc</td>
1334                   <td>NetFront 3.4</td>
1335                   <td>Embedded devices</td>
1336                   <td>-</td>
1337                   <td>A</td>
1338                 </tr>
1339                 <tr>
1340                   <td>Misc</td>
1341                   <td>Dillo 0.8</td>
1342                   <td>Embedded devices</td>
1343                   <td>-</td>
1344                   <td>X</td>
1345                 </tr>
1346                 <tr>
1347                   <td>Misc</td>
1348                   <td>Links</td>
1349                   <td>Text only</td>
1350                   <td>-</td>
1351                   <td>X</td>
1352                 </tr>
1353                 <tr>
1354                   <td>Misc</td>
1355                   <td>Lynx</td>
1356                   <td>Text only</td>
1357                   <td>-</td>
1358                   <td>X</td>
1359                 </tr>
1360                 <tr>
1361                   <td>Misc</td>
1362                   <td>IE Mobile</td>
1363                   <td>Windows Mobile 6</td>
1364                   <td>-</td>
1365                   <td>C</td>
1366                 </tr>
1367                 <tr>
1368                   <td>Misc</td>
1369                   <td>PSP browser</td>
1370                   <td>PSP</td>
1371                   <td>-</td>
1372                   <td>C</td>
1373                 </tr>
1374                 <tr>
1375                   <td>Other browsers</td>
1376                   <td>All others</td>
1377                   <td>-</td>
1378                   <td>-</td>
1379                   <td>U</td>
1380                 </tr>
1381                 </tbody>
1382                 <tfoot>
1383                 <tr>
1384                   <th>Rendering engine</th>
1385                   <th>Browser</th>
1386                   <th>Platform(s)</th>
1387                   <th>Engine version</th>
1388                   <th>CSS grade</th>
1389                 </tr>
1390                 </tfoot>
1391               </table>
1392             </div>
1393             <!-- /.box-body -->
1394           </div>
1395           <!-- /.box -->
1396         </div>
1397         <!-- /.col -->
1398       </div>
1399       <!-- /.row -->
1400     </section>
1401     <!-- /.content -->
1402   </div>
1403   <!-- /.content-wrapper -->
1404   <footer class="main-footer">
1405     <div class="pull-right hidden-xs">
1406       <b>Version</b> 2.3.7
1407     </div>
1408     <strong>Copyright &copy; 2014-2016 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
1409     reserved.
1410   </footer>
1411
1412   <!-- Control Sidebar -->
1413   <aside class="control-sidebar control-sidebar-dark">
1414     <!-- Create the tabs -->
1415     <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
1416       <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
1417       <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
1418     </ul>
1419     <!-- Tab panes -->
1420     <div class="tab-content">
1421       <!-- Home tab content -->
1422       <div class="tab-pane" id="control-sidebar-home-tab">
1423         <h3 class="control-sidebar-heading">Recent Activity</h3>
1424         <ul class="control-sidebar-menu">
1425           <li>
1426             <a href="javascript:void(0)">
1427               <i class="menu-icon fa fa-birthday-cake bg-red"></i>
1428
1429               <div class="menu-info">
1430                 <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
1431
1432                 <p>Will be 23 on April 24th</p>
1433               </div>
1434             </a>
1435           </li>
1436           <li>
1437             <a href="javascript:void(0)">
1438               <i class="menu-icon fa fa-user bg-yellow"></i>
1439
1440               <div class="menu-info">
1441                 <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
1442
1443                 <p>New phone +1(800)555-1234</p>
1444               </div>
1445             </a>
1446           </li>
1447           <li>
1448             <a href="javascript:void(0)">
1449               <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
1450
1451               <div class="menu-info">
1452                 <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
1453
1454                 <p>nora@example.com</p>
1455               </div>
1456             </a>
1457           </li>
1458           <li>
1459             <a href="javascript:void(0)">
1460               <i class="menu-icon fa fa-file-code-o bg-green"></i>
1461
1462               <div class="menu-info">
1463                 <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
1464
1465                 <p>Execution time 5 seconds</p>
1466               </div>
1467             </a>
1468           </li>
1469         </ul>
1470         <!-- /.control-sidebar-menu -->
1471
1472         <h3 class="control-sidebar-heading">Tasks Progress</h3>
1473         <ul class="control-sidebar-menu">
1474           <li>
1475             <a href="javascript:void(0)">
1476               <h4 class="control-sidebar-subheading">
1477                 Custom Template Design
1478                 <span class="label label-danger pull-right">70%</span>
1479               </h4>
1480
1481               <div class="progress progress-xxs">
1482                 <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
1483               </div>
1484             </a>
1485           </li>
1486           <li>
1487             <a href="javascript:void(0)">
1488               <h4 class="control-sidebar-subheading">
1489                 Update Resume
1490                 <span class="label label-success pull-right">95%</span>
1491               </h4>
1492
1493               <div class="progress progress-xxs">
1494                 <div class="progress-bar progress-bar-success" style="width: 95%"></div>
1495               </div>
1496             </a>
1497           </li>
1498           <li>
1499             <a href="javascript:void(0)">
1500               <h4 class="control-sidebar-subheading">
1501                 Laravel Integration
1502                 <span class="label label-warning pull-right">50%</span>
1503               </h4>
1504
1505               <div class="progress progress-xxs">
1506                 <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
1507               </div>
1508             </a>
1509           </li>
1510           <li>
1511             <a href="javascript:void(0)">
1512               <h4 class="control-sidebar-subheading">
1513                 Back End Framework
1514                 <span class="label label-primary pull-right">68%</span>
1515               </h4>
1516
1517               <div class="progress progress-xxs">
1518                 <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
1519               </div>
1520             </a>
1521           </li>
1522         </ul>
1523         <!-- /.control-sidebar-menu -->
1524
1525       </div>
1526       <!-- /.tab-pane -->
1527       <!-- Stats tab content -->
1528       <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
1529       <!-- /.tab-pane -->
1530       <!-- Settings tab content -->
1531       <div class="tab-pane" id="control-sidebar-settings-tab">
1532         <form method="post">
1533           <h3 class="control-sidebar-heading">General Settings</h3>
1534
1535           <div class="form-group">
1536             <label class="control-sidebar-subheading">
1537               Report panel usage
1538               <input type="checkbox" class="pull-right" checked>
1539             </label>
1540
1541             <p>
1542               Some information about this general settings option
1543             </p>
1544           </div>
1545           <!-- /.form-group -->
1546
1547           <div class="form-group">
1548             <label class="control-sidebar-subheading">
1549               Allow mail redirect
1550               <input type="checkbox" class="pull-right" checked>
1551             </label>
1552
1553             <p>
1554               Other sets of options are available
1555             </p>
1556           </div>
1557           <!-- /.form-group -->
1558
1559           <div class="form-group">
1560             <label class="control-sidebar-subheading">
1561               Expose author name in posts
1562               <input type="checkbox" class="pull-right" checked>
1563             </label>
1564
1565             <p>
1566               Allow the user to show his name in blog posts
1567             </p>
1568           </div>
1569           <!-- /.form-group -->
1570
1571           <h3 class="control-sidebar-heading">Chat Settings</h3>
1572
1573           <div class="form-group">
1574             <label class="control-sidebar-subheading">
1575               Show me as online
1576               <input type="checkbox" class="pull-right" checked>
1577             </label>
1578           </div>
1579           <!-- /.form-group -->
1580
1581           <div class="form-group">
1582             <label class="control-sidebar-subheading">
1583               Turn off notifications
1584               <input type="checkbox" class="pull-right">
1585             </label>
1586           </div>
1587           <!-- /.form-group -->
1588
1589           <div class="form-group">
1590             <label class="control-sidebar-subheading">
1591               Delete chat history
1592               <a href="javascript:void(0)" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
1593             </label>
1594           </div>
1595           <!-- /.form-group -->
1596         </form>
1597       </div>
1598       <!-- /.tab-pane -->
1599     </div>
1600   </aside>
1601   <!-- /.control-sidebar -->
1602   <!-- Add the sidebar's background. This div must be placed
1603        immediately after the control sidebar -->
1604   <div class="control-sidebar-bg"></div>
1605 </div>
1606 <!-- ./wrapper -->
1607
1608 <!-- jQuery 2.2.3 -->
1609 <script src="../../plugins/jQuery/jquery-2.2.3.min.js"></script>
1610 <!-- Bootstrap 3.3.6 -->
1611 <script src="../../bootstrap/js/bootstrap.min.js"></script>
1612 <!-- DataTables -->
1613 <script src="../../plugins/datatables/jquery.dataTables.min.js"></script>
1614 <script src="../../plugins/datatables/dataTables.bootstrap.min.js"></script>
1615 <!-- SlimScroll -->
1616 <script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
1617 <!-- FastClick -->
1618 <script src="../../plugins/fastclick/fastclick.js"></script>
1619 <!-- AdminLTE App -->
1620 <script src="../../dist/js/app.min.js"></script>
1621 <!-- AdminLTE for demo purposes -->
1622 <script src="../../dist/js/demo.js"></script>
1623 <!-- page script -->
1624 <script>
1625   $(function () {
1626     $("#example1").DataTable();
1627     $('#example2').DataTable({
1628       "paging": true,
1629       "lengthChange": false,
1630       "searching": false,
1631       "ordering": true,
1632       "info": true,
1633       "autoWidth": false
1634     });
1635   });
1636 </script>
1637 </body>
1638 </html>