hnmt/sniper_nc.git

hjg

2024-07-09 30304784e82d4bba24121328da8eb8490aec4f4f

提交 \| 用户 \| 时间
58d006	1	<?xml version="1.0" encoding="UTF-8"?>
A	2	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	3	<!--
	4	Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.0.2
	5	Version: 1.5.4
	6	Author: KeenThemes
	7	Website: http://www.keenthemes.com/
	8	Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
	9	-->
	10	<f:view xmlns="http://www.w3.org/1999/xhtml"
	11	xmlns:c="http://java.sun.com/jsp/jstl/core"
	12	xmlns:h="http://java.sun.com/jsf/html"
	13	xmlns:f="http://java.sun.com/jsf/core"
	14	xmlns:ui="http://java.sun.com/jsf/facelets">
	15	<f:verbatim>
	16	<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
	17	<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
	18	<!--[if !IE]><!-->
	19	</f:verbatim>
	20	<html lang="en" class="no-js" >
	21	<f:verbatim>
	22	<!--<![endif]-->
	23	<!-- BEGIN HEAD -->
	24	</f:verbatim>
	25	<h:head>
	26	<meta charset="utf-8" />
	27
	28	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	29	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	30	<meta content="" name="description" />
	31	<meta content="" name="author" />
	32	<meta name="MobileOptimized" content="320" />
	33	<!-- BEGIN GLOBAL MANDATORY STYLES -->
	34	<link href="#{request.contextPath}/template/metro/assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
	35	<link href="#{request.contextPath}/template/metro/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
	36	<link href="#{request.contextPath}/template/metro/assets/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
	37
	38	<!-- END GLOBAL MANDATORY STYLES -->
	39	<!-- BEGIN PAGE LEVEL PLUGIN STYLES -->
	40	<!-- <link href="assets/plugins/gritter/css/jquery.gritter.css" rel="stylesheet" type="text/css"/>
	41	<link href="assets/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
	42	<link href="assets/plugins/fullcalendar/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
	43	<link href="assets/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css"/>
	44	<link href="assets/plugins/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css"/> -->
	45	<!-- END PAGE LEVEL PLUGIN STYLES -->
	46	<!-- BEGIN THEME STYLES -->
	47	<link href="#{request.contextPath}/template/metro/assets/css/style-metronic.css" rel="stylesheet" type="text/css"/>
	48	<link href="#{request.contextPath}/template/metro/assets/css/style.css" rel="stylesheet" type="text/css"/>
	49	<link href="#{request.contextPath}/template/metro/assets/css/style-responsive.css" rel="stylesheet" type="text/css"/>
	50	<link href="#{request.contextPath}/template/metro/assets/css/plugins.css" rel="stylesheet" type="text/css"/>
	51	<link href="#{request.contextPath}/template/metro/assets/css/pages/tasks.css" rel="stylesheet" type="text/css"/>
	52	<link href="#{request.contextPath}/template/metro/assets/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
	53	<link href="#{request.contextPath}/template/metro/assets/css/custom.css" rel="stylesheet" type="text/css"/>
	54	<link href="#{request.contextPath}/goods/css/goods.css" rel="stylesheet" type="text/css"/>
	55	<ui:insert name="title">
	56	<title>
	57	Metronic \| Admin Dashboard Template
	58	</title>
	59	</ui:insert>
	60	<!-- END THEME STYLES -->
	61	<link rel="shortcut icon" href="favicon.ico" />
	62	</h:head>
	63	<!-- END HEAD -->
	64	<!-- BEGIN BODY -->
	65	<h:body class="page-header-fixed">
	66	<!-- BEGIN HEADER -->
	67	<div class="header navbar navbar-inverse navbar-fixed-top">
	68	<!-- BEGIN TOP NAVIGATION BAR -->
	69	<div class="header-inner">
	70	<!-- BEGIN LOGO -->
	71	<a class="navbar-brand" href="http://www.sanyingsoft.com">
	72	<span style="cursor: pointer;position: relative;top:-2px;font-weight:bold;font-size:18px;font-style:italic;">佳  源 农 庄</span>
	73	</a>
	74	<!-- END LOGO -->
	75	<!-- BEGIN RESPONSIVE MENU TOGGLER -->
	76	<a href="javascript:;" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	77	<img src="#{request.contextPath}/template/metro/assets/img/menu-toggler.png" alt="" />
	78	</a>
	79	<!-- END RESPONSIVE MENU TOGGLER -->
	80	<!-- BEGIN TOP NAVIGATION MENU -->
	81	<ul class="nav navbar-nav pull-right">
	82	<!-- BEGIN NOTIFICATION DROPDOWN -->
	83	<li class="dropdown" id="header_notification_bar">
	84	<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"
	85	data-close-others="true">
	86	<i class="fa fa-warning"></i>
	87	<span class="badge">0</span>
	88	</a>
	89	<ul class="dropdown-menu extended notification">
	90	<li>
	91	<p>你有0个新通知</p>
	92	</li>
	93	<li>
	94	<ul class="dropdown-menu-list scroller" style="height: 250px;">
	95
	96	</ul>
	97	</li>
	98	<li class="external">
	99	<a href="#">查看所有通知 <i class="m-icon-swapright"></i></a>
	100	</li>
	101	</ul>
	102	</li>
	103	<!-- END NOTIFICATION DROPDOWN -->
	104	<!-- BEGIN INBOX DROPDOWN -->
	105	<li class="dropdown" id="header_inbox_bar">
	106	<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"
	107	data-close-others="true">
	108	<i class="fa fa-envelope"></i>
	109	<span class="badge">0</span>
	110	</a>
	111	<ul class="dropdown-menu extended inbox">
	112	<li>
	113	<p>你有0个新邮件</p>
	114	</li>
	115	<li>
	116	<ul class="dropdown-menu-list scroller" style="height: 250px;">
	117
	118	</ul>
	119	</li>
	120	<li class="external">
	121	<a href="inbox.html">查看那所有邮件 <i class="m-icon-swapright"></i></a>
	122	</li>
	123	</ul>
	124	</li>
	125	<!-- END INBOX DROPDOWN -->
	126	<!-- BEGIN TODO DROPDOWN -->
	127	<li class="dropdown" id="header_task_bar">
	128	<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
	129	<i class="fa fa-tasks"></i>
	130	<span class="badge">0</span>
	131	</a>
	132	<ul class="dropdown-menu extended tasks">
	133	<li>
	134	<p>你有0个未完成的任务</p>
	135	</li>
	136	<li>
	137	<ul class="dropdown-menu-list scroller" style="height: 250px;">
	138
	139	</ul>
	140	</li>
	141	<li class="external">
	142	<a href="#">查看所有任务 <i class="m-icon-swapright"></i></a>
	143	</li>
	144	</ul>
	145	</li>
	146	<!-- END TODO DROPDOWN -->
	147	<!-- BEGIN USER LOGIN DROPDOWN -->
	148	<ul class="nav pull-right" style="line-height:20px;margin-top:5px;">
	149	<!--<span style="cursor: pointer;position: relative;top:5px;"><a href="/mandi/configure/changepwd.jsf"><i class="icon-user icon-dark"></i>Administrator </a>\|<a href="" >退出</a></span> -->
	150	<a class="dropdown-toggle" data-toggle="dropdown" style="cursor: pointer;position: relative;top:5px;">
	151	<i class="icon-user icon-dark"></i>
	152	欢迎您：#{sessionScope.login_sess_username}
	153	<span class="caret"></span>
	154	</a>
	155	<ul class="dropdown-menu">
	156	<li><a href="#"><i class="icon-pencil"></i>个人信息</a></li>
	157	<li><a href="#{request.contextPath}/administrate/system/changepwd.jsf"><i class="icon-edit"></i>密码修改</a></li>
	158	<li class="divider"></li>
	159	<li><a href="/syslogin/logout.htm"><i class="i"></i>退出</a></li>
	160	</ul>
	161	</ul>
	162	<!-- END USER LOGIN DROPDOWN -->
	163	</ul>
	164	<!-- END TOP NAVIGATION MENU -->
	165	</div>
	166	<!-- END TOP NAVIGATION BAR -->
	167	</div>
	168	<!-- END HEADER -->
	169	<div class="clearfix"></div>
	170	<!-- BEGIN CONTAINER -->
	171	<div class="page-container">
	172	<!-- BEGIN SIDEBAR -->
	173	<div class="page-sidebar navbar-collapse collapse">
	174	<!-- BEGIN SIDEBAR MENU -->
	175	<ul class="page-sidebar-menu" id="menuulroot">
	176	<!--更换背景色-->
	177	<li>
	178	<div class="theme-panel hidden-xs hidden-sm">
	179	<div class="toggler"></div>
	180	<div class="toggler-close"></div>
	181	<div class="theme-options">
	182	<div class="theme-option theme-colors clearfix">
	183	<span>主题颜色</span>
	184	<ul>
	185	<li class="color-black current color-default" data-style="default"></li>
	186	<li class="color-blue" data-style="blue"></li>
	187	<li class="color-brown" data-style="brown"></li>
	188	<li class="color-purple" data-style="purple"></li>
	189	<li class="color-grey" data-style="grey"></li>
	190	<li class="color-white color-light" data-style="light"></li>
	191	</ul>
	192	</div>
	193	<div class="theme-option">
	194	<span>布局</span>
	195	<select class="layout-option form-control input-small">
	196	<option value="fluid" selected="selected">流体</option>
	197	<option value="boxed">盒装</option>
	198	</select>
	199	</div>
	200	<div class="theme-option">
	201	<span>顶部</span>
	202	<select class="header-option form-control input-small">
	203	<option value="fixed" selected="selected">固定</option>
	204	<option value="default">默认</option>
	205	</select>
	206	</div>
	207	<div class="theme-option">
	208	<span>Sidebar</span>
	209	<select class="sidebar-option form-control input-small">
	210	<option value="fixed">固定</option>
	211	<option value="default" selected="selected">默认</option>
	212	</select>
	213	</div>
	214	<div class="theme-option">
	215	<span>Footer</span>
	216	<select class="footer-option form-control input-small">
	217	<option value="fixed">固定</option>
	218	<option value="default" selected="selected">默认</option>
	219	</select>
	220	</div>
	221	</div>
	222	</div>
	223	</li>
	224	<li>
	225	<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
	226	<div class="sidebar-toggler hidden-phone"></div>
	227	<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
	228	</li>
	229	<li style="margin-top:15px;"></li>
	230	<!-- <li>
	231	<a href="">
	232	<i class="fa fa-home"></i>
	233	<span class="title">首页</span>
	234	</a>
	235	<a href="#{request.contextPath}/goods/ck.jsf">
	236	<i class="fa fa-home"></i>
	237	<span class="title">仓储管理</span>
	238	</a>
	239	<a href="#{request.contextPath}/goods/kc.jsf">
	240	<i class="fa fa-home"></i>
	241	<span class="title">产品管理</span>
	242	</a>
	243	<a href="#{request.contextPath}/goods/spfl.jsf">
	244	<i class="fa fa-home"></i>
	245	<span class="title">商品分类管理</span>
	246	</a>
	247	<a href="#{request.contextPath}/goods/spyx.jsf">
	248	<i class="fa fa-home"></i>
	249	<span class="title">商品管理</span>
	250	</a>
	251	</li> -->
	252
	253	</ul>
	254	<!-- END SIDEBAR MENU -->
	255	</div>
	256	<!-- END SIDEBAR -->
	257	<!-- BEGIN PAGE -->
	258	<div class="page-content">
	259
	260	<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
	261	<!-- /.modal -->
	262	<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
	263	<!-- BEGIN STYLE CUSTOMIZER -->
	264
	265	<!-- END BEGIN STYLE CUSTOMIZER -->
	266	<!-- BEGIN PAGE HEADER-->
	267	<div class="row">
	268	<div class="col-md-12">
	269	<!-- BEGIN PAGE TITLE & BREADCRUMB-->
	270	<ul class="page-breadcrumb breadcrumb">
	271	<ui:insert name="bread">
	272	<li>
	273	<i class="fa fa-home"></i>
	274	<a href="index.html">主页</a>
	275	<i class="fa fa-angle-right"></i>
	276	</li>
	277	<li><a href="#">指示板</a></li>
	278	<li class="pull-right">
	279	<div id="dashboard-report-range" class="dashboard-date-range tooltips" data-placement="top" data-original-title="Change dashboard date range">
	280	<i class="fa fa-calendar"></i>
	281	<span></span>
	282	<i class="fa fa-angle-down"></i>
	283	</div>
	284	</li>
	285	</ui:insert>
	286	</ul>
	287	<!-- END PAGE TITLE & BREADCRUMB-->
	288	</div>
	289	</div>
	290	<ui:insert name="rgt-content">
	291
	292	<!-- END PAGE HEADER-->
	293	<!-- BEGIN DASHBOARD STATS -->
	294	<div class="row">
	295	<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
	296	<div class="dashboard-stat blue">
	297	<div class="visual">
	298	<i class="fa fa-comments"></i>
	299	</div>
	300	<div class="details">
	301	<div class="number">
	302	1349
	303	</div>
	304	<div class="desc">
	305	新的反馈
	306	</div>
	307	</div>
	308	<a class="more" href="#">
	309	View more <i class="m-icon-swapright m-icon-white"></i>
	310	</a>
	311	</div>
	312	</div>
	313	<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
	314	<div class="dashboard-stat green">
	315	<div class="visual">
	316	<i class="fa fa-shopping-cart"></i>
	317	</div>
	318	<div class="details">
	319	<div class="number">549</div>
	320	<div class="desc">新订单</div>
	321	</div>
	322	<a class="more" href="#">
	323	View more <i class="m-icon-swapright m-icon-white"></i>
	324	</a>
	325	</div>
	326	</div>
	327	<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
	328	<div class="dashboard-stat purple">
	329	<div class="visual">
	330	<i class="fa fa-globe"></i>
	331	</div>
	332	<div class="details">
	333	<div class="number">+89%</div>
	334	<div class="desc">品牌知名度</div>
	335	</div>
	336	<a class="more" href="#">
	337	View more <i class="m-icon-swapright m-icon-white"></i>
	338	</a>
	339	</div>
	340	</div>
	341	<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
	342	<div class="dashboard-stat yellow">
	343	<div class="visual">
	344	<i class="fa fa-bar-chart-o"></i>
	345	</div>
	346	<div class="details">
	347	<div class="number">12,5M$</div>
	348	<div class="desc">利润总额</div>
	349	</div>
	350	<a class="more" href="#">
	351	View more <i class="m-icon-swapright m-icon-white"></i>
	352	</a>
	353	</div>
	354	</div>
	355	</div>
	356	<!-- END DASHBOARD STATS -->
	357	<div class="clearfix"></div>
	358	<div class="row">
	359	<div class="col-md-6 col-sm-6">
	360	<!-- BEGIN PORTLET-->
	361	<div class="portlet solid bordered light-grey">
	362	<div class="portlet-title">
	363	<div class="caption"><i class="fa fa-bar-chart-o"></i>网站访问</div>
	364	<div class="tools">
	365	<div class="btn-group" data-toggle="buttons">
	366	<label class="btn default btn-sm active">
	367	<input type="radio" name="options" class="toggle" id="option1" />Users
	368	</label>
	369	<label class="btn default btn-sm">
	370	<input type="radio" name="options" class="toggle" id="option2" />反馈
	371	</label>
	372	</div>
	373	</div>
	374	</div>
	375	<div class="portlet-body">
	376	<div id="site_statistics_loading">
	377	<img src="assets/img/loading.gif" alt="loading"/>
	378	</div>
	379	<div id="site_statistics_content" class="display-none">
	380	<div id="site_statistics" class="chart"></div>
	381	</div>
	382	</div>
	383	</div>
	384	<!-- END PORTLET-->
	385	</div>
	386	<div class="col-md-6 col-sm-6">
	387	<!-- BEGIN PORTLET-->
	388	<div class="portlet solid light-grey bordered">
	389	<div class="portlet-title">
	390	<div class="caption"><i class="fa fa-bullhorn"></i>活动</div>
	391	<div class="tools">
	392	<div class="btn-group pull-right" data-toggle="buttons">
	393	<a href="" class="btn blue btn-sm active">Users</a>
	394	<a href="" class="btn blue btn-sm">Orders</a>
	395	</div>
	396	</div>
	397	</div>
	398	<div class="portlet-body">
	399	<div id="site_activities_loading">
	400	<img src="assets/img/loading.gif" alt="loading"/>
	401	</div>
	402	<div id="site_activities_content" class="display-none">
	403	<div id="site_activities" style="height: 100px;"></div>
	404	</div>
	405	</div>
	406	</div>
	407	<!-- END PORTLET-->
	408	<!-- BEGIN PORTLET-->
	409	<div class="portlet solid bordered light-grey">
	410	<div class="portlet-title">
	411	<div class="caption"><i class="fa fa-signal"></i>服务器负载</div>
	412	<div class="tools">
	413	<div class="btn-group pull-right" data-toggle="buttons">
	414	<a href="" class="btn red btn-sm active">数据库</a>
	415	<a href="" class="btn red btn-sm">Web</a>
	416	</div>
	417	</div>
	418	</div>
	419	<div class="portlet-body">
	420	<div id="load_statistics_loading">
	421	<img src="assets/img/loading.gif" alt="loading" />
	422	</div>
	423	<div id="load_statistics_content" class="display-none">
	424	<div id="load_statistics" style="height: 108px;"></div>
	425	</div>
	426	</div>
	427	</div>
	428	<!-- END PORTLET-->
	429	</div>
	430	</div>
	431	<div class="clearfix"></div>
	432	<div class="row ">
	433	<div class="col-md-6 col-sm-6">
	434	<div class="portlet box blue">
	435	<div class="portlet-title">
	436	<div class="caption"><i class="fa fa-bell-o"></i>最近的活动</div>
	437	<div class="actions">
	438	<div class="btn-group">
	439	<a class="btn btn-sm default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
	440	分类
	441	<i class="fa fa-angle-down"></i>
	442	</a>
	443	<div class="dropdown-menu hold-on-click dropdown-checkboxes pull-right">
	444	<label><input type="checkbox" /> 金融</label>
	445	<label><input type="checkbox" checked="" /> 会员</label>
	446	<label><input type="checkbox" /> 客户支持</label>
	447	<label><input type="checkbox" checked="" /> HR</label>
	448	<label><input type="checkbox" /> System</label>
	449	</div>
	450	</div>
	451	</div>
	452	</div>
	453	<div class="portlet-body">
	454	<div class="scroller" style="height: 300px;" data-always-visible="1" data-rail-visible="0">
	455	<ul class="feeds">
	456	<li>
	457	<div class="col1">
	458	<div class="cont">
	459	<div class="cont-col1">
	460	<div class="label label-sm label-info">
	461	<i class="fa fa-check"></i>
	462	</div>
	463	</div>
	464	<div class="cont-col2">
	465	<div class="desc">
	466	You have 4 pending tasks.
	467	<span class="label label-sm label-warning ">
	468	Take action
	469	<i class="fa fa-share"></i>
	470	</span>
	471	</div>
	472	</div>
	473	</div>
	474	</div>
	475	<div class="col2">
	476	<div class="date">
	477	Just now
	478	</div>
	479	</div>
	480	</li>
	481	<li>
	482	<a href="#">
	483	<div class="col1">
	484	<div class="cont">
	485	<div class="cont-col1">
	486	<div class="label label-sm label-success">
	487	<i class="fa fa-bar-chart-o"></i>
	488	</div>
	489	</div>
	490	<div class="cont-col2">
	491	<div class="desc">
	492	Finance Report for year 2013 has been released.
	493	</div>
	494	</div>
	495	</div>
	496	</div>
	497	<div class="col2">
	498	<div class="date">
	499	20 mins
	500	</div>
	501	</div>
	502	</a>
	503	</li>
	504	<li>
	505	<div class="col1">
	506	<div class="cont">
	507	<div class="cont-col1">
	508	<div class="label label-sm label-danger">
	509	<i class="fa fa-user"></i>
	510	</div>
	511	</div>
	512	<div class="cont-col2">
	513	<div class="desc">
	514	You have 5 pending membership that requires a quick review.
	515	</div>
	516	</div>
	517	</div>
	518	</div>
	519	<div class="col2">
	520	<div class="date">
	521	24 mins
	522	</div>
	523	</div>
	524	</li>
	525	<li>
	526	<div class="col1">
	527	<div class="cont">
	528	<div class="cont-col1">
	529	<div class="label label-sm label-info">
	530	<i class="fa fa-shopping-cart"></i>
	531	</div>
	532	</div>
	533	<div class="cont-col2">
	534	<div class="desc">
	535	New order received with <span class="label label-sm label-success">Reference Number: DR23923</span>
	536	</div>
	537	</div>
	538	</div>
	539	</div>
	540	<div class="col2">
	541	<div class="date">
	542	30 mins
	543	</div>
	544	</div>
	545	</li>
	546	<li>
	547	<div class="col1">
	548	<div class="cont">
	549	<div class="cont-col1">
	550	<div class="label label-sm label-success">
	551	<i class="fa fa-user"></i>
	552	</div>
	553	</div>
	554	<div class="cont-col2">
	555	<div class="desc">
	556	You have 5 pending membership that requires a quick review.
	557	</div>
	558	</div>
	559	</div>
	560	</div>
	561	<div class="col2">
	562	<div class="date">
	563	24 mins
	564	</div>
	565	</div>
	566	</li>
	567	<li>
	568	<div class="col1">
	569	<div class="cont">
	570	<div class="cont-col1">
	571	<div class="label label-sm label-default">
	572	<i class="fa fa-bell-o"></i>
	573	</div>
	574	</div>
	575	<div class="cont-col2">
	576	<div class="desc">
	577	Web server hardware needs to be upgraded.
	578	<span class="label label-sm label-default ">Overdue</span>
	579	</div>
	580	</div>
	581	</div>
	582	</div>
	583	<div class="col2">
	584	<div class="date">
	585	2 hours
	586	</div>
	587	</div>
	588	</li>
	589	<li>
	590	<a href="#">
	591	<div class="col1">
	592	<div class="cont">
	593	<div class="cont-col1">
	594	<div class="label label-sm label-default">
	595	<i class="fa fa-briefcase"></i>
	596	</div>
	597	</div>
	598	<div class="cont-col2">
	599	<div class="desc">
	600	IPO Report for year 2013 has been released.
	601	</div>
	602	</div>
	603	</div>
	604	</div>
	605	<div class="col2">
	606	<div class="date">
	607	20 mins
	608	</div>
	609	</div>
	610	</a>
	611	</li>
	612	<li>
	613	<div class="col1">
	614	<div class="cont">
	615	<div class="cont-col1">
	616	<div class="label label-sm label-info">
	617	<i class="fa fa-check"></i>
	618	</div>
	619	</div>
	620	<div class="cont-col2">
	621	<div class="desc">
	622	You have 4 pending tasks.
	623	<span class="label label-sm label-warning ">
	624	Take action
	625	<i class="fa fa-share"></i>
	626	</span>
	627	</div>
	628	</div>
	629	</div>
	630	</div>
	631	<div class="col2">
	632	<div class="date">
	633	Just now
	634	</div>
	635	</div>
	636	</li>
	637	<li>
	638	<a href="#">
	639	<div class="col1">
	640	<div class="cont">
	641	<div class="cont-col1">
	642	<div class="label label-sm label-danger">
	643	<i class="fa fa-bar-chart-o"></i>
	644	</div>
	645	</div>
	646	<div class="cont-col2">
	647	<div class="desc">
	648	Finance Report for year 2013 has been released.
	649	</div>
	650	</div>
	651	</div>
	652	</div>
	653	<div class="col2">
	654	<div class="date">
	655	20 mins
	656	</div>
	657	</div>
	658	</a>
	659	</li>
	660	<li>
	661	<div class="col1">
	662	<div class="cont">
	663	<div class="cont-col1">
	664	<div class="label label-sm label-default">
	665	<i class="fa fa-user"></i>
	666	</div>
	667	</div>
	668	<div class="cont-col2">
	669	<div class="desc">
	670	You have 5 pending membership that requires a quick review.
	671	</div>
	672	</div>
	673	</div>
	674	</div>
	675	<div class="col2">
	676	<div class="date">
	677	24 mins
	678	</div>
	679	</div>
	680	</li>
	681	<li>
	682	<div class="col1">
	683	<div class="cont">
	684	<div class="cont-col1">
	685	<div class="label label-sm label-info">
	686	<i class="fa fa-shopping-cart"></i>
	687	</div>
	688	</div>
	689	<div class="cont-col2">
	690	<div class="desc">
	691	New order received with <span class="label label-sm label-success">Reference Number: DR23923</span>
	692	</div>
	693	</div>
	694	</div>
	695	</div>
	696	<div class="col2">
	697	<div class="date">
	698	30 mins
	699	</div>
	700	</div>
	701	</li>
	702	<li>
	703	<div class="col1">
	704	<div class="cont">
	705	<div class="cont-col1">
	706	<div class="label label-sm label-success">
	707	<i class="fa fa-user"></i>
	708	</div>
	709	</div>
	710	<div class="cont-col2">
	711	<div class="desc">
	712	You have 5 pending membership that requires a quick review.
	713	</div>
	714	</div>
	715	</div>
	716	</div>
	717	<div class="col2">
	718	<div class="date">
	719	24 mins
	720	</div>
	721	</div>
	722	</li>
	723	<li>
	724	<div class="col1">
	725	<div class="cont">
	726	<div class="cont-col1">
	727	<div class="label label-sm label-warning">
	728	<i class="fa fa-bell-o"></i>
	729	</div>
	730	</div>
	731	<div class="cont-col2">
	732	<div class="desc">
	733	Web server hardware needs to be upgraded.
	734	<span class="label label-sm label-default ">Overdue</span>
	735	</div>
	736	</div>
	737	</div>
	738	</div>
	739	<div class="col2">
	740	<div class="date">
	741	2 hours
	742	</div>
	743	</div>
	744	</li>
	745	<li>
	746	<a href="#">
	747	<div class="col1">
	748	<div class="cont">
	749	<div class="cont-col1">
	750	<div class="label label-sm label-info">
	751	<i class="fa fa-briefcase"></i>
	752	</div>
	753	</div>
	754	<div class="cont-col2">
	755	<div class="desc">
	756	IPO Report for year 2013 has been released.
	757	</div>
	758	</div>
	759	</div>
	760	</div>
	761	<div class="col2">
	762	<div class="date">
	763	20 mins
	764	</div>
	765	</div>
	766	</a>
	767	</li>
	768	</ul>
	769	</div>
	770	<div class="scroller-footer">
	771	<div class="pull-right">
	772	<a href="#">See All Records <i class="m-icon-swapright m-icon-gray"></i></a>
	773	</div>
	774	</div>
	775	</div>
	776	</div>
	777	</div>
	778	<div class="col-md-6 col-sm-6">
	779	<div class="portlet box green tasks-widget">
	780	<div class="portlet-title">
	781	<div class="caption"><i class="fa fa-check"></i>任务</div>
	782	<div class="tools">
	783	<a href="#portlet-config" data-toggle="modal" class="config"></a>
	784	<a href="" class="reload"></a>
	785	</div>
	786	<div class="actions">
	787	<div class="btn-group">
	788	<a class="btn default btn-xs" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
	789	更多
	790	<i class="fa fa-angle-down"></i>
	791	</a>
	792	<ul class="dropdown-menu pull-right">
	793	<li><a href="#"><i class="i"></i> All Project</a></li>
	794	<li class="divider"></li>
	795	<li><a href="#">亚航</a></li>
	796	<li><a href="#">Cruise</a></li>
	797	<li><a href="#">HSBC</a></li>
	798	<li class="divider"></li>
	799	<li><a href="#">Pending <span class="badge badge-important">4</span></a></li>
	800	<li><a href="#">Completed <span class="badge badge-success">12</span></a></li>
	801	<li><a href="#">Overdue <span class="badge badge-warning">9</span></a></li>
	802	</ul>
	803	</div>
	804	</div>
	805	</div>
	806	<div class="portlet-body">
	807	<div class="task-content">
	808	<div class="scroller" style="height: 305px;" data-always-visible="1" data-rail-visible1="1">
	809	<!-- START TASK LIST -->
	810	<ul class="task-list">
	811	<li>
	812	<div class="task-checkbox">
	813	<input type="checkbox" class="liChild" value="" />
	814	</div>
	815	<div class="task-title">
	816	<span class="task-title-sp">Present 2013 Year IPO Statistics at Board Meeting</span>
	817	<span class="label label-sm label-success">Company</span>
	818	<span class="task-bell"><i class="fa fa-bell-o"></i></span>
	819	</div>
	820	<div class="task-config">
	821	<div class="task-config-btn btn-group">
	822	<a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
	823	<i class="fa fa-cog"></i><i class="fa fa-angle-down"></i></a>
	824	<ul class="dropdown-menu pull-right">
	825	<li><a href="#"><i class="fa fa-check"></i> Complete</a></li>
	826	<li><a href="#"><i class="fa fa-pencil"></i> Edit</a></li>
	827	<li><a href="#"><i class="fa fa-trash-o"></i> Cancel</a></li>
	828	</ul>
	829	</div>
	830	</div>
	831	</li>
	832	<li>
	833	<div class="task-checkbox">
	834	<input type="checkbox" class="liChild" value=""/>
	835	</div>
	836	<div class="task-title">
	837	<span class="task-title-sp">Hold An Interview for Marketing Manager Position</span>
	838	<span class="label label-sm label-danger">Marketing</span>
	839	</div>
	840	<div class="task-config">
	841	<div class="task-config-btn btn-group">
	842	<a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
	843	<i class="fa fa-cog"></i><i class="fa fa-angle-down"></i></a>
	844	<ul class="dropdown-menu pull-right">
	845	<li><a href="#"><i class="fa fa-check"></i> Complete</a></li>
	846	<li><a href="#"><i class="fa fa-pencil"></i> Edit</a></li>
	847	<li><a href="#"><i class="fa fa-trash-o"></i> Cancel</a></li>
	848	</ul>
	849	</div>
	850	</div>
	851	</li>
	852	<li>
	853	<div class="task-checkbox">
	854	<input type="checkbox" class="liChild" value=""/>
	855	</div>
	856	<div class="task-title">
	857	<span class="task-title-sp">AirAsia Intranet System Project Internal Meeting</span>
	858	<span class="label label-sm label-success">AirAsia</span>
	859	<span class="task-bell"><i class="fa fa-bell-o"></i></span>
	860	</div>
	861	<div class="task-config">
	862	<div class="task-config-btn btn-group">
	863	<a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
	864	<i class="fa fa-cog"></i><i class="fa fa-angle-down"></i></a>
	865	<ul class="dropdown-menu pull-right">
	866	<li><a href="#"><i class="fa fa-check"></i> Complete</a></li>
	867	<li><a href="#"><i class="fa fa-pencil"></i> Edit</a></li>
	868	<li><a href="#"><i class="fa fa-trash-o"></i> Cancel</a></li>
	869	</ul>
	870	</div>
	871	</div>
	872	</li>
	873	<li>
	874	<div class="task-checkbox">
	875	<input type="checkbox" class="liChild" value="" />
	876	</div>
	877	<div class="task-title">
	878	<span class="task-title-sp">Technical Management Meeting</span>
	879	<span class="label label-sm label-warning">Company</span>
	880	</div>
	881	<div class="task-config">
	882	<div class="task-config-btn btn-group">
	883	<a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"><i class="fa fa-cog"></i><i class="fa fa-angle-down"></i></a>
	884	<ul class="dropdown-menu pull-right">
	885	<li><a href="#"><i class="fa fa-check"></i> Complete</a></li>
	886	<li><a href="#"><i class="fa fa-pencil"></i> Edit</a></li>
	887	<li><a href="#"><i class="fa fa-trash-o"></i> Cancel</a></li>
	888	</ul>
	889	</div>
	890	</div>
	891	</li>
	892	<li>
	893	<div class="task-checkbox">
	894	<input type="checkbox" class="liChild" value="" />
	895	</div>
	896	<div class="task-title">
	897	<span class="task-title-sp">Kick-off Company CRM Mobile App Development</span>
	898	<span class="label label-sm label-info">Internal Products</span>
	899	</div>
	900	<div class="task-config">
	901	<div class="task-config-btn btn-group">
	902	<a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"><i class="fa fa-cog"></i><i class="fa fa-angle-down"></i></a>
	903	<ul class="dropdown-menu pull-right">
	904	<li><a href="#"><i class="fa fa-check"></i> Complete</a></li>
	905	<li><a href="#"><i class="fa fa-pencil"></i> Edit</a></li>
	906	<li><a href="#"><i class="fa fa-trash-o"></i> Cancel</a></li>
	907	</ul>
	908	</div>
	909	</div>
	910	</li>
	911	<li>
	912	<div class="task-checkbox">
	913	<input type="checkbox" class="liChild" value="" />
	914	</div>
	915	<div class="task-title">
	916	<span class="task-title-sp">
	917	Prepare Commercial Offer For SmartVision Website Rewamp
	918	</span>
	919	<span class="label label-sm label-danger">SmartVision</span>
	920	</div>
	921	<div class="task-config">
	922	<div class="task-config-btn btn-group">
	923	<a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"><i class="fa fa-cog"></i><i class="fa fa-angle-down"></i></a>
	924	<ul class="dropdown-menu pull-right">
	925	<li><a href="#"><i class="fa fa-check"></i> Complete</a></li>
	926	<li><a href="#"><i class="fa fa-pencil"></i> Edit</a></li>
	927	<li><a href="#"><i class="fa fa-trash-o"></i> Cancel</a></li>
	928	</ul>
	929	</div>
	930	</div>
	931	</li>
	932	<li>
	933	<div class="task-checkbox">
	934	<input type="checkbox" class="liChild" value="" />
	935	</div>
	936	<div class="task-title">
	937	<span class="task-title-sp">Sign-Off The Comercial Agreement With AutoSmart</span>
	938	<span class="label label-sm label-default">AutoSmart</span>
	939	<span class="task-bell"><i class="fa fa-bell-o"></i></span>
	940	</div>
	941	<div class="task-config">
	942	<div class="task-config-btn btn-group">
	943	<a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"><i class="fa fa-cog"></i><i class="fa fa-angle-down"></i></a>
	944	<ul class="dropdown-menu pull-right">
	945	<li><a href="#"><i class="fa fa-check"></i> Complete</a></li>
	946	<li><a href="#"><i class="fa fa-pencil"></i> Edit</a></li>
	947	<li><a href="#"><i class="fa fa-trash-o"></i> Cancel</a></li>
	948	</ul>
	949	</div>
	950	</div>
	951	</li>
	952	<li>
	953	<div class="task-checkbox">
	954	<input type="checkbox" class="liChild" value="" />
	955	</div>
	956	<div class="task-title">
	957	<span class="task-title-sp">Company Staff Meeting</span>
	958	<span class="label label-sm label-success">Cruise</span>
	959	<span class="task-bell"><i class="fa fa-bell-o"></i></span>
	960	</div>
	961	<div class="task-config">
	962	<div class="task-config-btn btn-group">
	963	<a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"><i class="fa fa-cog"></i><i class="fa fa-angle-down"></i></a>
	964	<ul class="dropdown-menu pull-right">
	965	<li><a href="#"><i class="fa fa-check"></i> Complete</a></li>
	966	<li><a href="#"><i class="fa fa-pencil"></i> Edit</a></li>
	967	<li><a href="#"><i class="fa fa-trash-o"></i> Cancel</a></li>
	968	</ul>
	969	</div>
	970	</div>
	971	</li>
	972	<li class="last-line">
	973	<div class="task-checkbox">
	974	<input type="checkbox" class="liChild" value="" />
	975	</div>
	976	<div class="task-title">
	977	<span class="task-title-sp">KeenThemes Investment Discussion</span>
	978	<span class="label label-sm label-warning">KeenThemes</span>
	979	</div>
	980	<div class="task-config">
	981	<div class="task-config-btn btn-group">
	982	<a class="btn btn-xs default" href="#" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"><i class="fa fa-cog"></i><i class="fa fa-angle-down"></i></a>
	983	<ul class="dropdown-menu pull-right">
	984	<li><a href="#"><i class="fa fa-check"></i> Complete</a></li>
	985	<li><a href="#"><i class="fa fa-pencil"></i> Edit</a></li>
	986	<li><a href="#"><i class="fa fa-trash-o"></i> Cancel</a></li>
	987	</ul>
	988	</div>
	989	</div>
	990	</li>
	991	</ul>
	992	<!-- END START TASK LIST -->
	993	</div>
	994	</div>
	995	<div class="task-footer">
	996	<span class="pull-right">
	997	<a href="#">See All Tasks <i class="m-icon-swapright m-icon-gray"></i></a>
	998	</span>
	999	</div>
	1000	</div>
	1001	</div>
	1002	</div>
	1003	</div>
	1004	<div class="clearfix"></div>
	1005	<div class="row ">
	1006	<div class="col-md-6 col-sm-6">
	1007	<div class="portlet box purple">
	1008	<div class="portlet-title">
	1009	<div class="caption"><i class="fa fa-calendar"></i>一般的统计数据</div>
	1010	<div class="actions">
	1011	<a href="javascript:;" class="btn btn-sm yellow easy-pie-chart-reload"><i class="fa fa-repeat"></i> 重新加载</a>
	1012	</div>
	1013	</div>
	1014	<div class="portlet-body">
	1015	<div class="row">
	1016	<div class="col-md-4">
	1017	<div class="easy-pie-chart">
	1018	<div class="number transactions" data-percent="55"><span>+55</span>%</div>
	1019	<a class="title" href="#">交易 <i class="m-icon-swapright"></i></a>
	1020	</div>
	1021	</div>
	1022	<div class="margin-bottom-10 visible-sm"></div>
	1023	<div class="col-md-4">
	1024	<div class="easy-pie-chart">
	1025	<div class="number visits" data-percent="85"><span>+85</span>%</div>
	1026	<a class="title" href="#">新访问 <i class="m-icon-swapright"></i></a>
	1027	</div>
	1028	</div>
	1029	<div class="margin-bottom-10 visible-sm"></div>
	1030	<div class="col-md-4">
	1031	<div class="easy-pie-chart">
	1032	<div class="number bounce" data-percent="46"><span>-46</span>%</div>
	1033	<a class="title" href="#">反弹<i class="m-icon-swapright"></i></a>
	1034	</div>
	1035	</div>
	1036	</div>
	1037	</div>
	1038	</div>
	1039	</div>
	1040	<div class="col-md-6 col-sm-6">
	1041	<div class="portlet box blue">
	1042	<div class="portlet-title">
	1043	<div class="caption"><i class="fa fa-calendar"></i>服务器数据</div>
	1044	<div class="tools">
	1045	<a href="" class="collapse"></a>
	1046	<a href="#portlet-config" data-toggle="modal" class="config"></a>
	1047	<a href="" class="reload"></a>
	1048	<a href="" class="remove"></a>
	1049	</div>
	1050	</div>
	1051	<div class="portlet-body">
	1052	<div class="row">
	1053	<div class="col-md-4">
	1054	<div class="sparkline-chart">
	1055	<div class="number" id="sparkline_bar"></div>
	1056	<a class="title" href="#">Network <i class="m-icon-swapright"></i></a>
	1057	</div>
	1058	</div>
	1059	<div class="margin-bottom-10 visible-sm"></div>
	1060	<div class="col-md-4">
	1061	<div class="sparkline-chart">
	1062	<div class="number" id="sparkline_bar2"></div>
	1063	<a class="title" href="#">CPU Load <i class="m-icon-swapright"></i></a>
	1064	</div>
	1065	</div>
	1066	<div class="margin-bottom-10 visible-sm"></div>
	1067	<div class="col-md-4">
	1068	<div class="sparkline-chart">
	1069	<div class="number" id="sparkline_line"></div>
	1070	<a class="title" href="#">Load Rate <i class="m-icon-swapright"></i></a>
	1071	</div>
	1072	</div>
	1073	</div>
	1074	</div>
	1075	</div>
	1076	</div>
	1077	</div>
	1078	<div class="clearfix"></div>
	1079	<div class="row ">
	1080	<div class="col-md-6 col-sm-6">
	1081	<!-- BEGIN REGIONAL STATS PORTLET-->
	1082	<div class="portlet">
	1083	<div class="portlet-title">
	1084	<div class="caption"><i class="fa fa-globe"></i>区域统计</div>
	1085	<div class="tools">
	1086	<a href="" class="collapse"></a>
	1087	<a href="#portlet-config" data-toggle="modal" class="config"></a>
	1088	<a href="" class="reload"></a>
	1089	<a href="" class="remove"></a>
	1090	</div>
	1091	</div>
	1092	<div class="portlet-body">
	1093	<div id="region_statistics_loading">
	1094	<img src="assets/img/loading.gif" alt="loading"/>
	1095	</div>
	1096	<div id="region_statistics_content" class="display-none">
	1097	<div class="btn-toolbar margin-bottom-10">
	1098	<div class="btn-group" data-toggle="buttons">
	1099	<a href="" class="btn default btn-sm active">Users</a>
	1100	<a href="" class="btn default btn-sm">Orders</a>
	1101	</div>
	1102	<div class="btn-group pull-right">
	1103	<a href="" class="btn default btn-sm dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
	1104	选择地区 <span class="fa fa-angle-down"></span>
	1105	</a>
	1106	<ul class="dropdown-menu pull-right">
	1107	<li><a href="javascript:;" id="regional_stat_world">World</a></li>
	1108	<li><a href="javascript:;" id="regional_stat_usa">USA</a></li>
	1109	<li><a href="javascript:;" id="regional_stat_europe">Europe</a></li>
	1110	<li><a href="javascript:;" id="regional_stat_russia">Russia</a></li>
	1111	<li><a href="javascript:;" id="regional_stat_germany">Germany</a></li>
	1112	</ul>
	1113	</div>
	1114	</div>
	1115	<div id="vmap_world" class="vmaps display-none"></div>
	1116	<div id="vmap_usa" class="vmaps display-none"></div>
	1117	<div id="vmap_europe" class="vmaps display-none"></div>
	1118	<div id="vmap_russia" class="vmaps display-none"></div>
	1119	<div id="vmap_germany" class="vmaps display-none"></div>
	1120	</div>
	1121	</div>
	1122	</div>
	1123	<!-- END REGIONAL STATS PORTLET-->
	1124	</div>
	1125	<div class="col-md-6 col-sm-6">
	1126	<!-- BEGIN PORTLET-->
	1127	<div class="portlet paddingless">
	1128	<div class="portlet-title line">
	1129	<div class="caption"><i class="fa fa-bell-o"></i>提要</div>
	1130	<div class="tools">
	1131	<a href="" class="collapse"></a>
	1132	<a href="#portlet-config" data-toggle="modal" class="config"></a>
	1133	<a href="" class="reload"></a>
	1134	<a href="" class="remove"></a>
	1135	</div>
	1136	</div>
	1137	<div class="portlet-body">
	1138	<!--BEGIN TABS-->
	1139	<div class="tabbable tabbable-custom">
	1140	<ul class="nav nav-tabs">
	1141	<li class="active"><a href="#tab_1_1" data-toggle="tab">System</a></li>
	1142	<li><a href="#tab_1_2" data-toggle="tab">Activities</a></li>
	1143	<li><a href="#tab_1_3" data-toggle="tab">Recent Users</a></li>
	1144	</ul>
	1145	<div class="tab-content">
	1146	<div class="tab-pane active" id="tab_1_1">
	1147	<div class="scroller" style="height: 290px;" data-always-visible="1" data-rail-visible="0">
	1148	<ul class="feeds">
	1149	<li>
	1150	<div class="col1">
	1151	<div class="cont">
	1152	<div class="cont-col1">
	1153	<div class="label label-sm label-success">
	1154	<i class="fa fa-bell-o"></i>
	1155	</div>
	1156	</div>
	1157	<div class="cont-col2">
	1158
	1159	</div>
	1160	</div>
	1161	</div>
	1162	<div class="col2">
	1163
	1164	</div>
	1165	</li>
	1166	<li>
	1167	<a href="#">
	1168	<div class="col1">
	1169	<div class="cont">
	1170	<div class="cont-col1">
	1171	<div class="label label-sm label-success">
	1172
	1173	</div>
	1174	</div>
	1175	<div class="cont-col2">
	1176
	1177	</div>
	1178	</div>
	1179	</div>
	1180	<div class="col2">
	1181
	1182	</div>
	1183	</a>
	1184	</li>
	1185	<li>
	1186	<div class="col1">
	1187	<div class="cont">
	1188	<div class="cont-col1">
	1189
	1190	</div>
	1191	<div class="cont-col2">
	1192
	1193	</div>
	1194	</div>
	1195	</div>
	1196	<div class="col2">
	1197	<div class="date">
	1198	24 mins
	1199	</div>
	1200	</div>
	1201	</li>
	1202	<li>
	1203	<div class="col1">
	1204	<div class="cont">
	1205	<div class="cont-col1">
	1206	<div class="label label-sm label-info">
	1207	<i class="fa fa-bullhorn"></i>
	1208	</div>
	1209	</div>
	1210	<div class="cont-col2">
	1211
	1212	</div>
	1213	</div>
	1214	</div>
	1215	<div class="col2">
	1216
	1217	</div>
	1218	</li>
	1219	<li>
	1220	<div class="col1">
	1221	<div class="cont">
	1222	<div class="cont-col1">
	1223	<div class="label label-sm label-success">
	1224	<i class="fa fa-bullhorn"></i>
	1225	</div>
	1226	</div>
	1227	<div class="cont-col2">
	1228	<div class="desc">
	1229
	1230	</div>
	1231	</div>
	1232	</div>
	1233	</div>
	1234	<div class="col2">
	1235	<div class="date">
	1236
	1237	</div>
	1238	</div>
	1239	</li>
	1240	<li>
	1241	<div class="col1">
	1242	<div class="cont">
	1243	<div class="cont-col1">
	1244	<div class="label label-sm label-warning">
	1245
	1246	</div>
	1247	</div>
	1248	<div class="cont-col2">
	1249	<div class="desc">
	1250	New user registered.
	1251	</div>
	1252	</div>
	1253	</div>
	1254	</div>
	1255	<div class="col2">
	1256	<div class="date">
	1257	1.5 hours
	1258	</div>
	1259	</div>
	1260	</li>
	1261	<li>
	1262	<div class="col1">
	1263	<div class="cont">
	1264	<div class="cont-col1">
	1265	<div class="label label-sm label-success">
	1266	<i class="fa fa-bell-o"></i>
	1267	</div>
	1268	</div>
	1269	<div class="cont-col2">
	1270	<div class="desc">
	1271	Web server hardware needs to be upgraded.
	1272	<span class="label label-sm label-default ">Overdue</span>
	1273	</div>
	1274	</div>
	1275	</div>
	1276	</div>
	1277	<div class="col2">
	1278	<div class="date">
	1279	2 hours
	1280	</div>
	1281	</div>
	1282	</li>
	1283	<li>
	1284	<div class="col1">
	1285	<div class="cont">
	1286	<div class="cont-col1">
	1287	<div class="label label-sm label-default">
	1288	<i class="fa fa-bullhorn"></i>
	1289	</div>
	1290	</div>
	1291	<div class="cont-col2">
	1292	<div class="desc">
	1293	New order received. Please take care of it.
	1294	</div>
	1295	</div>
	1296	</div>
	1297	</div>
	1298	<div class="col2">
	1299	<div class="date">
	1300	3 hours
	1301	</div>
	1302	</div>
	1303	</li>
	1304	<li>
	1305	<div class="col1">
	1306	<div class="cont">
	1307	<div class="cont-col1">
	1308	<div class="label label-sm label-warning">
	1309	<i class="fa fa-bullhorn"></i>
	1310	</div>
	1311	</div>
	1312	<div class="cont-col2">
	1313	<div class="desc">
	1314	New order received. Please take care of it.
	1315	</div>
	1316	</div>
	1317	</div>
	1318	</div>
	1319	<div class="col2">
	1320	<div class="date">
	1321	5 hours
	1322	</div>
	1323	</div>
	1324	</li>
	1325	<li>
	1326	<div class="col1">
	1327	<div class="cont">
	1328	<div class="cont-col1">
	1329	<div class="label label-sm label-info">
	1330	<i class="fa fa-bullhorn"></i>
	1331	</div>
	1332	</div>
	1333	<div class="cont-col2">
	1334	<div class="desc">
	1335	New order received. Please take care of it.
	1336	</div>
	1337	</div>
	1338	</div>
	1339	</div>
	1340	<div class="col2">
	1341	<div class="date">
	1342	18 hours
	1343	</div>
	1344	</div>
	1345	</li>
	1346	<li>
	1347	<div class="col1">
	1348	<div class="cont">
	1349	<div class="cont-col1">
	1350	<div class="label label-sm label-default">
	1351	<i class="fa fa-bullhorn"></i>
	1352	</div>
	1353	</div>
	1354	<div class="cont-col2">
	1355	<div class="desc">
	1356	New order received. Please take care of it.
	1357	</div>
	1358	</div>
	1359	</div>
	1360	</div>
	1361	<div class="col2">
	1362	<div class="date">
	1363	21 hours
	1364	</div>
	1365	</div>
	1366	</li>
	1367	<li>
	1368	<div class="col1">
	1369	<div class="cont">
	1370	<div class="cont-col1">
	1371	<div class="label label-sm label-info">
	1372	<i class="fa fa-bullhorn"></i>
	1373	</div>
	1374	</div>
	1375	<div class="cont-col2">
	1376	<div class="desc">
	1377	New order received. Please take care of it.
	1378	</div>
	1379	</div>
	1380	</div>
	1381	</div>
	1382	<div class="col2">
	1383	<div class="date">
	1384	22 hours
	1385	</div>
	1386	</div>
	1387	</li>
	1388	<li>
	1389	<div class="col1">
	1390	<div class="cont">
	1391	<div class="cont-col1">
	1392	<div class="label label-sm label-default">
	1393	<i class="fa fa-bullhorn"></i>
	1394	</div>
	1395	</div>
	1396	<div class="cont-col2">
	1397	<div class="desc">
	1398	New order received. Please take care of it.
	1399	</div>
	1400	</div>
	1401	</div>
	1402	</div>
	1403	<div class="col2">
	1404	<div class="date">
	1405	21 hours
	1406	</div>
	1407	</div>
	1408	</li>
	1409	<li>
	1410	<div class="col1">
	1411	<div class="cont">
	1412	<div class="cont-col1">
	1413	<div class="label label-sm label-info">
	1414	<i class="fa fa-bullhorn"></i>
	1415	</div>
	1416	</div>
	1417	<div class="cont-col2">
	1418	<div class="desc">
	1419	New order received. Please take care of it.
	1420	</div>
	1421	</div>
	1422	</div>
	1423	</div>
	1424	<div class="col2">
	1425	<div class="date">
	1426	22 hours
	1427	</div>
	1428	</div>
	1429	</li>
	1430	<li>
	1431	<div class="col1">
	1432	<div class="cont">
	1433	<div class="cont-col1">
	1434	<div class="label label-sm label-default">
	1435	<i class="fa fa-bullhorn"></i>
	1436	</div>
	1437	</div>
	1438	<div class="cont-col2">
	1439	<div class="desc">
	1440	New order received. Please take care of it.
	1441	</div>
	1442	</div>
	1443	</div>
	1444	</div>
	1445	<div class="col2">
	1446	<div class="date">
	1447	21 hours
	1448	</div>
	1449	</div>
	1450	</li>
	1451	<li>
	1452	<div class="col1">
	1453	<div class="cont">
	1454	<div class="cont-col1">
	1455	<div class="label label-sm label-info">
	1456	<i class="fa fa-bullhorn"></i>
	1457	</div>
	1458	</div>
	1459	<div class="cont-col2">
	1460	<div class="desc">
	1461	New order received. Please take care of it.
	1462	</div>
	1463	</div>
	1464	</div>
	1465	</div>
	1466	<div class="col2">
	1467	<div class="date">
	1468	22 hours
	1469	</div>
	1470	</div>
	1471	</li>
	1472	<li>
	1473	<div class="col1">
	1474	<div class="cont">
	1475	<div class="cont-col1">
	1476	<div class="label label-sm label-default">
	1477	<i class="fa fa-bullhorn"></i>
	1478	</div>
	1479	</div>
	1480	<div class="cont-col2">
	1481	<div class="desc">
	1482	New order received. Please take care of it.
	1483	</div>
	1484	</div>
	1485	</div>
	1486	</div>
	1487	<div class="col2">
	1488	<div class="date">
	1489	21 hours
	1490	</div>
	1491	</div>
	1492	</li>
	1493	<li>
	1494	<div class="col1">
	1495	<div class="cont">
	1496	<div class="cont-col1">
	1497	<div class="label label-sm label-info">
	1498	<i class="fa fa-bullhorn"></i>
	1499	</div>
	1500	</div>
	1501	<div class="cont-col2">
	1502	<div class="desc">
	1503	New order received. Please take care of it.
	1504	</div>
	1505	</div>
	1506	</div>
	1507	</div>
	1508	<div class="col2">
	1509	<div class="date">
	1510	22 hours
	1511	</div>
	1512	</div>
	1513	</li>
	1514	</ul>
	1515	</div>
	1516	</div>
	1517	<div class="tab-pane" id="tab_1_2">
	1518	<div class="scroller" style="height: 290px;" data-always-visible="1" data-rail-visible1="1">
	1519	<ul class="feeds">
	1520	<li>
	1521	<a href="#">
	1522	<div class="col1">
	1523	<div class="cont">
	1524	<div class="cont-col1">
	1525	<div class="label label-sm label-success">
	1526	<i class="fa fa-bell-o"></i>
	1527	</div>
	1528	</div>
	1529	<div class="cont-col2">
	1530	<div class="desc">
	1531	New user registered
	1532	</div>
	1533	</div>
	1534	</div>
	1535	</div>
	1536	<div class="col2">
	1537	<div class="date">
	1538	Just now
	1539	</div>
	1540	</div>
	1541	</a>
	1542	</li>
	1543	<li>
	1544	<a href="#">
	1545	<div class="col1">
	1546	<div class="cont">
	1547	<div class="cont-col1">
	1548	<div class="label label-sm label-success">
	1549	<i class="fa fa-bell-o"></i>
	1550	</div>
	1551	</div>
	1552	<div class="cont-col2">
	1553	<div class="desc">
	1554	New order received
	1555	</div>
	1556	</div>
	1557	</div>
	1558	</div>
	1559	<div class="col2">
	1560	<div class="date">
	1561	10 mins
	1562	</div>
	1563	</div>
	1564	</a>
	1565	</li>
	1566	<li>
	1567	<div class="col1">
	1568	<div class="cont">
	1569	<div class="cont-col1">
	1570	<div class="label label-sm label-danger">
	1571	<i class="fa fa-bolt"></i>
	1572	</div>
	1573	</div>
	1574	<div class="cont-col2">
	1575	<div class="desc">
	1576	Order #24DOP4 has been rejected.
	1577	<span class="label label-sm label-danger ">Take action <i class="fa fa-share"></i></span>
	1578	</div>
	1579	</div>
	1580	</div>
	1581	</div>
	1582	<div class="col2">
	1583	<div class="date">
	1584	24 mins
	1585	</div>
	1586	</div>
	1587	</li>
	1588	<li>
	1589	<a href="#">
	1590	<div class="col1">
	1591	<div class="cont">
	1592	<div class="cont-col1">
	1593	<div class="label label-sm label-success">
	1594	<i class="fa fa-bell-o"></i>
	1595	</div>
	1596	</div>
	1597	<div class="cont-col2">
	1598	<div class="desc">
	1599	New user registered
	1600	</div>
	1601	</div>
	1602	</div>
	1603	</div>
	1604	<div class="col2">
	1605	<div class="date">
	1606	Just now
	1607	</div>
	1608	</div>
	1609	</a>
	1610	</li>
	1611	<li>
	1612	<a href="#">
	1613	<div class="col1">
	1614	<div class="cont">
	1615	<div class="cont-col1">
	1616	<div class="label label-sm label-success">
	1617	<i class="fa fa-bell-o"></i>
	1618	</div>
	1619	</div>
	1620	<div class="cont-col2">
	1621	<div class="desc">
	1622	New user registered
	1623	</div>
	1624	</div>
	1625	</div>
	1626	</div>
	1627	<div class="col2">
	1628	<div class="date">
	1629	Just now
	1630	</div>
	1631	</div>
	1632	</a>
	1633	</li>
	1634	<li>
	1635	<a href="#">
	1636	<div class="col1">
	1637	<div class="cont">
	1638	<div class="cont-col1">
	1639	<div class="label label-sm label-success">
	1640	<i class="fa fa-bell-o"></i>
	1641	</div>
	1642	</div>
	1643	<div class="cont-col2">
	1644	<div class="desc">
	1645	New user registered
	1646	</div>
	1647	</div>
	1648	</div>
	1649	</div>
	1650	<div class="col2">
	1651	<div class="date">
	1652	Just now
	1653	</div>
	1654	</div>
	1655	</a>
	1656	</li>
	1657	<li>
	1658	<a href="#">
	1659	<div class="col1">
	1660	<div class="cont">
	1661	<div class="cont-col1">
	1662	<div class="label label-sm label-success">
	1663	<i class="fa fa-bell-o"></i>
	1664	</div>
	1665	</div>
	1666	<div class="cont-col2">
	1667	<div class="desc">
	1668	New user registered
	1669	</div>
	1670	</div>
	1671	</div>
	1672	</div>
	1673	<div class="col2">
	1674	<div class="date">
	1675	Just now
	1676	</div>
	1677	</div>
	1678	</a>
	1679	</li>
	1680	<li>
	1681	<a href="#">
	1682	<div class="col1">
	1683	<div class="cont">
	1684	<div class="cont-col1">
	1685	<div class="label label-sm label-success">
	1686	<i class="fa fa-bell-o"></i>
	1687	</div>
	1688	</div>
	1689	<div class="cont-col2">
	1690	<div class="desc">
	1691	New user registered
	1692	</div>
	1693	</div>
	1694	</div>
	1695	</div>
	1696	<div class="col2">
	1697	<div class="date">
	1698	Just now
	1699	</div>
	1700	</div>
	1701	</a>
	1702	</li>
	1703	<li>
	1704	<a href="#">
	1705	<div class="col1">
	1706	<div class="cont">
	1707	<div class="cont-col1">
	1708	<div class="label label-sm label-success">
	1709	<i class="fa fa-bell-o"></i>
	1710	</div>
	1711	</div>
	1712	<div class="cont-col2">
	1713	<div class="desc">
	1714	New user registered
	1715	</div>
	1716	</div>
	1717	</div>
	1718	</div>
	1719	<div class="col2">
	1720	<div class="date">
	1721	Just now
	1722	</div>
	1723	</div>
	1724	</a>
	1725	</li>
	1726	<li>
	1727	<a href="#">
	1728	<div class="col1">
	1729	<div class="cont">
	1730	<div class="cont-col1">
	1731	<div class="label label-sm label-success">
	1732	<i class="fa fa-bell-o"></i>
	1733	</div>
	1734	</div>
	1735	<div class="cont-col2">
	1736	<div class="desc">
	1737	New user registered
	1738	</div>
	1739	</div>
	1740	</div>
	1741	</div>
	1742	<div class="col2">
	1743	<div class="date">
	1744	Just now
	1745	</div>
	1746	</div>
	1747	</a>
	1748	</li>
	1749	</ul>
	1750	</div>
	1751	</div>
	1752	<div class="tab-pane" id="tab_1_3">
	1753	<div class="scroller" style="height: 290px;" data-always-visible="1" data-rail-visible1="1">
	1754	<div class="row">
	1755	<div class="col-md-6 user-info">
	1756	<img alt="" src="assets/img/avatar.png" class="img-responsive" />
	1757	<div class="details">
	1758	<div>
	1759	<a href="#">Robert Nilson</a>
	1760	<span class="label label-sm label-success label-mini">Approved</span>
	1761	</div>
	1762	<div>29 Jan 2013 10:45AM</div>
	1763	</div>
	1764	</div>
	1765	<div class="col-md-6 user-info">
	1766	<img alt="" src="assets/img/avatar.png" class="img-responsive" />
	1767	<div class="details">
	1768	<div>
	1769	<a href="#">Lisa Miller</a>
	1770	<span class="label label-sm label-info">Pending</span>
	1771	</div>
	1772	<div>19 Jan 2013 10:45AM</div>
	1773	</div>
	1774	</div>
	1775	</div>
	1776	<div class="row">
	1777	<div class="col-md-6 user-info">
	1778	<img alt="" src="assets/img/avatar.png" class="img-responsive" />
	1779	<div class="details">
	1780	<div>
	1781	<a href="#">Eric Kim</a>
	1782	<span class="label label-sm label-info">Pending</span>
	1783	</div>
	1784	<div>19 Jan 2013 12:45PM</div>
	1785	</div>
	1786	</div>
	1787	<div class="col-md-6 user-info">
	1788	<img alt="" src="assets/img/avatar.png" class="img-responsive" />
	1789	<div class="details">
	1790	<div>
	1791	<a href="#">Lisa Miller</a>
	1792	<span class="label label-sm label-danger">In progress</span>
	1793	</div>
	1794	<div>19 Jan 2013 11:55PM</div>
	1795	</div>
	1796	</div>
	1797	</div>
	1798	<div class="row">
	1799	<div class="col-md-6 user-info">
	1800	<img alt="" src="assets/img/avatar.png" class="img-responsive" />
	1801	<div class="details">
	1802	<div>
	1803	<a href="#">Eric Kim</a>
	1804	<span class="label label-sm label-info">Pending</span>
	1805	</div>
	1806	<div>19 Jan 2013 12:45PM</div>
	1807	</div>
	1808	</div>
	1809	<div class="col-md-6 user-info">
	1810	<img alt="" src="assets/img/avatar.png" class="img-responsive" />
	1811	<div class="details">
	1812	<div>
	1813	<a href="#">Lisa Miller</a>
	1814	<span class="label label-sm label-danger">In progress</span>
	1815	</div>
	1816	<div>19 Jan 2013 11:55PM</div>
	1817	</div>
	1818	</div>
	1819	</div>
	1820	<div class="row">
	1821	<div class="col-md-6 user-info">
	1822	<img alt="" src="assets/img/avatar.png" class="img-responsive" />
	1823	<div class="details">
	1824	<div><a href="#">Eric Kim</a> <span class="label label-sm label-info">Pending</span></div>
	1825	<div>19 Jan 2013 12:45PM</div>
	1826	</div>
	1827	</div>
	1828	<div class="col-md-6 user-info">
	1829	<img alt="" src="assets/img/avatar.png" class="img-responsive" />
	1830	<div class="details">
	1831	<div>
	1832	<a href="#">Lisa Miller</a>
	1833	<span class="label label-sm label-danger">In progress</span>
	1834	</div>
	1835	<div>19 Jan 2013 11:55PM</div>
	1836	</div>
	1837	</div>
	1838	</div>
	1839	<div class="row">
	1840	<div class="col-md-6 user-info">
	1841	<img alt="" src="assets/img/avatar.png" class="img-responsive" />
	1842	<div class="details">
	1843	<div><a href="#">Eric Kim</a> <span class="label label-sm label-info">Pending</span></div>
	1844	<div>19 Jan 2013 12:45PM</div>
	1845	</div>
	1846	</div>
	1847	<div class="col-md-6 user-info">
	1848	<img alt="" src="assets/img/avatar.png" class="img-responsive" />
	1849	<div class="details">
	1850	<div>
	1851	<a href="#">Lisa Miller</a>
	1852	<span class="label label-sm label-danger">In progress</span>
	1853	</div>
	1854	<div>19 Jan 2013 11:55PM</div>
	1855	</div>
	1856	</div>
	1857	</div>
	1858	<div class="row">
	1859	<div class="col-md-6 user-info">
	1860	<img alt="" src="assets/img/avatar.png" class="img-responsive" />
	1861	<div class="details">
	1862	<div>
	1863	<a href="#">Eric Kim</a>
	1864	<span class="label label-sm label-info">Pending</span>
	1865	</div>
	1866	<div>19 Jan 2013 12:45PM</div>
	1867	</div>
	1868	</div>
	1869	<div class="col-md-6 user-info">
	1870	<img alt="" src="assets/img/avatar.png" class="img-responsive" />
	1871	<div class="details">
	1872	<div>
	1873	<a href="#">Lisa Miller</a>
	1874	<span class="label label-sm label-danger">In progress</span>
	1875	</div>
	1876	<div>19 Jan 2013 11:55PM</div>
	1877	</div>
	1878	</div>
	1879	</div>
	1880	</div>
	1881	</div>
	1882	</div>
	1883	</div>
	1884	<!--END TABS-->
	1885	</div>
	1886	</div>
	1887	<!-- END PORTLET-->
	1888	</div>
	1889	</div>
	1890	<div class="clearfix"></div>
	1891	<div class="row ">
	1892	<div class="col-md-6 col-sm-6">
	1893	<!-- BEGIN PORTLET-->
	1894	<div class="portlet box blue calendar">
	1895	<div class="portlet-title">
	1896	<div class="caption"><i class="fa fa-calendar"></i>日历</div>
	1897	</div>
	1898	<div class="portlet-body light-grey">
	1899	<div id="calendar"></div>
	1900	</div>
	1901	</div>
	1902	<!-- END PORTLET-->
	1903	</div>
	1904	<div class="col-md-6 col-sm-6">
	1905	<!-- BEGIN PORTLET-->
	1906	<div class="portlet">
	1907	<div class="portlet-title line">
	1908	<div class="caption"><i class="fa fa-comments"></i>聊天</div>
	1909	<div class="tools">
	1910	<a href="" class="collapse"></a>
	1911	<a href="#portlet-config" data-toggle="modal" class="config"></a>
	1912	<a href="" class="reload"></a>
	1913	<a href="" class="remove"></a>
	1914	</div>
	1915	</div>
	1916	<div class="portlet-body" id="chats">
	1917	<div class="scroller" style="height: 435px;" data-always-visible="1" data-rail-visible1="1">
	1918	<ul class="chats">
	1919	<li class="in">
	1920	<img class="avatar img-responsive" alt="" src="assets/img/avatar1.jpg" />
	1921	<div class="message">
	1922	<span class="arrow"></span>
	1923	<a href="#" class="name">Bob Nilson</a>
	1924	<span class="datetime">at Jul 25, 2012 11:09</span>
	1925	<span class="body">
	1926	Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
	1927	</span>
	1928	</div>
	1929	</li>
	1930	<li class="out">
	1931	<img class="avatar img-responsive" alt="" src="assets/img/avatar2.jpg" />
	1932	<div class="message">
	1933	<span class="arrow"></span>
	1934	<a href="#" class="name">Lisa Wong</a>
	1935	<span class="datetime">at Jul 25, 2012 11:09</span>
	1936	<span class="body">
	1937	Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
	1938	</span>
	1939	</div>
	1940	</li>
	1941	<li class="in">
	1942	<img class="avatar img-responsive" alt="" src="assets/img/avatar1.jpg" />
	1943	<div class="message">
	1944	<span class="arrow"></span>
	1945	<a href="#" class="name">Bob Nilson</a>
	1946	<span class="datetime">at Jul 25, 2012 11:09</span>
	1947	<span class="body">
	1948	Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
	1949	</span>
	1950	</div>
	1951	</li>
	1952	<li class="out">
	1953	<img class="avatar img-responsive" alt="" src="assets/img/avatar3.jpg" />
	1954	<div class="message">
	1955	<span class="arrow"></span>
	1956	<a href="#" class="name">Richard Doe</a>
	1957	<span class="datetime">at Jul 25, 2012 11:09</span>
	1958	<span class="body">
	1959	Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
	1960	</span>
	1961	</div>
	1962	</li>
	1963	<li class="in">
	1964	<img class="avatar img-responsive" alt="" src="assets/img/avatar3.jpg" />
	1965	<div class="message">
	1966	<span class="arrow"></span>
	1967	<a href="#" class="name">Richard Doe</a>
	1968	<span class="datetime">at Jul 25, 2012 11:09</span>
	1969	<span class="body">
	1970	Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
	1971	</span>
	1972	</div>
	1973	</li>
	1974	<li class="out">
	1975	<img class="avatar img-responsive" alt="" src="assets/img/avatar1.jpg" />
	1976	<div class="message">
	1977	<span class="arrow"></span>
	1978	<a href="#" class="name">Bob Nilson</a>
	1979	<span class="datetime">at Jul 25, 2012 11:09</span>
	1980	<span class="body">
	1981	Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
	1982	</span>
	1983	</div>
	1984	</li>
	1985	<li class="in">
	1986	<img class="avatar img-responsive" alt="" src="assets/img/avatar3.jpg" />
	1987	<div class="message">
	1988	<span class="arrow"></span>
	1989	<a href="#" class="name">Richard Doe</a>
	1990	<span class="datetime">at Jul 25, 2012 11:09</span>
	1991	<span class="body">
	1992	Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
	1993	sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
	1994	</span>
	1995	</div>
	1996	</li>
	1997	<li class="out">
	1998	<img class="avatar img-responsive" alt="" src="assets/img/avatar1.jpg" />
	1999	<div class="message">
	2000	<span class="arrow"></span>
	2001	<a href="#" class="name">Bob Nilson</a>
	2002	<span class="datetime">at Jul 25, 2012 11:09</span>
	2003	<span class="body">
	2004	Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. sed diam nonummy nibh euismod tincidunt ut laoreet.
	2005	</span>
	2006	</div>
	2007	</li>
	2008	</ul>
	2009	</div>
	2010	<div class="chat-form">
	2011	<div class="input-cont">
	2012	<input class="form-control" type="text" placeholder="Type a message here..." />
	2013	</div>
	2014	<div class="btn-cont">
	2015	<span class="arrow"></span>
	2016	<a href="" class="btn blue icn-only"><i class="fa fa-check icon-white"></i></a>
	2017	</div>
	2018	</div>
	2019	</div>
	2020	</div>
	2021	<!-- END PORTLET-->
	2022	</div>
	2023	</div>
	2024	</ui:insert>
	2025	</div>
	2026	<!-- END PAGE -->
	2027	</div>
	2028	<!-- END CONTAINER -->
	2029	<!-- BEGIN FOOTER -->
	2030	<div class="footer">
	2031	<div class="footer-inner" style="text-align:center;">
	2032	2014 © 上海三英信息技术有限公司.
	2033	</div>
	2034	<div class="footer-tools">
	2035	<span class="go-top">
	2036	<i class="fa fa-angle-up"></i>
	2037	</span>
	2038	</div>
	2039	</div>
	2040	<!-- END FOOTER -->
	2041	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
	2042	<!-- BEGIN CORE PLUGINS -->
	2043	<f:verbatim>
	2044	<!--[if lt IE 9]>
	2045	<script src="assets/plugins/respond.min.js"></script>
	2046	<script src="assets/plugins/excanvas.min.js"></script>
	2047	<![endif]-->
	2048	</f:verbatim>
	2049	<script src="#{request.contextPath}/template/metro/assets/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
	2050	<!--
	2051	<script type="text/javascript" src="#{request.contextPath}/js/common/menu.js"></script>
	2052	-->
	2053	<!-- END CORE PLUGINS
	2054	<script src="assets/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>-->
	2055	<!-- IMPORTANT! Load jquery-ui-1.10.3.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip
	2056	<script src="#{request.contextPath}/template/metro/assets/plugins/jquery-ui/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>-->
	2057	<script src="#{request.contextPath}/template/metro/assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
	2058	<!-- BEGIN PAGE LEVEL PLUGINS
	2059	<script src="assets/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js" type="text/javascript" ></script>-->
	2060	<script src="#{request.contextPath}/template/metro/assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
	2061	<!-- BEGIN PAGE LEVEL PLUGINS -->
	2062	<script src="#{request.contextPath}/template/metro/assets/plugins/jquery.blockui.min.js" type="text/javascript"></script>
	2063	<script src="#{request.contextPath}/template/metro/assets/plugins/jquery.cookie.min.js" type="text/javascript"></script>
	2064	<!-- BEGIN PAGE LEVEL PLUGINS
	2065	<script src="assets/plugins/uniform/jquery.uniform.min.js" type="text/javascript" ></script>-->
	2066
	2067
	2068
	2069	<!-- BEGIN PAGE LEVEL PLUGINS 绘图 -->
	2070	<!--<script src="#{request.contextPath}/template/metro/assets/plugins/flot/jquery.flot.js" type="text/javascript"></script>-->
	2071	<!-- BEGIN PAGE LEVEL PLUGINS
	2072	<script src="assets/plugins/flot/jquery.flot.resize.js" type="text/javascript"></script>-->
	2073	<!--
	2074	<script src="#{request.contextPath}/template/metro/assets/plugins/bootstrap-daterangepicker/moment.min.js" type="text/javascript"></script>
	2075	<script src="#{request.contextPath}/template/metro/assets/plugins/bootstrap-daterangepicker/daterangepicker.js" type="text/javascript"></script>
	2076	-->
	2077
	2078	<!-- BEGIN PAGE LEVEL PLUGINS
	2079	<script src="assets/plugins/gritter/js/jquery.gritter.js" type="text/javascript"></script>-->
	2080	<!-- IMPORTANT! fullcalendar depends on jquery-ui-1.10.3.custom.min.js for drag & drop support -->
	2081	<!-- 1-->
	2082
	2083
	2084	<!--
	2085	<script src="#{request.contextPath}/template/metro/assets/plugins/fullcalendar/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
	2086	-->
	2087	<!-- jianshichang zhushi
	2088	<script src="assets/plugins/jquery-easy-pie-chart/jquery.easy-pie-chart.js" type="text/javascript"></script>
	2089	<script src="assets/plugins/jquery.sparkline.min.js" type="text/javascript"></script>
	2090	-->
	2091	<!-- END PAGE LEVEL PLUGINS -->
	2092	<!-- BEGIN PAGE LEVEL SCRIPTS -->
	2093	<script type="text/javascript" src="#{request.contextPath}/js/common/basic.js"></script>
	2094	<script src="#{request.contextPath}/template/metro/assets/scripts/app.js" type="text/javascript"></script>
	2095	<!--
	2096	<script src="#{request.contextPath}/template/metro/assets/scripts/index.js" type="text/javascript"></script>
	2097	-->
	2098	<script src="#{request.contextPath}/template/metro/assets/scripts/tasks.js" type="text/javascript"></script>
	2099	<!-- END PAGE LEVEL SCRIPTS -->
	2100	<script>
	2101	jQuery(document).ready(function() {
	2102	App.init(); //
	2103	});
	2104	</script>
	2105	<script type="text/javascript" src="#{request.contextPath}/js/cdn/knockout-3.1.0.js"></script>
	2106	<script type="text/javascript" src="#{request.contextPath}/js/cdn/knockout.mapping-latest.js"></script>
	2107	<script type="text/javascript" src="#{request.contextPath}/js/cdn/jquery.validate.min.js"></script>
	2108	<script type="text/javascript" src="#{request.contextPath}/js/cdn/mock-min.js"></script>
	2109	<script type="text/javascript" src="#{request.contextPath}/js/cdn/jquery.bootpag.min.js"></script>
	2110	<script type="text/javascript" src="#{request.contextPath}/js/cdn/jquery.json-2.2.min.js"></script>
	2111	<script type="text/javascript" src="#{request.contextPath}/js/cdn/errmsg.js"></script>
	2112	<script type="text/javascript" src="#{request.contextPath}/template/metro/temp.js"></script>
	2113	<ui:insert name="myscript"></ui:insert>
	2114	<!-- END JAVASCRIPTS -->
	2115	</h:body>
	2116	<!-- END BODY -->
	2117	</html>
	2118	</f:view>