Fetch the repository succeeded.
This action will force synchronization from 码豆/AdminGLT , which will overwrite any changes that you have made since you forked the repository, and can not be recovered!!!
Synchronous operation will process in the background and will refresh the page when finishing processing. Please be patient.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
<title>GTL后台模版</title>
<link href="plugins/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="plugins/bootstrap-addtabs/bootstrap.addtabs.min.css" rel="stylesheet" />
<link href="plugins/layer/build/skin/default/layer.css" rel="stylesheet" />
<link href="plugins/toastr/toastr.min.css" rel="stylesheet" />
<link href="plugins/custombox/dist/custombox.min.css" rel="stylesheet" />
<link href="plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<link href="plugins/Ionicons/css/ionicons.min.css" rel="stylesheet" />
<link href="plugins/animate/animate.min.css" rel="stylesheet" />
<link href="plugins/viewer/viewer.min.css" rel="stylesheet" />
<link href="plugins/adminLTE/dist/css/AdminLTE.min.css" rel="stylesheet" />
<link href="plugins/adminLTE/dist/css/skins/all-skins.css" rel="stylesheet" />
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
<!-- Main Header -->
<header class="main-header">
<!-- Logo -->
<a href="index.html" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini"><b>G</b>TL</span>
<!-- logo for regular state and mobile devices -->
<span class="logo-lg"><b>Admin</b>GTL</span>
</a>
<!-- Header Navbar -->
<nav class="navbar navbar-static-top" role="navigation">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
<span class="sr-only">Toggle navigation</span>
</a>
<!-- Navbar Right Menu -->
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<!-- Messages: style can be found in dropdown.less-->
<li class="dropdown messages-menu">
<!-- Menu toggle button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-envelope-o"></i>
<span class="label label-success">4</span>
</a>
<ul class="dropdown-menu">
<li class="header">You have 4 messages</li>
<li>
<!-- inner menu: contains the messages -->
<ul class="menu">
<li>
<!-- start message -->
<a href="#">
<div class="pull-left">
<!-- User Image -->
<img src="plugins/adminLTE/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
</div>
<!-- Message title and timestamp -->
<h4>
Support Team
<small><i class="fa fa-clock-o"></i> 5 mins</small>
</h4>
<!-- The message -->
<p>Why not buy a new awesome theme?</p>
</a>
</li>
<!-- end message -->
</ul>
<!-- /.menu -->
</li>
<li class="footer"><a href="#" data-addtab="mailbox" data-target="#MasterTabs" data-title="用户邮箱" data-url="pages/mailbox/mailbox.html">See All Messages</a></li>
</ul>
</li>
<!-- /.messages-menu -->
<!-- Notifications Menu -->
<li class="dropdown notifications-menu">
<!-- Menu toggle button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-bell-o"></i>
<span class="label label-warning">10</span>
</a>
<ul class="dropdown-menu">
<li class="header">You have 10 notifications</li>
<li>
<!-- Inner Menu: contains the notifications -->
<ul class="menu">
<li>
<!-- start notification -->
<a href="#">
<i class="fa fa-users text-aqua"></i> 5 new members joined today
</a>
</li>
<!-- end notification -->
</ul>
</li>
<li class="footer"><a href="#">View all</a></li>
</ul>
</li>
<!-- Tasks Menu -->
<li class="dropdown tasks-menu">
<!-- Menu Toggle Button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-flag-o"></i>
<span class="label label-danger">9</span>
</a>
<ul class="dropdown-menu">
<li class="header">You have 9 tasks</li>
<li>
<!-- Inner menu: contains the tasks -->
<ul class="menu">
<li>
<!-- Task item -->
<a href="#">
<!-- Task title and progress text -->
<h3>
Design some buttons
<small class="pull-right">20%</small>
</h3>
<!-- The progress bar -->
<div class="progress xs">
<!-- Change the css width attribute to simulate progress -->
<div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar"
aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
<span class="sr-only">20% Complete</span>
</div>
</div>
</a>
</li>
<!-- end task item -->
</ul>
</li>
<li class="footer">
<a href="#">View all tasks</a>
</li>
</ul>
</li>
<!-- User Account Menu -->
<li class="dropdown user user-menu">
<!-- Menu Toggle Button -->
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<!-- The user image in the navbar-->
<img src="plugins/adminLTE/dist/img/user2-160x160.jpg" class="user-image" alt="User Image" />
<!-- hidden-xs hides the username on small devices so only the image appears. -->
<span class="hidden-xs">Ray</span>
</a>
<ul class="dropdown-menu">
<!-- The user image in the menu -->
<li class="user-header">
<img src="plugins/adminLTE/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p>
Ray Simth
<small>Web Developer</small>
</p>
</li>
<!-- ./ Menu Body -->
<li class="user-body no-padding">
<ul class="nav nav-stacked">
<li><a href="#">Projects <span class="pull-right badge bg-blue">31</span></a></li>
<li><a href="#">Tasks <span class="pull-right badge bg-aqua">5</span></a></li>
<li><a href="#">Completed Projects <span class="pull-right badge bg-green">12</span></a></li>
<li><a href="#">Followers <span class="pull-right badge bg-red">842</span></a></li>
</ul>
</li>
<!-- Menu Footer-->
<li class="user-footer">
<div class="pull-left">
<div class="btn-group">
<a href="#" class="btn btn-default btn-flat" data-toggle="tooltip" data-placement="top" title="" data-original-title="User Profile" data-addtab="UserProfile" data-target="#MasterTabs" data-title="个人资料" data-url="pages/examples/profile.html">个人资料</a>
<a href="#" class="btn btn-default btn-flat" data-toggle="tooltip" data-placement="top" title="" data-original-title="Change User Photo" data-addtab="UserPhoto" data-target="#MasterTabs" data-title="修改头像" data-url="pages/User/ChangePhoto.html">
<i class="fa fa-photo"></i>
</a>
<a href="#" class="btn btn-default btn-flat" data-toggle="tooltip" data-placement="top" title="" data-original-title="Change User Password">
<i class="fa fa-key"></i>
</a>
</div>
</div>
<div class="pull-right">
<a href="#" class="btn btn-default btn-flat">注销</a>
</div>
</li>
</ul>
</li>
<!-- Control Sidebar Toggle Button -->
<li>
<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
</li>
</ul>
</div>
</nav>
</header>
<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- Sidebar user panel (optional) -->
<div class="user-panel">
<div class="pull-left image">
<img src="plugins/adminLTE/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" />
</div>
<div class="pull-left info">
<p>Ray Simth</p>
<!-- Status -->
<a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
</div>
</div>
<!-- search form (Optional) -->
<form class="sidebar-form">
<div class="input-group">
<input type="text" class="form-control" placeholder="查找..." />
<span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat">
<i class="fa fa-search"></i>
</button>
</span>
</div>
</form>
<!-- /.search form -->
<!-- Sidebar Menu -->
<ul class="sidebar-menu" data-widget="tree">
<li class="header">导航</li>
<li class="active treeview">
<a href="#">
<i class="fa fa-dashboard"></i> <span>Dashboard</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li class="active"><a href="#" data-addtab="dashboadr1" data-target="#MasterTabs" data-title="dashboadr1" data-url="pages/dashboard1.html"><i class="fa fa-circle-o"></i> Dashboard v1</a></li>
<li><a href="#" data-addtab="dashboadr2" data-target="#MasterTabs" data-title="dashboadr2" data-url="pages/dashboard2.html"><i class="fa fa-circle-o"></i> Dashboard v2</a></li>
</ul>
</li>
<li class="treeview">
<a href="#" data-addtab="widgets" data-target="#MasterTabs" data-title="widgets" data-url="pages/widgets.html">
<i class="fa fa-th"></i> <span>Widgets</span>
<span class="pull-right-container">
<small class="label pull-right bg-green">new</small>
</span>
</a>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-pie-chart"></i>
<span>Charts</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li>
<a href="#" data-addtab="chartjs" data-target="#MasterTabs" data-title="chartjs" data-url="pages/charts/chartjs.html">
<i class="fa fa-circle-o"></i> ChartJS
</a>
</li>
<li><a href="#" data-addtab="morris" data-target="#MasterTabs" data-title="morris" data-url="pages/charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
<li><a href="#" data-addtab="flot" data-target="#MasterTabs" data-title="flot" data-url="pages/charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
<li><a href="#" data-addtab="inline" data-target="#MasterTabs" data-title="inline" data-url="pages/charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-laptop"></i>
<span>UI Elements</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="#" data-addtab="general" data-target="#MasterTabs" data-title="general" data-url="pages/UI/general.html"><i class="fa fa-circle-o"></i> General</a></li>
<li><a href="#" data-addtab="icons" data-target="#MasterTabs" data-title="icons" data-url="pages/UI/icons.html"><i class="fa fa-circle-o"></i> Icons</a></li>
<li><a href="#" data-addtab="buttons" data-target="#MasterTabs" data-title="buttons" data-url="pages/UI/buttons.html"><i class="fa fa-circle-o"></i> Buttons</a></li>
<li><a href="#" data-addtab="sliders" data-target="#MasterTabs" data-title="sliders" data-url="pages/UI/sliders.html"><i class="fa fa-circle-o"></i> Sliders</a></li>
<li><a href="#" data-addtab="timelines" data-target="#MasterTabs" data-title="timelines" data-url="pages/UI/timeline.html"><i class="fa fa-circle-o"></i> Timeline</a></li>
<li><a href="#" data-addtab="modals" data-target="#MasterTabs" data-title="modals" data-url="pages/UI/modals.html"><i class="fa fa-circle-o"></i> Modals</a></li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-edit"></i> <span>Forms</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="#" data-addtab="fgeneral" data-target="#MasterTabs" data-title="fgeneral" data-url="pages/forms/general.html"><i class="fa fa-circle-o"></i> General Elements</a></li>
<li><a href="#" data-addtab="advanced" data-target="#MasterTabs" data-title="advanced" data-url="pages/forms/advanced.html"><i class="fa fa-circle-o"></i> Advanced Elements</a></li>
<li><a href="#" data-addtab="editors" data-target="#MasterTabs" data-title="editors" data-url="pages/forms/editors.html"><i class="fa fa-circle-o"></i> Editors</a></li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-table"></i> <span>Tables</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="#" data-addtab="simple" data-target="#MasterTabs" data-title="simple" data-url="pages/tables/simple.html"><i class="fa fa-circle-o"></i> Simple tables</a></li>
<li><a href="#" data-addtab="tdata" data-target="#MasterTabs" data-title="tdata" data-url="pages/tables/data.html"><i class="fa fa-circle-o"></i> Data tables</a></li>
</ul>
</li>
<li class="treeview">
<a href="#" data-addtab="calendar" data-target="#MasterTabs" data-title="calendar" data-url="pages/calendar/calendar.html">
<i class="fa fa-calendar"></i> <span>Calendar</span>
<span class="pull-right-container">
<small class="label pull-right bg-red">3</small>
<small class="label pull-right bg-blue">17</small>
</span>
</a>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-tree"></i> <span>Tree</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="#" data-addtab="tree" data-target="#MasterTabs" data-title="tree" data-url="pages/tree/tree.html"><i class="fa fa-circle-o"></i> Only-Tree</a></li>
<li><a href="#" data-addtab="treedata" data-target="#MasterTabs" data-title="treedata" data-url="pages/tree/Tree-with-table.html"><i class="fa fa-circle-o"></i> Tree & tables</a></li>
</ul>
</li>
<li class="treeview">
<a href="#" data-addtab="mailbox" data-target="#MasterTabs" data-title="用户邮箱" data-url="pages/mailbox/mailbox.html">
<i class="fa fa-envelope"></i> <span>Mailbox</span>
<span class="pull-right-container">
<small class="label pull-right bg-yellow">12</small>
<small class="label pull-right bg-green">16</small>
<small class="label pull-right bg-red">5</small>
</span>
</a>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-folder"></i> <span>Examples</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="#" data-addtab="profile" data-target="#MasterTabs" data-title="profile" data-url="pages/examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
<li><a href="pages/examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
<li><a href="pages/examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
<li><a href="#" data-addtab="404" data-target="#MasterTabs" data-title="404" data-url="pages/examples/404.html"><i class="fa fa-circle-o"></i> 404 Error</a></li>
<li><a href="#" data-addtab="500" data-target="#MasterTabs" data-title="500" data-url="pages/examples/500.html"><i class="fa fa-circle-o"></i> 500 Error</a></li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-share"></i> <span>Multilevel</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
<li class="treeview">
<a href="#">
<i class="fa fa-circle-o"></i> Level One
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="#"><i class="fa fa-circle-o"></i> Level Two</a></li>
<li class="treeview">
<a href="#">
<i class="fa fa-circle-o"></i> Level Two
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
<li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
</ul>
</li>
</ul>
<!-- /.sidebar-menu -->
<div class="sidebar-footer hidden-small fadeInLeft animated">
<a data-toggle="tooltip" data-placement="top" title="" data-original-title="Information" data-addtab="aboutus" data-target="#MasterTabs" data-title="关于我们" data-url="pages/User/Profile.html">
<span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
</a>
<a id="fullscreen" data-toggle="tooltip" data-placement="top" title="" data-original-title="FullScreen">
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
</a>
<a id="lockpage" data-toggle="tooltip" data-placement="top" title="" data-original-title="Lock">
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
</a>
<a data-toggle="tooltip" data-placement="top" title="" href="#" data-original-title="Logout">
<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
</a>
</div>
</section>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Main content -->
<section class="content container-fluid" style="padding:0px">
<ul class="nav nav-tabs" id="MasterTabs" role="tablist">
<li class="nav-tabs-header active" role="presentation">
<a aria-controls="home" data-toggle="tab" href="#home" role="tab">
<i class="fa fa-home"></i> Home
</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content fixheight">
<div class="tab-pane active" id="home" role="tabpanel">
<div class="box box-solid">
<div class="box-body">
<div class="row">
<div class="col-sm-2">
<div class="box box-solid no-shadow">
<div class="box-body">
<img class="img-responsive" src="dist/images/qrcode.png" alt="qrcode" />
</div>
</div>
</div>
<div class="col-sm-7">
<div class="box box-solid no-shadow">
<div class="box-header with-border">
<i class="fa fa-text-width"></i>
<h3 class="box-title">软件介绍</h3>
</div>
<div class="box-body">
<p class="text-muted">
基于Bootstrap3.3.6最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术，她提供了诸多的强大的可以重新组合的UI组件，
并集成了最新的jQuery版本(v2.1.4)，当然，也集成了很多功能强大，用途广泛的jQuery插件，她可以用于所有的Web应用程序，如
<b>网站管理后台</b>，<b>网站会员中心</b>，<b>CMS</b>，<b>CRM</b>，<b>OA</b>等等，当然，您也可以对她进行深度定制，以做出更强系统。
</p>
<p class="text-muted">基于AdminLTE框架，增加丰富的bootstrap和Jquery插件，能够满足大多数系统的开发需求。已完善权限系统和SignalR在线聊天功能。</p>
<hr />
<p>定价：<span class="label label-warning">¥68 （不开发票 包括：MVC+SQL开发的权限系统[已实现权限和在线聊天功能]+此框架的全部代码）</span> </p>
<p>
<a class="btn btn-primary" href="http://wpa.qq.com/msgrd?v=3&uin=30821766&site=qq&menu=yes"><i class="fa fa-qq"></i> 联系我</a>
<a class="btn btn-default"><i class="fa fa-book"></i> 查看文档</a>
</p>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="box box-solid no-shadow">
<div class="box-header with-border">
<i class="fa fa-phone"></i>
<h3 class="box-title">联系方式</h3>
</div>
<div class="box-body">
<p>
<i class="fa fa-qq"></i> QQ ： <a href="http://wpa.qq.com/msgrd?v=3&uin=30821766&site=qq&menu=yes">30821766</a>
</p>
<p>
<i class="fa fa-weixin"></i> 微信 ： <a>lvzhig</a>
</p>
<p>
<i class="fa fa-envelope"></i> 邮箱 ： <a>30821766@qq.com</a>
</p>
<p>
<i class="fa fa-credit-card"></i> 支付宝 ： <a>sulingqd@163.com</a>
</p>
<p>
<i class="fa fa-tencent-weibo"></i> 微博 : <a hrel="https://my.oschina.net/lvzhig/blog">https://my.oschina.net/lvzhig/blog</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-8">
<div class="nav-tabs-custom">
<ul class="nav nav-tabs">
<li class="active">
<a href="#activity" data-toggle="tab">项目截图</a>
</li>
<li><a href="#timeline" data-toggle="tab">更新记录</a></li>
</ul>
<div class="tab-content">
<div class="active tab-pane" id="activity">
<div class="row margin-bottom" id="projectImgs">
<div class="col-sm-6">
<img src="dist/images/project/1.png" class="img-responsive" alt="" />
</div>
<div class="col-sm-6">
<div class="row">
<div class="col-sm-4"><img src="dist/images/project/2.png" class="img-responsive" alt="" /> <br /><img src="dist/images/project/3.png" class="img-responsive" alt="" /><br /><img src="dist/images/project/4.png" class="img-responsive" alt="" /></div>
<div class="col-sm-4"><img src="dist/images/project/5.png" class="img-responsive" alt="" /><br /><img src="dist/images/project/6.png" class="img-responsive" alt="" /><br /><img src="dist/images/project/7.png" class="img-responsive" alt="" /></div>
<div class="col-sm-4"><img src="dist/images/project/1.png" class="img-responsive" alt="" /><br /><img src="dist/images/project/1.png" class="img-responsive" alt="" /><br /><img src="dist/images/project/1.png" class="img-responsive" alt="" /></div>
</div>
</div>
</div>
<ul class="list-inline">
<li><a href="#" class="link-black text-sm"><i class="fa fa-share margin-r-5"></i> 分享</a></li>
<li>
<a href="#" class="link-black text-sm"><i class="fa fa-thumbs-o-up margin-r-5"></i> 点赞</a>
</li>
</ul>
</div>
<div class="tab-pane" id="timeline">
<ul class="timeline">
<li class="time-label">
<span class="bg-red">
10 Feb. 2014
</span>
</li>
<li>
<i class="fa fa-comments bg-yellow"></i>
<div class="timeline-item bg-grey">
<span class="time"><i class="fa fa-clock-o"></i> 27 mins ago</span>
<h3 class="timeline-header"><a href="#">Jay White</a> commented on your post</h3>
<div class="timeline-body">
Take me to your leader!
Switzerland is small and neutral!
We are more like Germany, ambitious and misunderstood!
</div>
<div class="timeline-footer">
<a class="btn btn-warning btn-flat btn-xs">View comment</a>
</div>
</div>
</li>
<li>
<i class="fa fa-clock-o bg-gray"></i>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-sm-2">
<div class="box box-danger">
<div class="box-header with-border">
<h3 class="box-title"><i class="fa fa-wechat"></i>微信支付</h3>
</div>
<div class="box-body">
<img src="dist/images/wx.JPG" class="img-responsive" alt="" />
</div>
</div>
</div>
<div class="col-sm-2">
<div class="box box-danger">
<div class="box-header with-border">
<h3 class="box-title"><i class="fa fa-credit-card"></i>支付宝支付</h3>
</div>
<div class="box-body">
<img src="dist/images/zfb.JPG" class="img-responsive" alt="" />
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<!-- Main Footer -->
<footer class="main-footer">
<!-- To the right -->
<div class="pull-right hidden-xs">
<b>Version</b> 1.0.0.1
</div>
<!-- Default to the left -->
<strong>Copyright © 2014-2016 .</strong> All rights reserved.
</footer>
<!-- Control Sidebar -->
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Create the tabs -->
<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
<li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<!-- Home tab content -->
<div class="tab-pane active" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading">Recent Activity</h3>
<ul class="control-sidebar-menu">
<li>
<a href="javascript:;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
<p>Will be 23 on April 24th</p>
</div>
</a>
</li>
</ul>
<!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class="control-sidebar-menu">
<li>
<a href="javascript:;">
<h4 class="control-sidebar-subheading">
Custom Template Design
<span class="pull-right-container">
<span class="label label-danger pull-right">70%</span>
</span>
</h4>
<div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div>
</a>
</li>
</ul>
<!-- /.control-sidebar-menu -->
</div>
<!-- /.tab-pane -->
<!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab">
<h3 class="control-sidebar-heading">样式选择</h3>
<ul class="list-unstyled clearfix" id="listthemes">
<li style="float:left; width: 33.33333%; padding: 5px;">
<a href="javascript:void(0)" data-skin="skin-blue" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<div><span style="display:block; width: 20%; float: left; height: 7px; background: #367fa9"></span><span class="bg-light-blue" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
<div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
</a>
<p class="text-center no-margin">蓝色</p>
</li>
<!-- ./ 蓝色-->
<li style="float:left; width: 33.33333%; padding: 5px;">
<a href="javascript:void(0)" data-skin="skin-black" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<div style="box-shadow: 0 0 2px rgba(0,0,0,0.1)" class="clearfix"><span style="display:block; width: 20%; float: left; height: 7px; background: #fefefe"></span><span style="display:block; width: 80%; float: left; height: 7px; background: #fefefe"></span></div>
<div><span style="display:block; width: 20%; float: left; height: 20px; background: #222"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
</a>
<p class="text-center no-margin">黑色</p>
</li>
<!--/. 黑色-->
<li style="float:left; width: 33.33333%; padding: 5px;">
<a href="javascript:void(0)" data-skin="skin-purple" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-purple-active"></span><span class="bg-purple" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
<div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
</a>
<p class="text-center no-margin">紫色</p>
</li>
<!-- /. 紫色-->
<li style="float:left; width: 33.33333%; padding: 5px;">
<a href="javascript:void(0)" data-skin="skin-green" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-green-active"></span><span class="bg-green" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
<div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
</a><p class="text-center no-margin">绿色</p>
</li>
<!-- /. 绿色 -->
<li style="float:left; width: 33.33333%; padding: 5px;">
<a href="javascript:void(0)" data-skin="skin-red" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-red-active"></span><span class="bg-red" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
<div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
</a>
<p class="text-center no-margin">红色</p>
</li>
<!-- /. 红色 -->
<li style="float:left; width: 33.33333%; padding: 5px;">
<a href="javascript:void(0)" data-skin="skin-yellow" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-yellow-active"></span><span class="bg-yellow" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
<div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
</a>
<p class="text-center no-margin">黄色</p>
</li>
<!-- /. 黄色 -->
<li style="float:left; width: 33.33333%; padding: 5px;">
<a href="javascript:void(0)" data-skin="skin-blue-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<div><span style="display:block; width: 20%; float: left; height: 7px; background: #367fa9"></span><span class="bg-light-blue" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
<div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
</a>
<p class="text-center no-margin" style="font-size: 12px">淡蓝色</p>
</li>
<!-- /. 淡蓝色 -->
<li style="float:left; width: 33.33333%; padding: 5px;">
<a href="javascript:void(0)" data-skin="skin-black-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<div style="box-shadow: 0 0 2px rgba(0,0,0,0.1)" class="clearfix"><span style="display:block; width: 20%; float: left; height: 7px; background: #fefefe"></span><span style="display:block; width: 80%; float: left; height: 7px; background: #fefefe"></span></div>
<div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
</a><p class="text-center no-margin" style="font-size: 12px">淡黑色</p>
</li>
<!-- /. 淡黑色 -->
<li style="float:left; width: 33.33333%; padding: 5px;">
<a href="javascript:void(0)" data-skin="skin-purple-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-purple-active"></span><span class="bg-purple" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
<div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
</a><p class="text-center no-margin" style="font-size: 12px">淡紫色</p>
</li>
<!-- /. 淡紫色 -->
<li style="float:left; width: 33.33333%; padding: 5px;">
<a href="javascript:void(0)" data-skin="skin-green-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-green-active"></span><span class="bg-green" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
<div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
</a><p class="text-center no-margin" style="font-size: 12px">淡绿色</p>
</li>
<!-- /. 淡绿色 -->
<li style="float:left; width: 33.33333%; padding: 5px;">
<a href="javascript:void(0)" data-skin="skin-red-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-red-active"></span><span class="bg-red" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
<div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
</a><p class="text-center no-margin" style="font-size: 12px">淡红色</p>
</li>
<!-- /. 淡红色 -->
<li style="float:left; width: 33.33333%; padding: 5px;">
<a href="javascript:void(0)" data-skin="skin-yellow-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
<div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-yellow-active"></span><span class="bg-yellow" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
<div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
</a><p class="text-center no-margin" style="font-size: 12px">淡黄色</p>
</li>
<!-- /. 淡黄色 -->
</ul>
<!-- /. 样式变更-->
<h3 class="control-sidebar-heading">布局选项</h3>
<div class="form-group">
<label class="control-sidebar-subheading">
<input type="checkbox" data-layout="fixed" class="pull-right" />
固定布局
</label>
</div>
<div class="form-group">
<label class="control-sidebar-subheading">
<input type="checkbox" data-layout="layout-boxed" class="pull-right" />
箱式布局
</label>
</div>
<div class="form-group">
<label class="control-sidebar-subheading">
<input type="checkbox" data-layout="sidebar-collapse" class="pull-right" />
侧边栏切换
</label>
</div>
<div class="form-group">
<label class="control-sidebar-subheading">
<input type="checkbox" data-controlsidebar="control-sidebar-open" class="pull-right" />
右边栏固定显示
</label>
</div>
<div class="form-group">
<label class="control-sidebar-subheading">
<input type="checkbox" data-sidebarskin="toggle" class="pull-right" />
右边栏背景切换
</label>
</div>
</div>
<!-- /.tab-pane -->
</div>
</aside>
<!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar -->
<div class="control-sidebar-bg"></div>
<!-- /.control-sidebar -->
<div class="box small-chat-box direct-chat direct-chat-primary fadeInRight animated">
<div class="box-header with-border">
<h3 class="box-title" id="chatTitle">Direct Chat</h3>
<div class="box-tools pull-right">
<button type="button" id="btn_showContacts" class="btn btn-box-tool" data-toggle="tooltip" title="" data-widget="chat-pane-toggle" data-original-title="Contacts">
<i class="fa fa-comments"></i>
</button>
</div>
</div>
<!-- /.box-header -->
<div class="box-body" id="chatBody">
<!-- Conversations are loaded here -->
<div class="direct-chat-messages" id="listmsg">
<div class="direct-chat-msg">
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-left">Ray Simth</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div>
<!-- /.direct-chat-info -->
<img class="direct-chat-img" src="plugins/adminLTE/dist/img/user2-160x160.jpg" alt="Message User Image"><!-- /.direct-chat-img -->
<div class="direct-chat-text">
早上好
</div>
<!-- /.direct-chat-text -->
</div>
<!-- /.direct-chat-msg -->
<!-- Message to the right -->
<div class="direct-chat-msg right">
<div class="direct-chat-info clearfix">
<span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div>
<!-- /.direct-chat-info -->
<img class="direct-chat-img" src="plugins/adminLTE/dist/img/user3-128x128.jpg" alt="Message User Image"><!-- /.direct-chat-img -->
<div class="direct-chat-text">
早上好!
</div>
<!-- /.direct-chat-text -->
</div>
</div>
<!--/.direct-chat-messages-->
<!-- Contacts are loaded here -->
<div class="direct-chat-contacts">
<ul class="contacts-list">
<li>
<a href="javascript:;" data-widget="chat-pane-toggle">
<img src="plugins/adminLTE/dist/img/user1-128x128.jpg" class="contacts-list-img" />
<div class="contacts-list-info">
<span class="contacts-list-name">
Polo
<small class="contacts-list-date pull-right"><i class="fa fa-circle text-danger"></i> 离线</small>
</span>
<span class="contacts-list-msg">Polo@gmail.com</span>
</div>
<!-- /.contacts-list-info -->
</a>
</li>
</ul>
<!-- /.contatcts-list -->
</div>
<!-- /.direct-chat-pane -->
</div>
<!-- /.box-body -->
<div class="box-footer">
<form action="#" method="post">
<div class="input-group">
<input type="text" id="message" name="message" placeholder="输入信息 ..." class="form-control">
<span class="input-group-btn">
<button type="button" id="sendmessage" class="btn btn-primary btn-flat">发送</button>
</span>
</div>
</form>
</div>
<!-- /.box-footer-->
</div>
<div class="chat-area">
<span class="badge badge-warning pull-right msgCount">0</span>
<a class="open-small-chat">
<i class="fa fa-comments"></i>
</a>
</div>
<!-- /. Chat-Area-->
</div>
<!-- ./wrapper -->
<div id="modal" class="hold-transition lockscreen" style="display:none">
<div class="lockscreen-wrapper">
<div class="lockscreen-logo">
<a href="#"><b>Admin</b>GLT</a>
</div>
<div class="lockscreen-name">Ray Simth</div>
<div class="lockscreen-item">
<div class="lockscreen-image">
<img src="plugins/adminLTE/dist/img/user2-160x160.jpg" />
</div>
<form class="lockscreen-credentials">
<div class="input-group">
<input id="tbx_lock_password" type="password" class="form-control" placeholder="password" value="">
<div class="input-group-btn">
<button type="button" class="btn" data-toggle="tooltip" id="unLock" data-placement="top" title="" data-original-title="UnLock"><i class="fa fa-arrow-right text-muted"></i></button>
</div>
</div>
</form>
</div>
<div class="help-block text-center">
输入密码解除锁定
</div>
<div class="lockscreen-footer text-center">
Copyright © 2014-2016
All rights reserved
</div>
</div>
</div>
<!-- ./ 锁定屏幕 -->
<script src="plugins/jquery/dist/jquery.min.js"></script>
<script src="plugins/layer/build/layer.js"></script>
<script src="plugins/toastr/toastr.min.js"></script>
<script src="plugins/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="plugins/bootstrap-addtabs/bootstrap.addtabs.min.js"></script>
<script src="plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="plugins/screenfull/dist/screenfull.min.js"></script>
<script src="plugins/custombox/dist/custombox.min.js"></script>
<script src="plugins/viewer/viewer.min.js"></script>
<script src="plugins/adminLTE/dist/js/adminlte.min.js"></script>
<script src="dist/gtl.min.js"></script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手