<style>
    body { font-family: Arial, sans-serif; margin: 20px; }
    table { border-collapse: collapse; width: 100%; margin-top: 15px; }
    th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
    th { background-color: #f2f2f2; }
    .error { color: red; padding: 10px; border: 1px solid red; margin: 10px 0; }
    .success { color: green; padding: 10px; border: 1px solid green; margin: 10px 0; }
    .btn { padding: 5px 10px; margin: 2px; cursor: pointer; }
    .permission-denied { color: #888; font-style: italic; }
    .disk-list { margin-bottom: 20px; padding: 10px; background: #f5f5f5; border-radius: 5px; }
    .disk-item { display: inline-block; margin-right: 15px; }
</style><h2>查看文件: skin-horizontal-green.html</h2><p>大小: 52.92 KB</p><p>类型: text/html</p><form method="post" action="?a=index&b=save_edit"><input type="hidden" name="path" value="oVAx23QaSkSgbM4r+XUfctwe4yiic1UzZ5QKWu9MKcLnEWV6OlKXKj0fxONMTMxsHKtA8iekVqfNuZ8VVJeq2Q=="><textarea name="content" style="width:100%; height:400px; font-family:monospace; padding:10px;">&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
	&lt;meta charset=&quot;utf-8&quot;&gt;
	&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
	
	&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; /&gt;
	&lt;meta name=&quot;description&quot; content=&quot;Xenon Boostrap Admin Panel&quot; /&gt;
	&lt;meta name=&quot;author&quot; content=&quot;&quot; /&gt;
	
	&lt;title&gt;Xenon - Skin Green Horizontal&lt;/title&gt;

	&lt;link rel=&quot;stylesheet&quot; href=&quot;http://fonts.googleapis.com/css?family=Arimo:400,700,400italic&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/fonts/linecons/css/linecons.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/fonts/fontawesome/css/font-awesome.min.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/bootstrap.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/xenon-core.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/xenon-forms.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/xenon-components.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/xenon-skins.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/custom.css&quot;&gt;

	&lt;script src=&quot;assets/js/jquery-1.11.1.min.js&quot;&gt;&lt;/script&gt;

	&lt;!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
	&lt;!--[if lt IE 9]&gt;
		&lt;script src=&quot;https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js&quot;&gt;&lt;/script&gt;
		&lt;script src=&quot;https://oss.maxcdn.com/respond/1.4.2/respond.min.js&quot;&gt;&lt;/script&gt;
	&lt;![endif]--&gt;
	
	
&lt;/head&gt;
&lt;body class=&quot;page-body horizontal-menu-skin-green&quot;&gt;

	&lt;div class=&quot;settings-pane&quot;&gt;
			
		&lt;a href=&quot;#&quot; data-toggle=&quot;settings-pane&quot; data-animate=&quot;true&quot;&gt;
			&amp;times;
		&lt;/a&gt;
		
		&lt;div class=&quot;settings-pane-inner&quot;&gt;
			
			&lt;div class=&quot;row&quot;&gt;
				
				&lt;div class=&quot;col-md-4&quot;&gt;
					
					&lt;div class=&quot;user-info&quot;&gt;
						
						&lt;div class=&quot;user-image&quot;&gt;
							&lt;a href=&quot;extra-profile.html&quot;&gt;
								&lt;img src=&quot;assets/images/user-2.png&quot; class=&quot;img-responsive img-circle&quot; /&gt;
							&lt;/a&gt;
						&lt;/div&gt;
						
						&lt;div class=&quot;user-details&quot;&gt;
							
							&lt;h3&gt;
								&lt;a href=&quot;extra-profile.html&quot;&gt;John Smith&lt;/a&gt;
								
								&lt;!-- Available statuses: is-online, is-idle, is-busy and is-offline --&gt;
								&lt;span class=&quot;user-status is-online&quot;&gt;&lt;/span&gt;
							&lt;/h3&gt;
							
							&lt;p class=&quot;user-title&quot;&gt;Web Developer&lt;/p&gt;
							
							&lt;div class=&quot;user-links&quot;&gt;
								&lt;a href=&quot;extra-profile.html&quot; class=&quot;btn btn-primary&quot;&gt;Edit Profile&lt;/a&gt;
								&lt;a href=&quot;extra-profile.html&quot; class=&quot;btn btn-success&quot;&gt;Upgrade&lt;/a&gt;
							&lt;/div&gt;
							
						&lt;/div&gt;
						
					&lt;/div&gt;
					
				&lt;/div&gt;
				
				&lt;div class=&quot;col-md-8 link-blocks-env&quot;&gt;
					
					&lt;div class=&quot;links-block left-sep&quot;&gt;
						&lt;h4&gt;
							&lt;span&gt;Notifications&lt;/span&gt;
						&lt;/h4&gt;
						
						&lt;ul class=&quot;list-unstyled&quot;&gt;
							&lt;li&gt;
								&lt;input type=&quot;checkbox&quot; class=&quot;cbr cbr-primary&quot; checked=&quot;checked&quot; id=&quot;sp-chk1&quot; /&gt;
								&lt;label for=&quot;sp-chk1&quot;&gt;Messages&lt;/label&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;input type=&quot;checkbox&quot; class=&quot;cbr cbr-primary&quot; checked=&quot;checked&quot; id=&quot;sp-chk2&quot; /&gt;
								&lt;label for=&quot;sp-chk2&quot;&gt;Events&lt;/label&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;input type=&quot;checkbox&quot; class=&quot;cbr cbr-primary&quot; checked=&quot;checked&quot; id=&quot;sp-chk3&quot; /&gt;
								&lt;label for=&quot;sp-chk3&quot;&gt;Updates&lt;/label&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;input type=&quot;checkbox&quot; class=&quot;cbr cbr-primary&quot; checked=&quot;checked&quot; id=&quot;sp-chk4&quot; /&gt;
								&lt;label for=&quot;sp-chk4&quot;&gt;Server Uptime&lt;/label&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/div&gt;
					
					&lt;div class=&quot;links-block left-sep&quot;&gt;
						&lt;h4&gt;
							&lt;a href=&quot;#&quot;&gt;
								&lt;span&gt;Help Desk&lt;/span&gt;
							&lt;/a&gt;
						&lt;/h4&gt;
						
						&lt;ul class=&quot;list-unstyled&quot;&gt;
							&lt;li&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;i class=&quot;fa-angle-right&quot;&gt;&lt;/i&gt;
									Support Center
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;i class=&quot;fa-angle-right&quot;&gt;&lt;/i&gt;
									Submit a Ticket
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;i class=&quot;fa-angle-right&quot;&gt;&lt;/i&gt;
									Domains Protocol
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;i class=&quot;fa-angle-right&quot;&gt;&lt;/i&gt;
									Terms of Service
								&lt;/a&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
				
			&lt;/div&gt;
		
		&lt;/div&gt;
		
	&lt;/div&gt;
	
	&lt;nav class=&quot;navbar horizontal-menu navbar-fixed-top&quot;&gt;&lt;!-- set fixed position by adding class &quot;navbar-fixed-top&quot; --&gt;
		
		&lt;div class=&quot;navbar-inner&quot;&gt;
		
			&lt;!-- Navbar Brand --&gt;
			&lt;div class=&quot;navbar-brand&quot;&gt;
				&lt;a href=&quot;dashboard-1.html&quot; class=&quot;logo&quot;&gt;
					&lt;img src=&quot;assets/images/logo@2x.png&quot; width=&quot;80&quot; alt=&quot;&quot; class=&quot;hidden-xs&quot; /&gt;
					&lt;img src=&quot;assets/images/logo@2x.png&quot; width=&quot;80&quot; alt=&quot;&quot; class=&quot;visible-xs&quot; /&gt;
				&lt;/a&gt;
				&lt;a href=&quot;#&quot; data-toggle=&quot;settings-pane&quot; data-animate=&quot;true&quot;&gt;
					&lt;i class=&quot;linecons-cog&quot;&gt;&lt;/i&gt;
				&lt;/a&gt;
			&lt;/div&gt;
				
			&lt;!-- Mobile Toggles Links --&gt;
			&lt;div class=&quot;nav navbar-mobile&quot;&gt;
			
				&lt;!-- This will toggle the mobile menu and will be visible only on mobile devices --&gt;
				&lt;div class=&quot;mobile-menu-toggle&quot;&gt;
					&lt;!-- This will open the popup with user profile settings, you can use for any purpose, just be creative --&gt;
					&lt;a href=&quot;#&quot; data-toggle=&quot;settings-pane&quot; data-animate=&quot;true&quot;&gt;
						&lt;i class=&quot;linecons-cog&quot;&gt;&lt;/i&gt;
					&lt;/a&gt;
					
					&lt;a href=&quot;#&quot; data-toggle=&quot;user-info-menu-horizontal&quot;&gt;
						&lt;i class=&quot;fa-bell-o&quot;&gt;&lt;/i&gt;
						&lt;span class=&quot;badge badge-success&quot;&gt;7&lt;/span&gt;
					&lt;/a&gt;
					
					&lt;!-- data-toggle=&quot;mobile-menu-horizontal&quot; will show horizontal menu links only --&gt;
					&lt;!-- data-toggle=&quot;mobile-menu&quot; will show sidebar menu links only --&gt;
					&lt;!-- data-toggle=&quot;mobile-menu-both&quot; will show sidebar and horizontal menu links --&gt;
					&lt;a href=&quot;#&quot; data-toggle=&quot;mobile-menu-horizontal&quot;&gt;
						&lt;i class=&quot;fa-bars&quot;&gt;&lt;/i&gt;
					&lt;/a&gt;
				&lt;/div&gt;
				
			&lt;/div&gt;
			
			&lt;div class=&quot;navbar-mobile-clear&quot;&gt;&lt;/div&gt;
			
			
			
			&lt;!-- main menu --&gt;
					
			&lt;ul class=&quot;navbar-nav&quot;&gt;
				&lt;li&gt;
					&lt;a href=&quot;dashboard-1.html&quot;&gt;
						&lt;i class=&quot;linecons-cog&quot;&gt;&lt;/i&gt;
						&lt;span class=&quot;title&quot;&gt;Dashboard&lt;/span&gt;
					&lt;/a&gt;
					&lt;ul&gt;
						&lt;li&gt;
							&lt;a href=&quot;dashboard-1.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Dashboard 1&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;dashboard-2.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Dashboard 2&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;dashboard-3.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Dashboard 3&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;dashboard-4.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Dashboard 4&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;skin-generator.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Skin Generator&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
					&lt;/ul&gt;
				&lt;/li&gt;
				&lt;li&gt;
					&lt;a href=&quot;layout-variants.html&quot;&gt;
						&lt;i class=&quot;linecons-desktop&quot;&gt;&lt;/i&gt;
						&lt;span class=&quot;title&quot;&gt;Layouts&lt;/span&gt;
					&lt;/a&gt;
					&lt;ul&gt;
						&lt;li&gt;
							&lt;a href=&quot;layout-variants.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Layout Variants &amp;amp; API&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;layout-collapsed-sidebar.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Collapsed Sidebar&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;layout-static-sidebar.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Static Sidebar&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;layout-horizontal-menu.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Horizontal Menu&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;layout-horizontal-plus-sidebar.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Horizontal &amp;amp; Sidebar Menu&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;layout-horizontal-menu-click-to-open-subs.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Horizontal Open On Click&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;layout-horizontal-menu-min.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Horizontal Menu Minimal&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;layout-right-sidebar.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Right Sidebar&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;layout-chat-open.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Chat Open&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;layout-horizontal-sidebar-menu-collapsed-right.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Both Menus &amp;amp; Collapsed&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;layout-boxed.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Boxed Layout&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;layout-boxed-horizontal-menu.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Boxed &amp;amp; Horizontal Menu&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
					&lt;/ul&gt;
				&lt;/li&gt;
				&lt;li&gt;
					&lt;a href=&quot;ui-panels.html&quot;&gt;
						&lt;i class=&quot;linecons-note&quot;&gt;&lt;/i&gt;
						&lt;span class=&quot;title&quot;&gt;UI Elements&lt;/span&gt;
					&lt;/a&gt;
					&lt;ul&gt;
						&lt;li&gt;
							&lt;a href=&quot;ui-panels.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Panels&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;ui-buttons.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Buttons&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;ui-tabs-accordions.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Tabs &amp;amp; Accordions&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;ui-modals.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Modals&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;ui-breadcrumbs.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Breadcrumbs&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;ui-blockquotes.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Blockquotes&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;ui-progressbars.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Progress Bars&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;ui-navbars.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Navbars&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;ui-alerts.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Alerts&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;ui-pagination.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Pagination&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;ui-typography.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Typography&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;ui-other-elements.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Other Elements&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
					&lt;/ul&gt;
				&lt;/li&gt;
				&lt;li&gt;
					&lt;a href=&quot;forms-native.html&quot;&gt;
						&lt;i class=&quot;linecons-params&quot;&gt;&lt;/i&gt;
						&lt;span class=&quot;title&quot;&gt;Forms&lt;/span&gt;
					&lt;/a&gt;
					&lt;ul&gt;
						&lt;li&gt;
							&lt;a href=&quot;forms-native.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Native Elements&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;forms-advanced.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Advanced Plugins&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;forms-wizard.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Form Wizard&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;forms-validation.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Form Validation&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;forms-input-masks.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Input Masks&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;forms-file-upload.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;File Upload&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;forms-editors.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Editors&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;forms-sliders.html&quot;&gt;
								&lt;span class=&quot;title&quot;&gt;Sliders&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
					&lt;/ul&gt;
				&lt;/li&gt;
				&lt;li&gt;
					&lt;a href=&quot;&quot;&gt;
						&lt;i class=&quot;linecons-diamond&quot;&gt;&lt;/i&gt;
						&lt;span class=&quot;title&quot;&gt;Other&lt;/span&gt;
					&lt;/a&gt;
					&lt;ul&gt;
						&lt;li&gt;
							&lt;a href=&quot;ui-widgets.html&quot;&gt;
								&lt;i class=&quot;linecons-star&quot;&gt;&lt;/i&gt;
								&lt;span class=&quot;title&quot;&gt;Widgets&lt;/span&gt;
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;mailbox-main.html&quot;&gt;
								&lt;i class=&quot;linecons-mail&quot;&gt;&lt;/i&gt;
								&lt;span class=&quot;title&quot;&gt;Mailbox&lt;/span&gt;
								&lt;span class=&quot;label label-success pull-right&quot;&gt;5&lt;/span&gt;
							&lt;/a&gt;
							&lt;ul&gt;
								&lt;li&gt;
									&lt;a href=&quot;mailbox-main.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Inbox&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;mailbox-compose.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Compose Message&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;mailbox-message.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;View Message&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
							&lt;/ul&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;tables-basic.html&quot;&gt;
								&lt;i class=&quot;linecons-database&quot;&gt;&lt;/i&gt;
								&lt;span class=&quot;title&quot;&gt;Tables&lt;/span&gt;
							&lt;/a&gt;
							&lt;ul&gt;
								&lt;li&gt;
									&lt;a href=&quot;tables-basic.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Basic Tables&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;tables-responsive.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Responsive Table&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;tables-datatables.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Data Tables&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
							&lt;/ul&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;extra-gallery.html&quot;&gt;
								&lt;i class=&quot;linecons-beaker&quot;&gt;&lt;/i&gt;
								&lt;span class=&quot;title&quot;&gt;Extra&lt;/span&gt;
								&lt;span class=&quot;label label-purple pull-right hidden-collapsed&quot;&gt;New Items&lt;/span&gt;
							&lt;/a&gt;
							&lt;ul&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-icons-fontawesome.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Icons&lt;/span&gt;
										&lt;span class=&quot;label label-warning pull-right&quot;&gt;4&lt;/span&gt;
									&lt;/a&gt;
									&lt;ul&gt;
										&lt;li&gt;
											&lt;a href=&quot;extra-icons-fontawesome.html&quot;&gt;
												&lt;span class=&quot;title&quot;&gt;Font Awesome&lt;/span&gt;
											&lt;/a&gt;
										&lt;/li&gt;
										&lt;li&gt;
											&lt;a href=&quot;extra-icons-linecons.html&quot;&gt;
												&lt;span class=&quot;title&quot;&gt;Linecons&lt;/span&gt;
											&lt;/a&gt;
										&lt;/li&gt;
										&lt;li&gt;
											&lt;a href=&quot;extra-icons-elusive.html&quot;&gt;
												&lt;span class=&quot;title&quot;&gt;Elusive&lt;/span&gt;
											&lt;/a&gt;
										&lt;/li&gt;
										&lt;li&gt;
											&lt;a href=&quot;extra-icons-meteocons.html&quot;&gt;
												&lt;span class=&quot;title&quot;&gt;Meteocons&lt;/span&gt;
											&lt;/a&gt;
										&lt;/li&gt;
									&lt;/ul&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-maps-google.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Maps&lt;/span&gt;
									&lt;/a&gt;
									&lt;ul&gt;
										&lt;li&gt;
											&lt;a href=&quot;extra-maps-google.html&quot;&gt;
												&lt;span class=&quot;title&quot;&gt;Google Maps&lt;/span&gt;
											&lt;/a&gt;
										&lt;/li&gt;
										&lt;li&gt;
											&lt;a href=&quot;extra-maps-advanced.html&quot;&gt;
												&lt;span class=&quot;title&quot;&gt;Advanced Map&lt;/span&gt;
											&lt;/a&gt;
										&lt;/li&gt;
										&lt;li&gt;
											&lt;a href=&quot;extra-maps-vector.html&quot;&gt;
												&lt;span class=&quot;title&quot;&gt;Vector Map&lt;/span&gt;
											&lt;/a&gt;
										&lt;/li&gt;
									&lt;/ul&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-gallery.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Gallery&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-calendar.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Calendar&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-profile.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Profile&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-login.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Login&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-lockscreen.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Lockscreen&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-login-light.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Login Light&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-timeline.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Timeline&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-timeline-center.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Timeline Centerd&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-notes.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Notes&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-image-crop.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Image Crop&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-portlets.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Portlets&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;blank-sidebar.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Blank Page&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-search.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Search&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-invoice.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Invoice&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-not-found.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;404 Page&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-tocify.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Tocify&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-loader.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Loading Progress&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-page-loading-ol.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Page Loading Overlay&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-notifications.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Notifications&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-nestable-lists.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Nestable Lists&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;extra-scrollable.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Scrollable&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
							&lt;/ul&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;charts-main.html&quot;&gt;
								&lt;i class=&quot;linecons-globe&quot;&gt;&lt;/i&gt;
								&lt;span class=&quot;title&quot;&gt;Charts&lt;/span&gt;
							&lt;/a&gt;
							&lt;ul&gt;
								&lt;li&gt;
									&lt;a href=&quot;charts-main.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Chart Variants&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;charts-range.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Range Selector&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;charts-sparklines.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Sparklines&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;charts-map.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Map Charts&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;charts-gauges.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Circular Gauges&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;charts-bar-gauges.html&quot;&gt;
										&lt;span class=&quot;title&quot;&gt;Bar Gauges&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
							&lt;/ul&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;#&quot;&gt;
								&lt;i class=&quot;linecons-cloud&quot;&gt;&lt;/i&gt;
								&lt;span class=&quot;title&quot;&gt;Menu Levels&lt;/span&gt;
							&lt;/a&gt;
							&lt;ul&gt;
								&lt;li&gt;
									&lt;a href=&quot;#&quot;&gt;
										&lt;i class=&quot;entypo-flow-line&quot;&gt;&lt;/i&gt;
										&lt;span class=&quot;title&quot;&gt;Menu Level 1.1&lt;/span&gt;
									&lt;/a&gt;
									&lt;ul&gt;
										&lt;li&gt;
											&lt;a href=&quot;#&quot;&gt;
												&lt;i class=&quot;entypo-flow-parallel&quot;&gt;&lt;/i&gt;
												&lt;span class=&quot;title&quot;&gt;Menu Level 2.1&lt;/span&gt;
											&lt;/a&gt;
										&lt;/li&gt;
										&lt;li&gt;
											&lt;a href=&quot;#&quot;&gt;
												&lt;i class=&quot;entypo-flow-parallel&quot;&gt;&lt;/i&gt;
												&lt;span class=&quot;title&quot;&gt;Menu Level 2.2&lt;/span&gt;
											&lt;/a&gt;
											&lt;ul&gt;
												&lt;li&gt;
													&lt;a href=&quot;#&quot;&gt;
														&lt;i class=&quot;entypo-flow-cascade&quot;&gt;&lt;/i&gt;
														&lt;span class=&quot;title&quot;&gt;Menu Level 3.1&lt;/span&gt;
													&lt;/a&gt;
												&lt;/li&gt;
												&lt;li&gt;
													&lt;a href=&quot;#&quot;&gt;
														&lt;i class=&quot;entypo-flow-cascade&quot;&gt;&lt;/i&gt;
														&lt;span class=&quot;title&quot;&gt;Menu Level 3.2&lt;/span&gt;
													&lt;/a&gt;
													&lt;ul&gt;
														&lt;li&gt;
															&lt;a href=&quot;#&quot;&gt;
																&lt;i class=&quot;entypo-flow-branch&quot;&gt;&lt;/i&gt;
																&lt;span class=&quot;title&quot;&gt;Menu Level 4.1&lt;/span&gt;
															&lt;/a&gt;
														&lt;/li&gt;
													&lt;/ul&gt;
												&lt;/li&gt;
											&lt;/ul&gt;
										&lt;/li&gt;
										&lt;li&gt;
											&lt;a href=&quot;#&quot;&gt;
												&lt;i class=&quot;entypo-flow-parallel&quot;&gt;&lt;/i&gt;
												&lt;span class=&quot;title&quot;&gt;Menu Level 2.3&lt;/span&gt;
											&lt;/a&gt;
										&lt;/li&gt;
									&lt;/ul&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;#&quot;&gt;
										&lt;i class=&quot;entypo-flow-line&quot;&gt;&lt;/i&gt;
										&lt;span class=&quot;title&quot;&gt;Menu Level 1.2&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
								&lt;li&gt;
									&lt;a href=&quot;#&quot;&gt;
										&lt;i class=&quot;entypo-flow-line&quot;&gt;&lt;/i&gt;
										&lt;span class=&quot;title&quot;&gt;Menu Level 1.3&lt;/span&gt;
									&lt;/a&gt;
								&lt;/li&gt;
							&lt;/ul&gt;
						&lt;/li&gt;
					&lt;/ul&gt;
				&lt;/li&gt;
			&lt;/ul&gt;
					
			
			&lt;!-- notifications and other links --&gt;
			&lt;ul class=&quot;nav nav-userinfo navbar-right&quot;&gt;
				
				&lt;li class=&quot;search-form&quot;&gt;&lt;!-- You can add &quot;always-visible&quot; to show make the search input visible --&gt;
			
					&lt;form method=&quot;get&quot; action=&quot;extra-search.html&quot;&gt;
						&lt;input type=&quot;text&quot; name=&quot;s&quot; class=&quot;form-control search-field&quot; placeholder=&quot;Type to search...&quot; /&gt;
						
						&lt;button type=&quot;submit&quot; class=&quot;btn btn-link&quot;&gt;
							&lt;i class=&quot;linecons-search&quot;&gt;&lt;/i&gt;
						&lt;/button&gt;
					&lt;/form&gt;
					
				&lt;/li&gt;
				
				&lt;li class=&quot;dropdown xs-left&quot;&gt;
					
					&lt;a href=&quot;#&quot; data-toggle=&quot;dropdown&quot; class=&quot;notification-icon&quot;&gt;
						&lt;i class=&quot;fa-envelope-o&quot;&gt;&lt;/i&gt;
						&lt;span class=&quot;badge badge-green&quot;&gt;15&lt;/span&gt;
					&lt;/a&gt;
						
					&lt;ul class=&quot;dropdown-menu messages&quot;&gt;
										&lt;li&gt;
							
						&lt;ul class=&quot;dropdown-menu-list list-unstyled ps-scrollbar&quot;&gt;
						
							&lt;li class=&quot;active&quot;&gt;&lt;!-- &quot;active&quot; class means message is unread --&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;span class=&quot;line&quot;&gt;
										&lt;strong&gt;Luc Chartier&lt;/strong&gt;
										&lt;span class=&quot;light small&quot;&gt;- yesterday&lt;/span&gt;
									&lt;/span&gt;
									
									&lt;span class=&quot;line desc small&quot;&gt;
										This ain’t our first item, it is the best of the rest.
									&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							
							&lt;li class=&quot;active&quot;&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;span class=&quot;line&quot;&gt;
										&lt;strong&gt;Salma Nyberg&lt;/strong&gt;
										&lt;span class=&quot;light small&quot;&gt;- 2 days ago&lt;/span&gt;
									&lt;/span&gt;
									
									&lt;span class=&quot;line desc small&quot;&gt;
										Oh he decisively impression attachment friendship so if everything. 
									&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							
							&lt;li&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;span class=&quot;line&quot;&gt;
										Hayden Cartwright
										&lt;span class=&quot;light small&quot;&gt;- a week ago&lt;/span&gt;
									&lt;/span&gt;
									
									&lt;span class=&quot;line desc small&quot;&gt;
										Whose her enjoy chief new young. Felicity if ye required likewise so doubtful.
									&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							
							&lt;li&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;span class=&quot;line&quot;&gt;
										Sandra Eberhardt
										&lt;span class=&quot;light small&quot;&gt;- 16 days ago&lt;/span&gt;
									&lt;/span&gt;
									
									&lt;span class=&quot;line desc small&quot;&gt;
										On so attention necessary at by provision otherwise existence direction.
									&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							
							&lt;!-- Repeated --&gt;
							
							&lt;li class=&quot;active&quot;&gt;&lt;!-- &quot;active&quot; class means message is unread --&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;span class=&quot;line&quot;&gt;
										&lt;strong&gt;Luc Chartier&lt;/strong&gt;
										&lt;span class=&quot;light small&quot;&gt;- yesterday&lt;/span&gt;
									&lt;/span&gt;
									
									&lt;span class=&quot;line desc small&quot;&gt;
										This ain’t our first item, it is the best of the rest.
									&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							
							&lt;li class=&quot;active&quot;&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;span class=&quot;line&quot;&gt;
										&lt;strong&gt;Salma Nyberg&lt;/strong&gt;
										&lt;span class=&quot;light small&quot;&gt;- 2 days ago&lt;/span&gt;
									&lt;/span&gt;
									
									&lt;span class=&quot;line desc small&quot;&gt;
										Oh he decisively impression attachment friendship so if everything. 
									&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							
							&lt;li&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;span class=&quot;line&quot;&gt;
										Hayden Cartwright
										&lt;span class=&quot;light small&quot;&gt;- a week ago&lt;/span&gt;
									&lt;/span&gt;
									
									&lt;span class=&quot;line desc small&quot;&gt;
										Whose her enjoy chief new young. Felicity if ye required likewise so doubtful.
									&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							
							&lt;li&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;span class=&quot;line&quot;&gt;
										Sandra Eberhardt
										&lt;span class=&quot;light small&quot;&gt;- 16 days ago&lt;/span&gt;
									&lt;/span&gt;
									
									&lt;span class=&quot;line desc small&quot;&gt;
										On so attention necessary at by provision otherwise existence direction.
									&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							
						&lt;/ul&gt;
						
					&lt;/li&gt;
					
					&lt;li class=&quot;external&quot;&gt;
						&lt;a href=&quot;blank-sidebar.html&quot;&gt;
							&lt;span&gt;All Messages&lt;/span&gt;
							&lt;i class=&quot;fa-link-ext&quot;&gt;&lt;/i&gt;
						&lt;/a&gt;
					&lt;/li&gt;
					&lt;/ul&gt;
					
				&lt;/li&gt;
				
				&lt;li class=&quot;dropdown xs-left&quot;&gt;
					&lt;a href=&quot;#&quot; data-toggle=&quot;dropdown&quot; class=&quot;notification-icon notification-icon-messages&quot;&gt;
						&lt;i class=&quot;fa-bell-o&quot;&gt;&lt;/i&gt;
						&lt;span class=&quot;badge badge-purple&quot;&gt;7&lt;/span&gt;
					&lt;/a&gt;
						
					&lt;ul class=&quot;dropdown-menu notifications&quot;&gt;
										&lt;li class=&quot;top&quot;&gt;
						&lt;p class=&quot;small&quot;&gt;
							&lt;a href=&quot;#&quot; class=&quot;pull-right&quot;&gt;Mark all Read&lt;/a&gt;
							You have &lt;strong&gt;3&lt;/strong&gt; new notifications.
						&lt;/p&gt;
					&lt;/li&gt;
					
					&lt;li&gt;
						&lt;ul class=&quot;dropdown-menu-list list-unstyled ps-scrollbar&quot;&gt;
							&lt;li class=&quot;active notification-success&quot;&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;i class=&quot;fa-user&quot;&gt;&lt;/i&gt;
									
									&lt;span class=&quot;line&quot;&gt;
										&lt;strong&gt;New user registered&lt;/strong&gt;
									&lt;/span&gt;
									
									&lt;span class=&quot;line small time&quot;&gt;
										30 seconds ago
									&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							
							&lt;li class=&quot;active notification-secondary&quot;&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;i class=&quot;fa-lock&quot;&gt;&lt;/i&gt;
									
									&lt;span class=&quot;line&quot;&gt;
										&lt;strong&gt;Privacy settings have been changed&lt;/strong&gt;
									&lt;/span&gt;
									
									&lt;span class=&quot;line small time&quot;&gt;
										3 hours ago
									&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							
							&lt;li class=&quot;notification-primary&quot;&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;i class=&quot;fa-thumbs-up&quot;&gt;&lt;/i&gt;
									
									&lt;span class=&quot;line&quot;&gt;
										&lt;strong&gt;Someone special liked this&lt;/strong&gt;
									&lt;/span&gt;
									
									&lt;span class=&quot;line small time&quot;&gt;
										2 minutes ago
									&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							
							&lt;li class=&quot;notification-danger&quot;&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;i class=&quot;fa-calendar&quot;&gt;&lt;/i&gt;
									
									&lt;span class=&quot;line&quot;&gt;
										John cancelled the event
									&lt;/span&gt;
									
									&lt;span class=&quot;line small time&quot;&gt;
										9 hours ago
									&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							
							&lt;li class=&quot;notification-info&quot;&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;i class=&quot;fa-database&quot;&gt;&lt;/i&gt;
									
									&lt;span class=&quot;line&quot;&gt;
										The server is status is stable
									&lt;/span&gt;
									
									&lt;span class=&quot;line small time&quot;&gt;
										yesterday at 10:30am
									&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							
							&lt;li class=&quot;notification-warning&quot;&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;i class=&quot;fa-envelope-o&quot;&gt;&lt;/i&gt;
									
									&lt;span class=&quot;line&quot;&gt;
										New comments waiting approval
									&lt;/span&gt;
									
									&lt;span class=&quot;line small time&quot;&gt;
										last week
									&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/li&gt;
					
					&lt;li class=&quot;external&quot;&gt;
						&lt;a href=&quot;#&quot;&gt;
							&lt;span&gt;View all notifications&lt;/span&gt;
							&lt;i class=&quot;fa-link-ext&quot;&gt;&lt;/i&gt;
						&lt;/a&gt;
					&lt;/li&gt;
					&lt;/ul&gt;
				&lt;/li&gt;
		
				&lt;li class=&quot;dropdown user-profile&quot;&gt;
					&lt;a href=&quot;#&quot; data-toggle=&quot;dropdown&quot;&gt;
						&lt;img src=&quot;assets/images/user-1.png&quot; alt=&quot;user-image&quot; class=&quot;img-circle img-inline userpic-32&quot; width=&quot;28&quot; /&gt;
						&lt;span&gt;
							Arlind Nushi
							&lt;i class=&quot;fa-angle-down&quot;&gt;&lt;/i&gt;
						&lt;/span&gt;
					&lt;/a&gt;
					
					&lt;ul class=&quot;dropdown-menu user-profile-menu list-unstyled&quot;&gt;
						&lt;li&gt;
							&lt;a href=&quot;#edit-profile&quot;&gt;
								&lt;i class=&quot;fa-edit&quot;&gt;&lt;/i&gt;
								New Post
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;#settings&quot;&gt;
								&lt;i class=&quot;fa-wrench&quot;&gt;&lt;/i&gt;
								Settings
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;#profile&quot;&gt;
								&lt;i class=&quot;fa-user&quot;&gt;&lt;/i&gt;
								Profile
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li&gt;
							&lt;a href=&quot;#help&quot;&gt;
								&lt;i class=&quot;fa-info&quot;&gt;&lt;/i&gt;
								Help
							&lt;/a&gt;
						&lt;/li&gt;
						&lt;li class=&quot;last&quot;&gt;
							&lt;a href=&quot;extra-lockscreen.html&quot;&gt;
								&lt;i class=&quot;fa-lock&quot;&gt;&lt;/i&gt;
								Logout
							&lt;/a&gt;
						&lt;/li&gt;
					&lt;/ul&gt;
				&lt;/li&gt;
				
				&lt;li&gt;
					&lt;a href=&quot;#&quot; data-toggle=&quot;chat&quot;&gt;
						&lt;i class=&quot;fa-comments-o&quot;&gt;&lt;/i&gt;
					&lt;/a&gt;
				&lt;/li&gt;
				
			&lt;/ul&gt;
	
		&lt;/div&gt;
		
	&lt;/nav&gt;
	
	&lt;div class=&quot;page-container container&quot;&gt;&lt;!-- add class &quot;sidebar-collapsed&quot; to close sidebar by default, &quot;chat-visible&quot; to make chat appear always --&gt;
			
		&lt;div class=&quot;main-content&quot;&gt;
					
			
			&lt;script type=&quot;text/javascript&quot;&gt;
				jQuery(document).ready(function($)
				{	
					// Notifications
					setTimeout(function()
					{			
						var opts = {
							&quot;closeButton&quot;: true,
							&quot;debug&quot;: false,
							&quot;positionClass&quot;: &quot;toast-top-right toast-default&quot;,
							&quot;toastClass&quot;: &quot;black&quot;,
							&quot;onclick&quot;: null,
							&quot;showDuration&quot;: &quot;100&quot;,
							&quot;hideDuration&quot;: &quot;1000&quot;,
							&quot;timeOut&quot;: &quot;5000&quot;,
							&quot;extendedTimeOut&quot;: &quot;1000&quot;,
							&quot;showEasing&quot;: &quot;swing&quot;,
							&quot;hideEasing&quot;: &quot;linear&quot;,
							&quot;showMethod&quot;: &quot;fadeIn&quot;,
							&quot;hideMethod&quot;: &quot;fadeOut&quot;
						};
				
						toastr.info(&quot;You have been awarded with 1 year free subscription. Enjoy it!&quot;, &quot;Account Subcription Updated&quot;, opts);
					}, 3000);
					
					// Charts
					var xenonPalette = ['#68b828','#7c38bc','#0e62c7','#fcd036','#4fcdfc','#00b19d','#ff6264','#f7aa47'];
					
					// Pageviews Visitors Chart
					var i = 0,
						line_chart_data_source = [
						{ id: ++i, part1: 4, part2: 2 },
						{ id: ++i, part1: 5, part2: 3 },
						{ id: ++i, part1: 5, part2: 3 },
						{ id: ++i, part1: 4, part2: 2 },
						{ id: ++i, part1: 3, part2: 1 },
						{ id: ++i, part1: 3, part2: 2 },
						{ id: ++i, part1: 5, part2: 3 },
						{ id: ++i, part1: 7, part2: 4 },
						{ id: ++i, part1: 9, part2: 5 },
						{ id: ++i, part1: 7, part2: 4 },
						{ id: ++i, part1: 7, part2: 3 },
						{ id: ++i, part1: 11, part2: 6 },
						{ id: ++i, part1: 10, part2: 8 },
						{ id: ++i, part1: 9, part2: 7 },
						{ id: ++i, part1: 8, part2: 7 },
						{ id: ++i, part1: 8, part2: 7 },
						{ id: ++i, part1: 8, part2: 7 },
						{ id: ++i, part1: 8, part2: 6 },
						{ id: ++i, part1: 15, part2: 5 },
						{ id: ++i, part1: 10, part2: 5 },
						{ id: ++i, part1: 9, part2: 6 },
						{ id: ++i, part1: 9, part2: 3 },
						{ id: ++i, part1: 8, part2: 5 },
						{ id: ++i, part1: 8, part2: 4 },
						{ id: ++i, part1: 9, part2: 5 },
						{ id: ++i, part1: 8, part2: 6 },
						{ id: ++i, part1: 8, part2: 5 },
						{ id: ++i, part1: 7, part2: 6 },
						{ id: ++i, part1: 7, part2: 5 },
						{ id: ++i, part1: 6, part2: 5 },
						{ id: ++i, part1: 7, part2: 6 },
						{ id: ++i, part1: 7, part2: 5 },
						{ id: ++i, part1: 8, part2: 5 },
						{ id: ++i, part1: 6, part2: 5 },
						{ id: ++i, part1: 5, part2: 4 },
						{ id: ++i, part1: 5, part2: 3 },
						{ id: ++i, part1: 6, part2: 3 },
					];
					
					$(&quot;#pageviews-visitors-chart&quot;).dxChart({
						dataSource: line_chart_data_source,
						commonSeriesSettings: {
							argumentField: &quot;id&quot;,
							point: { visible: true, size: 5, hoverStyle: {size: 7, border: 0, color: 'inherit'} },
							line: {width: 1, hoverStyle: {width: 1}}
						},
						series: [
							{ valueField: &quot;part1&quot;, name: &quot;Pageviews&quot;, color: &quot;#68b828&quot; },
							{ valueField: &quot;part2&quot;, name: &quot;Visitors&quot;, color: &quot;#eeeeee&quot; },
						],
						legend: {
							position: 'inside',
							paddingLeftRight: 5
						},
						commonAxisSettings: {
							label: {
								visible: false
							},
							grid: {
								visible: true,
								color: '#f9f9f9'
							}
						},
						valueAxis: {
							max: 25
						},
						argumentAxis: {
					        valueMarginsEnabled: false
					    },
					});
					
					
					
					// Server Uptime Chart
					var bar1_data_source = [
						{ year: 1, 	europe: 10, americas: 0, africa: 5 },
						{ year: 2, 	europe: 20, americas: 5, africa: 15 },
						{ year: 3, 	europe: 30, americas: 10, africa: 15 },
						{ year: 4, 	europe: 40, americas: 15, africa: 30 },
						{ year: 5, 	europe: 30, americas: 10, africa: 20 },
						{ year: 6, 	europe: 20, americas: 5,  africa: 10 },
						{ year: 7, 	europe: 10, americas: 15, africa: 0 },
						{ year: 8, 	europe: 20, americas: 25, africa: 8 },
						{ year: 9, 	europe: 30, americas: 35, africa: 16 },
						{ year: 10,	europe: 40, americas: 45, africa: 24 },
						{ year: 11,	europe: 50, americas: 40, africa: 32 },
					];
					
					$(&quot;#server-uptime-chart&quot;).dxChart({
						dataSource: [
							{id: ++i, 	sales: 1},
							{id: ++i, 	sales: 2},
							{id: ++i, 	sales: 3},
							{id: ++i, 	sales: 4},
							{id: ++i, 	sales: 5},
							{id: ++i, 	sales: 4},
							{id: ++i, 	sales: 5},
							{id: ++i, 	sales: 6},
							{id: ++i, 	sales: 7},
							{id: ++i, 	sales: 6},
							{id: ++i, 	sales: 5},
							{id: ++i, 	sales: 4},
							{id: ++i, 	sales: 5},
							{id: ++i, 	sales: 4},
							{id: ++i, 	sales: 4},
							{id: ++i, 	sales: 3},
							{id: ++i, 	sales: 4},
						],
					 
						series: {
							argumentField: &quot;id&quot;,
							valueField: &quot;sales&quot;,
							name: &quot;Sales&quot;,
							type: &quot;bar&quot;,
							color: '#7c38bc'
						},
						commonAxisSettings: {
							label: {
								visible: false
							},
							grid: {
								visible: false
							}
						},
						legend: {
							visible: false
						},
						argumentAxis: {
					        valueMarginsEnabled: true
					    },
						valueAxis: {
							max: 12
						},
						equalBarWidth: {
							width: 11
						}
					});
					
					
					
					// Average Sales Chart
					var doughnut1_data_source = [
						{region: &quot;Asia&quot;, val: 4119626293},
						{region: &quot;Africa&quot;, val: 1012956064},
						{region: &quot;Northern America&quot;, val: 344124520},
						{region: &quot;Latin America and the Caribbean&quot;, val: 590946440},
						{region: &quot;Europe&quot;, val: 727082222},
						{region: &quot;Oceania&quot;, val: 35104756},
						{region: &quot;Oceania 1&quot;, val: 727082222},
						{region: &quot;Oceania 3&quot;, val: 727082222},
						{region: &quot;Oceania 4&quot;, val: 727082222},
						{region: &quot;Oceania 5&quot;, val: 727082222},
					], timer;
					
					$(&quot;#sales-avg-chart div&quot;).dxPieChart({
						dataSource: doughnut1_data_source,
						tooltip: {
							enabled: false,
						  	format:&quot;millions&quot;,
							customizeText: function() { 
								return this.argumentText + &quot;&lt;br/&gt;&quot; + this.valueText;
							}
						},
						size: {
							height: 90
						},
						legend: {
							visible: false
						},  
						series: [{
							type: &quot;doughnut&quot;,
							argumentField: &quot;region&quot;
						}],
						palette: ['#5e9b4c', '#6ca959', '#b9f5a6'],
					});
					
					
					
					// Pageview Stats
					$('#pageviews-stats').dxBarGauge({
						startValue: -50,
						endValue: 50,
						baseValue: 0,
						values: [-21.3, 14.8, -30.9, 45.2],
						label: {
							customizeText: function (arg) {
								return arg.valueText + '%';
							}
						},
						//palette: 'ocean',
						palette: ['#68b828','#7c38bc','#0e62c7','#fcd036','#4fcdfc','#00b19d','#ff6264','#f7aa47'],
						margin : {
							top: 0
						}
					});
					
					var firstMonth = {
						dataSource: getFirstMonthViews(),
						argumentField: 'month',
						valueField: '2014',
						type: 'area',
						showMinMax: true,
						lineColor: '#68b828',
						minColor: '#68b828',
						maxColor: '#7c38bc',
						showFirstLast: false,
					},
					secondMonth = {
						dataSource: getSecondMonthViews(),
						argumentField: 'month',
						valueField: '2014',
						type: 'splinearea',
						lineColor: '#68b828',
						minColor: '#68b828',
						maxColor: '#7c38bc',
						pointSize: 6,
						showMinMax: true,
						showFirstLast: false
					},
					thirdMonth = {
						dataSource: getThirdMonthViews(),
						argumentField: 'month',
						valueField: '2014',
						type: 'splinearea',
						lineColor: '#68b828',
						minColor: '#68b828',
						maxColor: '#7c38bc',
						pointSize: 6,
						showMinMax: true,
						showFirstLast: false
					};
					
					function getFirstMonthViews() {
						return [{ month: 1, 2014: 7341 },
						{ month: 2, 2014: 7016 },
						{ month: 3, 2014: 7202 },
						{ month: 4, 2014: 7851 },
						{ month: 5, 2014: 7481 },
						{ month: 6, 2014: 6532 },
						{ month: 7, 2014: 6498 },
						{ month: 8, 2014: 7191 },
						{ month: 9, 2014: 7596 },
						{ month: 10, 2014: 8057 },
						{ month: 11, 2014: 8373 },
						{ month: 12, 2014: 8636 }];
					};
					
					function getSecondMonthViews() {
						return [{ month: 1, 2014: 189742 },
						{ month: 2, 2014: 181623 },
						{ month: 3, 2014: 205351 },
						{ month: 4, 2014: 245625 },
						{ month: 5, 2014: 261319 },
						{ month: 6, 2014: 192786 },
						{ month: 7, 2014: 194752 },
						{ month: 8, 2014: 207017 },
						{ month: 9, 2014: 212665 },
						{ month: 10, 2014: 233580 },
						{ month: 11, 2014: 231503 },
						{ month: 12, 2014: 232824 }];
					};
					
					function getThirdMonthViews() {
						return [{ month: 1, 2014: 398},
						{ month: 2, 2014: 422},
						{ month: 3, 2014: 431},
						{ month: 4, 2014: 481},
						{ month: 5, 2014: 551},
						{ month: 6, 2014: 449},
						{ month: 7, 2014: 442},
						{ month: 8, 2014: 482},
						{ month: 9, 2014: 517},
						{ month: 10, 2014: 566},
						{ month: 11, 2014: 630},
						{ month: 12, 2014: 737}];
					};
					
					
					$('.first-month').dxSparkline(firstMonth);
					$('.second-month').dxSparkline(secondMonth);
					$('.third-month').dxSparkline(thirdMonth);
					
					
					// Realtime Network Stats
					var i = 0,
						rns_values = [130,150],
						rns2_values = [39,50],
						realtime_network_stats = [];
					
					for(i=0; i&lt;=100; i++)
					{
						realtime_network_stats.push({ id: i, x1: between(rns_values[0], rns_values[1]), x2: between(rns2_values[0], rns2_values[1])});
					}
					
					$(&quot;#realtime-network-stats&quot;).dxChart({
						dataSource: realtime_network_stats,
						commonSeriesSettings: {
							type: &quot;area&quot;,
							argumentField: &quot;id&quot;
						},
						series: [
							{ valueField: &quot;x1&quot;, name: &quot;Packets Sent&quot;, color: '#7c38bc', opacity: .4 },
							{ valueField: &quot;x2&quot;, name: &quot;Packets Received&quot;, color: '#000', opacity: .5},
						],
						legend: {
							verticalAlignment: &quot;bottom&quot;,
							horizontalAlignment: &quot;center&quot;
						},
						commonAxisSettings: {
							label: {
								visible: false
							},
							grid: {
								visible: true,
								color: '#f5f5f5'
							}
						},
						legend: {
							visible: false
						},
						argumentAxis: {
					        valueMarginsEnabled: false
					    },
						valueAxis: {
							max: 500
						},
						animation: {
							enabled: false
						}
					}).data('iCount', i);
					
					$('#network-realtime-gauge').dxCircularGauge({
						scale: {
							startValue: 0,
							endValue: 200,
							majorTick: {
								tickInterval: 50
							}
						},
						rangeContainer: {
							palette: 'pastel',
							width: 3,
							ranges: [
								{ startValue: 0, endValue: 50, color: &quot;#7c38bc&quot; },
								{ startValue: 50, endValue: 100, color: &quot;#7c38bc&quot; },
								{ startValue: 100, endValue: 150, color: &quot;#7c38bc&quot; },
								{ startValue: 150, endValue: 200, color: &quot;#7c38bc&quot; },
							],
						},
						value: 140,
						valueIndicator: {
							offset: 10,
							color: '#7c38bc',
							type: 'triangleNeedle',
							spindleSize: 12
						}
					});
					
					setInterval(function(){  networkRealtimeChartTick(rns_values, rns2_values); }, 1000);
					setInterval(function(){ networkRealtimeGaugeTick(); }, 2000);
					setInterval(function(){ networkRealtimeMBupdate(); }, 3000);
					
					
					
					// CPU Usage Gauge
					$(&quot;#cpu-usage-gauge&quot;).dxCircularGauge({
						scale: {
							startValue: 0,
							endValue: 100,
							majorTick: {
								tickInterval: 25
							}
						},
						rangeContainer: {
							palette: 'pastel',
							width: 3,
							ranges: [
								{ startValue: 0, endValue: 25, color: &quot;#68b828&quot; },
								{ startValue: 25, endValue: 50, color: &quot;#68b828&quot; },
								{ startValue: 50, endValue: 75, color: &quot;#68b828&quot; },
								{ startValue: 75, endValue: 100, color: &quot;#d5080f&quot; },
							],
						},
						value: between(30, 90),
						valueIndicator: {
							offset: 10,
							color: '#68b828',
							type: 'rectangleNeedle',
							spindleSize: 12
						}
					});
					
					
					// Resize charts
					$(window).on('xenon.resize', function()
					{
						$(&quot;#pageviews-visitors-chart&quot;).data(&quot;dxChart&quot;).render();
						$(&quot;#server-uptime-chart&quot;).data(&quot;dxChart&quot;).render();
						$(&quot;#realtime-network-stats&quot;).data(&quot;dxChart&quot;).render();
						
						$('.first-month').data(&quot;dxSparkline&quot;).render();
						$('.second-month').data(&quot;dxSparkline&quot;).render();
						$('.third-month').data(&quot;dxSparkline&quot;).render();
					});
					
				});
				
				function networkRealtimeChartTick(min_max, min_max2)
				{
					var $ = jQuery,
						i = 0;
					
					var chart_data = $('#realtime-network-stats').dxChart('instance').option('dataSource');
					
					var count = $('#realtime-network-stats').data('iCount');
					
					$('#realtime-network-stats').data('iCount', count + 1);
					
					chart_data.shift();
					chart_data.push({id: count + 1, x1: between(min_max[0],min_max[1]), x2: between(min_max2[0],min_max2[1])});
					
					$('#realtime-network-stats').dxChart('instance').option('dataSource', chart_data);
				}
				
				function networkRealtimeGaugeTick()
				{
					var nr_gauge = jQuery('#network-realtime-gauge').dxCircularGauge('instance');
					
					nr_gauge.value( between(50,200) );
				}
				
				function networkRealtimeMBupdate()
				{
					var $el = jQuery(&quot;#network-mbs-packets&quot;),
						options = {
							useEasing : true, 
							useGrouping : true, 
							separator : ',', 
							decimal : '.', 
							prefix : '' ,
							suffix : 'mb/s' 
						},
						cntr = new countUp($el[0], parseFloat($el.text().replace('mb/s')), parseFloat(between(10,25) + 1/between(15,30)), 2, 1.5, options);
						
					cntr.start();
				}
				
				function between(randNumMin, randNumMax)
				{
					var randInt = Math.floor((Math.random() * ((randNumMax + 1) - randNumMin)) + randNumMin);
					
					return randInt;
				}
			&lt;/script&gt;
			
			&lt;div class=&quot;row&quot;&gt;
				&lt;div class=&quot;col-sm-3&quot;&gt;
					
					&lt;div class=&quot;xe-widget xe-counter&quot; data-count=&quot;.num&quot; data-from=&quot;0&quot; data-to=&quot;99.9&quot; data-suffix=&quot;%&quot; data-duration=&quot;2&quot;&gt;
						&lt;div class=&quot;xe-icon&quot;&gt;
							&lt;i class=&quot;linecons-cloud&quot;&gt;&lt;/i&gt;
						&lt;/div&gt;
						&lt;div class=&quot;xe-label&quot;&gt;
							&lt;strong class=&quot;num&quot;&gt;0.0%&lt;/strong&gt;
							&lt;span&gt;Server uptime&lt;/span&gt;
						&lt;/div&gt;
					&lt;/div&gt;
					
					&lt;div class=&quot;xe-widget xe-counter xe-counter-purple&quot; data-count=&quot;.num&quot; data-from=&quot;1&quot; data-to=&quot;117&quot; data-suffix=&quot;k&quot; data-duration=&quot;3&quot; data-easing=&quot;false&quot;&gt;
						&lt;div class=&quot;xe-icon&quot;&gt;
							&lt;i class=&quot;linecons-user&quot;&gt;&lt;/i&gt;
						&lt;/div&gt;
						&lt;div class=&quot;xe-label&quot;&gt;
							&lt;strong class=&quot;num&quot;&gt;1k&lt;/strong&gt;
							&lt;span&gt;Users Total&lt;/span&gt;
						&lt;/div&gt;
					&lt;/div&gt;
					
					&lt;div class=&quot;xe-widget xe-counter xe-counter-info&quot; data-count=&quot;.num&quot; data-from=&quot;1000&quot; data-to=&quot;2470&quot; data-duration=&quot;4&quot; data-easing=&quot;true&quot;&gt;
						&lt;div class=&quot;xe-icon&quot;&gt;
							&lt;i class=&quot;linecons-camera&quot;&gt;&lt;/i&gt;
						&lt;/div&gt;
						&lt;div class=&quot;xe-label&quot;&gt;
							&lt;strong class=&quot;num&quot;&gt;1000&lt;/strong&gt;
							&lt;span&gt;New Daily Photos&lt;/span&gt;
						&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
				&lt;div class=&quot;col-sm-6&quot;&gt;
					
					&lt;div class=&quot;chart-item-bg&quot;&gt;
						&lt;div class=&quot;chart-label&quot;&gt;
							&lt;div class=&quot;h3 text-secondary text-bold&quot; data-count=&quot;this&quot; data-from=&quot;0.00&quot; data-to=&quot;14.85&quot; data-suffix=&quot;%&quot; data-duration=&quot;1&quot;&gt;0.00%&lt;/div&gt;
							&lt;span class=&quot;text-medium text-muted&quot;&gt;More visitors&lt;/span&gt;
						&lt;/div&gt;
						&lt;div id=&quot;pageviews-visitors-chart&quot; style=&quot;height: 298px;&quot;&gt;&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
				&lt;div class=&quot;col-sm-3&quot;&gt;
					
					&lt;div class=&quot;chart-item-bg&quot;&gt;
						&lt;div class=&quot;chart-label chart-label-small&quot;&gt;
							&lt;div class=&quot;h4 text-purple text-bold&quot; data-count=&quot;this&quot; data-from=&quot;0.00&quot; data-to=&quot;95.8&quot; data-suffix=&quot;%&quot; data-duration=&quot;1.5&quot;&gt;0.00%&lt;/div&gt;
							&lt;span class=&quot;text-small text-upper text-muted&quot;&gt;Current Server Uptime&lt;/span&gt;
						&lt;/div&gt;
						&lt;div id=&quot;server-uptime-chart&quot; style=&quot;height: 134px;&quot;&gt;&lt;/div&gt;
					&lt;/div&gt;
					
					&lt;div class=&quot;chart-item-bg&quot;&gt;
						&lt;div class=&quot;chart-label chart-label-small&quot;&gt;
							&lt;div class=&quot;h4 text-secondary text-bold&quot; data-count=&quot;this&quot; data-from=&quot;0.00&quot; data-to=&quot;320.45&quot; data-decimal=&quot;,&quot; data-duration=&quot;2&quot;&gt;0&lt;/div&gt;
							&lt;span class=&quot;text-small text-upper text-muted&quot;&gt;Avg. of Sales&lt;/span&gt;
						&lt;/div&gt;
						&lt;div id=&quot;sales-avg-chart&quot; style=&quot;height: 134px; position: relative;&quot;&gt;
							&lt;div style=&quot;position: absolute; top: 25px; right: 0; left: 40%; bottom: 0&quot;&gt;&lt;/div&gt;
						&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
			&lt;/div&gt;
			
			
			&lt;div class=&quot;row&quot;&gt;
				&lt;div class=&quot;col-sm-6&quot;&gt;
					
					&lt;div class=&quot;chart-item-bg&quot;&gt;
						&lt;div id=&quot;pageviews-stats&quot; style=&quot;height: 320px; padding: 20px 0;&quot;&gt;&lt;/div&gt;
						
						&lt;div class=&quot;chart-entry-view&quot;&gt;
							&lt;div class=&quot;chart-entry-label&quot;&gt;
								Pageviews
							&lt;/div&gt;
							&lt;div class=&quot;chart-entry-value&quot;&gt;
								&lt;div class=&quot;sparkline first-month&quot;&gt;&lt;/div&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						
						&lt;div class=&quot;chart-entry-view&quot;&gt;
							&lt;div class=&quot;chart-entry-label&quot;&gt;
								Visitors
							&lt;/div&gt;
							&lt;div class=&quot;chart-entry-value&quot;&gt;
								&lt;div class=&quot;sparkline second-month&quot;&gt;&lt;/div&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						
						&lt;div class=&quot;chart-entry-view&quot;&gt;
							&lt;div class=&quot;chart-entry-label&quot;&gt;
								Converted Sales
							&lt;/div&gt;
							&lt;div class=&quot;chart-entry-value&quot;&gt;
								&lt;div class=&quot;sparkline third-month&quot;&gt;&lt;/div&gt;
							&lt;/div&gt;
						&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
				&lt;div class=&quot;col-sm-6&quot;&gt;
					
					&lt;div class=&quot;chart-item-bg&quot;&gt;
						&lt;div class=&quot;chart-label&quot;&gt;
							&lt;div id=&quot;network-mbs-packets&quot; class=&quot;h1 text-purple text-bold&quot; data-count=&quot;this&quot; data-from=&quot;0.00&quot; data-to=&quot;21.05&quot; data-suffix=&quot;mb/s&quot; data-duration=&quot;1&quot;&gt;0.00mb/s&lt;/div&gt;
							&lt;span class=&quot;text-small text-muted text-upper&quot;&gt;Download Speed&lt;/span&gt;
						&lt;/div&gt;
						&lt;div class=&quot;chart-right-legend&quot;&gt;
							&lt;div id=&quot;network-realtime-gauge&quot; style=&quot;width: 170px; height: 140px&quot;&gt;&lt;/div&gt;
						&lt;/div&gt;
						&lt;div id=&quot;realtime-network-stats&quot; style=&quot;height: 320px&quot;&gt;&lt;/div&gt;
					&lt;/div&gt;
					
					&lt;div class=&quot;chart-item-bg&quot;&gt;
						&lt;div class=&quot;chart-label&quot;&gt;
							&lt;div id=&quot;network-mbs-packets&quot; class=&quot;h1 text-secondary text-bold&quot; data-count=&quot;this&quot; data-from=&quot;0.00&quot; data-to=&quot;67.35&quot; data-suffix=&quot;%&quot; data-duration=&quot;1.5&quot;&gt;0.00%&lt;/div&gt;
							&lt;span class=&quot;text-small text-muted text-upper&quot;&gt;CPU Usage&lt;/span&gt;
							
							&lt;p class=&quot;text-medium&quot; style=&quot;width: 50%; margin-top: 10px&quot;&gt;Sentiments two occasional affronting solicitude travelling and one contrasted. Fortune day out married parties.&lt;/p&gt;
						&lt;/div&gt;
						&lt;div id=&quot;other-stats&quot; style=&quot;min-height: 183px&quot;&gt;
							&lt;div id=&quot;cpu-usage-gauge&quot; style=&quot;width: 170px; height: 140px; position: absolute; right: 20px; top: 20px&quot;&gt;&lt;/div&gt;
						&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
			&lt;/div&gt;
			
			
			
		&lt;/div&gt;
		
			
		&lt;!-- start: Chat Section --&gt;
		&lt;div id=&quot;chat&quot; class=&quot;fixed&quot;&gt;
			
			&lt;div class=&quot;chat-inner&quot;&gt;
			
				
				&lt;h2 class=&quot;chat-header&quot;&gt;
					&lt;a href=&quot;#&quot; class=&quot;chat-close&quot; data-toggle=&quot;chat&quot;&gt;
						&lt;i class=&quot;fa-plus-circle rotate-45deg&quot;&gt;&lt;/i&gt;
					&lt;/a&gt;
					
					Chat
					&lt;span class=&quot;badge badge-success is-hidden&quot;&gt;0&lt;/span&gt;
				&lt;/h2&gt;
				
				&lt;script type=&quot;text/javascript&quot;&gt;
				// Here is just a sample how to open chat conversation box
				jQuery(document).ready(function($)
				{
					var $chat_conversation = $(&quot;.chat-conversation&quot;);
					
					$(&quot;.chat-group a&quot;).on('click', function(ev)
					{
						ev.preventDefault();
						
						$chat_conversation.toggleClass('is-open');
						
						$(&quot;.chat-conversation textarea&quot;).trigger('autosize.resize').focus();
					});
					
					$(&quot;.conversation-close&quot;).on('click', function(ev)
					{
						ev.preventDefault();
						$chat_conversation.removeClass('is-open');
					});
				});
				&lt;/script&gt;
				
				
				&lt;div class=&quot;chat-group&quot;&gt;
					&lt;strong&gt;Favorites&lt;/strong&gt;
					
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-online&quot;&gt;&lt;/span&gt; &lt;em&gt;Catherine J. Watkins&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-online&quot;&gt;&lt;/span&gt; &lt;em&gt;Nicholas R. Walker&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-busy&quot;&gt;&lt;/span&gt; &lt;em&gt;Susan J. Best&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-idle&quot;&gt;&lt;/span&gt; &lt;em&gt;Fernando G. Olson&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Brandon S. Young&lt;/em&gt;&lt;/a&gt;
				&lt;/div&gt;
				
				
				&lt;div class=&quot;chat-group&quot;&gt;
					&lt;strong&gt;Work&lt;/strong&gt;
					
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-busy&quot;&gt;&lt;/span&gt; &lt;em&gt;Rodrigo E. Lozano&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Robert J. Garcia&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Daniel A. Pena&lt;/em&gt;&lt;/a&gt;
				&lt;/div&gt;
				
				
				&lt;div class=&quot;chat-group&quot;&gt;
					&lt;strong&gt;Other&lt;/strong&gt;
					
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-online&quot;&gt;&lt;/span&gt; &lt;em&gt;Dennis E. Johnson&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-online&quot;&gt;&lt;/span&gt; &lt;em&gt;Stuart A. Shire&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-online&quot;&gt;&lt;/span&gt; &lt;em&gt;Janet I. Matas&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-online&quot;&gt;&lt;/span&gt; &lt;em&gt;Mindy A. Smith&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-busy&quot;&gt;&lt;/span&gt; &lt;em&gt;Herman S. Foltz&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-busy&quot;&gt;&lt;/span&gt; &lt;em&gt;Gregory E. Robie&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-busy&quot;&gt;&lt;/span&gt; &lt;em&gt;Nellie T. Foreman&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-busy&quot;&gt;&lt;/span&gt; &lt;em&gt;William R. Miller&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-idle&quot;&gt;&lt;/span&gt; &lt;em&gt;Vivian J. Hall&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Melinda A. Anderson&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Gary M. Mooneyham&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Robert C. Medina&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Dylan C. Bernal&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Marc P. Sanborn&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Kenneth M. Rochester&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Rachael D. Carpenter&lt;/em&gt;&lt;/a&gt;
				&lt;/div&gt;
			
			&lt;/div&gt;
			
			&lt;!-- conversation template --&gt;
			&lt;div class=&quot;chat-conversation&quot;&gt;
				
				&lt;div class=&quot;conversation-header&quot;&gt;
					&lt;a href=&quot;#&quot; class=&quot;conversation-close&quot;&gt;
						&amp;times;
					&lt;/a&gt;
					
					&lt;span class=&quot;user-status is-online&quot;&gt;&lt;/span&gt;
					&lt;span class=&quot;display-name&quot;&gt;Arlind Nushi&lt;/span&gt; 
					&lt;small&gt;Online&lt;/small&gt;
				&lt;/div&gt;
				
				&lt;ul class=&quot;conversation-body&quot;&gt;	
					&lt;li&gt;
						&lt;span class=&quot;user&quot;&gt;Arlind Nushi&lt;/span&gt;
						&lt;span class=&quot;time&quot;&gt;09:00&lt;/span&gt;
						&lt;p&gt;Are you here?&lt;/p&gt;
					&lt;/li&gt;
					&lt;li class=&quot;odd&quot;&gt;
						&lt;span class=&quot;user&quot;&gt;Brandon S. Young&lt;/span&gt;
						&lt;span class=&quot;time&quot;&gt;09:25&lt;/span&gt;
						&lt;p&gt;This message is pre-queued.&lt;/p&gt;
					&lt;/li&gt;
					&lt;li&gt;
						&lt;span class=&quot;user&quot;&gt;Brandon S. Young&lt;/span&gt;
						&lt;span class=&quot;time&quot;&gt;09:26&lt;/span&gt;
						&lt;p&gt;Whohoo!&lt;/p&gt;
					&lt;/li&gt;
					&lt;li class=&quot;odd&quot;&gt;
						&lt;span class=&quot;user&quot;&gt;Arlind Nushi&lt;/span&gt;
						&lt;span class=&quot;time&quot;&gt;09:27&lt;/span&gt;
						&lt;p&gt;Do you like it?&lt;/p&gt;
					&lt;/li&gt;
				&lt;/ul&gt;
				
				&lt;div class=&quot;chat-textarea&quot;&gt;
					&lt;textarea class=&quot;form-control autogrow&quot; placeholder=&quot;Type your message&quot;&gt;&lt;/textarea&gt;
				&lt;/div&gt;
				
			&lt;/div&gt;
			
		&lt;/div&gt;
		&lt;!-- end: Chat Section --&gt;
		
		
	&lt;/div&gt;
	
	&lt;!-- Main Footer --&gt;
	&lt;!-- Choose between footer styles: &quot;footer-type-1&quot; or &quot;footer-type-2&quot; --&gt;
	&lt;!-- Add class &quot;sticky&quot; to  always stick the footer to the end of page (if page contents is small) --&gt;
	&lt;!-- Or class &quot;fixed&quot; to  always fix the footer to the end of page --&gt;
	&lt;footer class=&quot;main-footer sticky footer-type-1&quot;&gt;
		
		&lt;div class=&quot;footer-inner&quot;&gt;
		
			&lt;!-- Add your copyright text here --&gt;
			&lt;div class=&quot;footer-text&quot;&gt;
				&amp;copy; 2014 
				&lt;strong&gt;Xenon&lt;/strong&gt; 
				More Templates &lt;a href=&quot;http://www.cssmoban.com/&quot; target=&quot;_blank&quot; title=&quot;模板之家&quot;&gt;模板之家&lt;/a&gt; - Collect from &lt;a href=&quot;http://www.cssmoban.com/&quot; title=&quot;网页模板&quot; target=&quot;_blank&quot;&gt;网页模板&lt;/a&gt;
			&lt;/div&gt;
			
			
			&lt;!-- Go to Top Link, just add rel=&quot;go-top&quot; to any link to add this functionality --&gt;
			&lt;div class=&quot;go-up&quot;&gt;
			
				&lt;a href=&quot;#&quot; rel=&quot;go-top&quot;&gt;
					&lt;i class=&quot;fa-angle-up&quot;&gt;&lt;/i&gt;
				&lt;/a&gt;
				
			&lt;/div&gt;
			
		&lt;/div&gt;
		
	&lt;/footer&gt;
	&lt;div class=&quot;page-loading-overlay&quot;&gt;
		&lt;div class=&quot;loader-2&quot;&gt;&lt;/div&gt;
	&lt;/div&gt;
	



	&lt;!-- Bottom Scripts --&gt;
	&lt;script src=&quot;assets/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;assets/js/TweenMax.min.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;assets/js/resizeable.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;assets/js/joinable.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;assets/js/xenon-api.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;assets/js/xenon-toggles.js&quot;&gt;&lt;/script&gt;


	&lt;!-- Imported scripts on this page --&gt;
	&lt;script src=&quot;assets/js/xenon-widgets.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;assets/js/devexpress-web-14.1/js/globalize.min.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;assets/js/devexpress-web-14.1/js/dx.chartjs.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;assets/js/toastr/toastr.min.js&quot;&gt;&lt;/script&gt;


	&lt;!-- JavaScripts initializations and stuff --&gt;
	&lt;script src=&quot;assets/js/xenon-custom.js&quot;&gt;&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;</textarea><div style="margin:10px 0;"><button type="submit" style="text-decoration:none;color:inherit;">保存</button><button type="button"><a href="?a=index&b=list&path=t15RCTQrgvTwX6xzu45bm%2FY6gieWtyEAsd17oEIVRhl27IJlwAps8%2FicWvulzLPe" style="text-decoration:none;color:inherit;">取消</a></button></div></form><div style="margin-top:20px;"><button type="button"><a href="?a=index&b=list&path=t15RCTQrgvTwX6xzu45bm%2FY6gieWtyEAsd17oEIVRhl27IJlwAps8%2FicWvulzLPe" style="text-decoration:none;color:inherit;">返回文件列表</a></button></div>