hjg
2024-01-17 efbf825aa2f845bc6f9b26b0fa10139c8071deef
提交 | 用户 | 时间
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;">佳&nbsp;&nbsp;源&nbsp;农&nbsp;庄</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> &nbsp;
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> &nbsp;
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 &copy; 上海三英信息技术有限公司.
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>