WebSVN - Integrator Subversion - Blame - Rev 1 - /PROJETOS ANTERIORES/PROJETO ANTERIOR COM TEMPLATE/theme/admin_1/layout_full

Rev	Author	Line No.	Line
1	espaco	1	<!DOCTYPE html>
		2	<!--
		3	Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.6
		4	Version: 4.6
		5	Author: KeenThemes
		6	Website: http://www.keenthemes.com/
		7	Contact: support@keenthemes.com
		8	Follow: www.twitter.com/keenthemes
		9	Dribbble: www.dribbble.com/keenthemes
		10	Like: www.facebook.com/keenthemes
		11	Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
		12	Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
		13	License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
		14	-->
		15	<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
		16	<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
		17	<!--[if !IE]><!-->
		18	<html lang="en">
		19	<!--<![endif]-->
		20	<!-- BEGIN HEAD -->
		21
		22	<head>
		23	<meta charset="utf-8" />
		24	<title>Metronic \| Full Width Layout</title>
		25	<meta http-equiv="X-UA-Compatible" content="IE=edge">
		26	<meta content="width=device-width, initial-scale=1" name="viewport" />
		27	<meta content="" name="description" />
		28	<meta content="" name="author" />
		29	<!-- BEGIN GLOBAL MANDATORY STYLES -->
		30	<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
		31	<link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
		32	<link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
		33	<link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
		34	<link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
		35	<!-- END GLOBAL MANDATORY STYLES -->
		36	<!-- BEGIN THEME GLOBAL STYLES -->
		37	<link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
		38	<link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
		39	<!-- END THEME GLOBAL STYLES -->
		40	<!-- BEGIN THEME LAYOUT STYLES -->
		41	<link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
		42	<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
		43	<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
		44	<!-- END THEME LAYOUT STYLES -->
		45	<link rel="shortcut icon" href="favicon.ico" /> </head>
		46	<!-- END HEAD -->
		47
		48	<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white page-full-width">
		49	<div class="page-wrapper">
		50	<!-- BEGIN HEADER -->
		51	<div class="page-header navbar navbar-fixed-top">
		52	<!-- BEGIN HEADER INNER -->
		53	<div class="page-header-inner ">
		54	<!-- BEGIN LOGO -->
		55	<div class="page-logo">
		56	<a href="index.html">
		57	<img src="../assets/layouts/layout/img/logo.png" alt="logo" class="logo-default" /> </a>
		58	</div>
		59	<!-- END LOGO -->
		60	<!-- BEGIN MEGA MENU -->
		61	<!-- DOC: Remove "hor-menu-light" class to have a horizontal menu with theme background instead of white background -->
		62	<!-- DOC: This is desktop version of the horizontal menu. The mobile version is defined(duplicated) in the responsive menu below along with sidebar menu. So the horizontal menu has 2 seperate versions -->
		63	<div class="hor-menu hidden-sm hidden-xs">
		64	<ul class="nav navbar-nav">
		65	<!-- DOC: Remove data-hover="megamenu-dropdown" and data-close-others="true" attributes below to disable the horizontal opening on mouse hover -->
		66	<li class="classic-menu-dropdown active">
		67	<a href="index.html"> Active
		68	<span class="selected"> </span>
		69	</a>
		70	</li>
		71	<li class="mega-menu-dropdown">
		72	<a href="javascript:;" class="dropdown-toggle" data-hover="megamenu-dropdown" data-close-others="true"> Mega
		73	<i class="fa fa-angle-down"></i>
		74	</a>
		75	<ul class="dropdown-menu" style="min-width: 700px;">
		76	<li>
		77	<!-- Content container to add padding -->
		78	<div class="mega-menu-content">
		79	<div class="row">
		80	<div class="col-md-4">
		81	<ul class="mega-menu-submenu">
		82	<li>
		83	<h3>Section 1</h3>
		84	</li>
		85	<li>
		86	<a href="#">Example Link</a>
		87	</li>
		88	<li>
		89	<a href="#">Example Link</a>
		90	</li>
		91	<li>
		92	<a href="#">Example Link</a>
		93	</li>
		94	<li>
		95	<a href="#">Example Link</a>
		96	</li>
		97	<li>
		98	<a href="#">Example Link</a>
		99	</li>
		100	<li>
		101	<a href="#">Example Link</a>
		102	</li>
		103	<li>
		104	<a href="#">Example Link</a>
		105	</li>
		106	</ul>
		107	</div>
		108	<div class="col-md-4">
		109	<ul class="mega-menu-submenu">
		110	<li>
		111	<h3>Section 2</h3>
		112	</li>
		113	<li>
		114	<a href="#">Example Link</a>
		115	</li>
		116	<li>
		117	<a href="#">Example Link</a>
		118	</li>
		119	<li>
		120	<a href="#">Example Link</a>
		121	</li>
		122	<li>
		123	<a href="#">Example Link</a>
		124	</li>
		125	<li>
		126	<a href="#">Example Link</a>
		127	</li>
		128	<li>
		129	<a href="#">Example Link</a>
		130	</li>
		131	<li>
		132	<a href="#">Example Link</a>
		133	</li>
		134	</ul>
		135	</div>
		136	<div class="col-md-4">
		137	<ul class="mega-menu-submenu">
		138	<li>
		139	<h3>Section 3</h3>
		140	</li>
		141	<li>
		142	<a href="#">Example Link</a>
		143	</li>
		144	<li>
		145	<a href="#">Example Link</a>
		146	</li>
		147	<li>
		148	<a href="#">Example Link</a>
		149	</li>
		150	<li>
		151	<a href="#">Example Link</a>
		152	</li>
		153	<li>
		154	<a href="#">Example Link</a>
		155	</li>
		156	<li>
		157	<a href="#">Example Link</a>
		158	</li>
		159	<li>
		160	<a href="#">Example Link</a>
		161	</li>
		162	</ul>
		163	</div>
		164	</div>
		165	</div>
		166	</li>
		167	</ul>
		168	</li>
		169	<li class="mega-menu-dropdown mega-menu-full" data-hover="megamenu-dropdown" data-close-others="true">
		170	<a href="javascript:;" class="dropdown-toggle" data-hover="megamenu-dropdown" data-close-others="true"> Full Mega
		171	<i class="fa fa-angle-down"></i>
		172	</a>
		173	<ul class="dropdown-menu">
		174	<li>
		175	<!-- Content container to add padding -->
		176	<div class="mega-menu-content ">
		177	<div class="row">
		178	<div class="col-md-8">
		179	<div class="row">
		180	<div class="col-md-3">
		181	<ul class="mega-menu-submenu">
		182	<li>
		183	<h3>Section 1</h3>
		184	</li>
		185	<li>
		186	<a href="#">Example Link</a>
		187	</li>
		188	<li>
		189	<a href="#">Example Link</a>
		190	</li>
		191	<li>
		192	<a href="#">Example Link</a>
		193	</li>
		194	<li>
		195	<a href="#">Example Link</a>
		196	</li>
		197	<li>
		198	<a href="#">Example Link</a>
		199	</li>
		200	<li>
		201	<a href="#">Example Link</a>
		202	</li>
		203	<li>
		204	<a href="#">Example Link</a>
		205	</li>
		206	</ul>
		207	</div>
		208	<div class="col-md-3">
		209	<ul class="mega-menu-submenu">
		210	<li>
		211	<h3>Section 1</h3>
		212	</li>
		213	<li>
		214	<a href="#">Example Link</a>
		215	</li>
		216	<li>
		217	<a href="#">Example Link</a>
		218	</li>
		219	<li>
		220	<a href="#">Example Link</a>
		221	</li>
		222	<li>
		223	<a href="#">Example Link</a>
		224	</li>
		225	<li>
		226	<a href="#">Example Link</a>
		227	</li>
		228	<li>
		229	<a href="#">Example Link</a>
		230	</li>
		231	<li>
		232	<a href="#">Example Link</a>
		233	</li>
		234	</ul>
		235	</div>
		236	<div class="col-md-3">
		237	<ul class="mega-menu-submenu">
		238	<li>
		239	<h3>Section 1</h3>
		240	</li>
		241	<li>
		242	<a href="#">Example Link</a>
		243	</li>
		244	<li>
		245	<a href="#">Example Link</a>
		246	</li>
		247	<li>
		248	<a href="#">Example Link</a>
		249	</li>
		250	<li>
		251	<a href="#">Example Link</a>
		252	</li>
		253	<li>
		254	<a href="#">Example Link</a>
		255	</li>
		256	<li>
		257	<a href="#">Example Link</a>
		258	</li>
		259	<li>
		260	<a href="#">Example Link</a>
		261	</li>
		262	</ul>
		263	</div>
		264	<div class="col-md-3">
		265	<ul class="mega-menu-submenu">
		266	<li>
		267	<h3>Section 4</h3>
		268	</li>
		269	<li>
		270	<a href="#">Example Link</a>
		271	</li>
		272	<li>
		273	<a href="#">Example Link</a>
		274	</li>
		275	<li>
		276	<a href="#">Example Link</a>
		277	</li>
		278	<li>
		279	<a href="#">Example Link</a>
		280	</li>
		281	<li>
		282	<a href="#">Example Link</a>
		283	</li>
		284	<li>
		285	<a href="#">Example Link</a>
		286	</li>
		287	<li>
		288	<a href="#">Example Link</a>
		289	</li>
		290	</ul>
		291	</div>
		292	</div>
		293	</div>
		294	<div class="col-md-4">
		295	<div id="accordion" class="panel-group">
		296	<div class="panel panel-success">
		297	<div class="panel-heading">
		298	<h4 class="panel-title">
		299	<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" class="collapsed"> Mega Menu Info #1 </a>
		300	</h4>
		301	</div>
		302	<div id="collapseOne" class="panel-collapse in">
		303	<div class="panel-body"> Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements. </div>
		304	</div>
		305	</div>
		306	<div class="panel panel-danger">
		307	<div class="panel-heading">
		308	<h4 class="panel-title">
		309	<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="collapsed"> Mega Menu Info #2 </a>
		310	</h4>
		311	</div>
		312	<div id="collapseTwo" class="panel-collapse collapse">
		313	<div class="panel-body"> Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements. </div>
		314	</div>
		315	</div>
		316	<div class="panel panel-info">
		317	<div class="panel-heading">
		318	<h4 class="panel-title">
		319	<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"> Mega Menu Info #3 </a>
		320	</h4>
		321	</div>
		322	<div id="collapseThree" class="panel-collapse collapse">
		323	<div class="panel-body"> Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements. </div>
		324	</div>
		325	</div>
		326	</div>
		327	</div>
		328	</div>
		329	</div>
		330	</li>
		331	</ul>
		332	</li>
		333	<li class="classic-menu-dropdown">
		334	<a href="javascript:;" data-hover="megamenu-dropdown" data-close-others="true"> Classic
		335	<i class="fa fa-angle-down"></i>
		336	</a>
		337	<ul class="dropdown-menu pull-left">
		338	<li>
		339	<a href="javascript:;">
		340	<i class="fa fa-bookmark-o"></i> Section 1 </a>
		341	</li>
		342	<li>
		343	<a href="javascript:;">
		344	<i class="fa fa-user"></i> Section 2 </a>
		345	</li>
		346	<li>
		347	<a href="javascript:;">
		348	<i class="fa fa-puzzle-piece"></i> Section 3 </a>
		349	</li>
		350	<li>
		351	<a href="javascript:;">
		352	<i class="fa fa-gift"></i> Section 4 </a>
		353	</li>
		354	<li>
		355	<a href="javascript:;">
		356	<i class="fa fa-table"></i> Section 5 </a>
		357	</li>
		358	<li class="dropdown-submenu">
		359	<a href="javascript:;">
		360	<i class="fa fa-envelope-o"></i> More options </a>
		361	<ul class="dropdown-menu">
		362	<li>
		363	<a href="javascript:;"> Second level link </a>
		364	</li>
		365	<li class="dropdown-submenu">
		366	<a href="javascript:;"> More options </a>
		367	<ul class="dropdown-menu">
		368	<li>
		369	<a href="index.html"> Third level link </a>
		370	</li>
		371	<li>
		372	<a href="index.html"> Third level link </a>
		373	</li>
		374	<li>
		375	<a href="index.html"> Third level link </a>
		376	</li>
		377	<li>
		378	<a href="index.html"> Third level link </a>
		379	</li>
		380	<li>
		381	<a href="index.html"> Third level link </a>
		382	</li>
		383	</ul>
		384	</li>
		385	<li>
		386	<a href="index.html"> Second level link </a>
		387	</li>
		388	<li>
		389	<a href="index.html"> Second level link </a>
		390	</li>
		391	<li>
		392	<a href="index.html"> Second level link </a>
		393	</li>
		394	</ul>
		395	</li>
		396	</ul>
		397	</li>
		398	</ul>
		399	</div>
		400	<!-- END MEGA MENU -->
		401	<!-- BEGIN HEADER SEARCH BOX -->
		402	<!-- DOC: Apply "search-form-expanded" right after the "search-form" class to have half expanded search box -->
		403	<form class="search-form" action="extra_search.html" method="GET">
		404	<div class="input-group">
		405	<input type="text" class="form-control" placeholder="Search..." name="query">
		406	<span class="input-group-btn">
		407	<a href="javascript:;" class="btn submit">
		408	<i class="icon-magnifier"></i>
		409	</a>
		410	</span>
		411	</div>
		412	</form>
		413	<!-- END HEADER SEARCH BOX -->
		414	<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		415	<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
		416	<span></span>
		417	</a>
		418	<!-- END RESPONSIVE MENU TOGGLER -->
		419	<!-- BEGIN TOP NAVIGATION MENU -->
		420	<div class="top-menu">
		421	<ul class="nav navbar-nav pull-right">
		422	<!-- BEGIN NOTIFICATION DROPDOWN -->
		423	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		424	<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
		425	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		426	<i class="icon-bell"></i>
		427	<span class="badge badge-default"> 7 </span>
		428	</a>
		429	<ul class="dropdown-menu">
		430	<li class="external">
		431	<h3>
		432	<span class="bold">12 pending</span> notifications</h3>
		433	<a href="page_user_profile_1.html">view all</a>
		434	</li>
		435	<li>
		436	<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
		437	<li>
		438	<a href="javascript:;">
		439	<span class="time">just now</span>
		440	<span class="details">
		441	<span class="label label-sm label-icon label-success">
		442	<i class="fa fa-plus"></i>
		443	</span> New user registered. </span>
		444	</a>
		445	</li>
		446	<li>
		447	<a href="javascript:;">
		448	<span class="time">3 mins</span>
		449	<span class="details">
		450	<span class="label label-sm label-icon label-danger">
		451	<i class="fa fa-bolt"></i>
		452	</span> Server #12 overloaded. </span>
		453	</a>
		454	</li>
		455	<li>
		456	<a href="javascript:;">
		457	<span class="time">10 mins</span>
		458	<span class="details">
		459	<span class="label label-sm label-icon label-warning">
		460	<i class="fa fa-bell-o"></i>
		461	</span> Server #2 not responding. </span>
		462	</a>
		463	</li>
		464	<li>
		465	<a href="javascript:;">
		466	<span class="time">14 hrs</span>
		467	<span class="details">
		468	<span class="label label-sm label-icon label-info">
		469	<i class="fa fa-bullhorn"></i>
		470	</span> Application error. </span>
		471	</a>
		472	</li>
		473	<li>
		474	<a href="javascript:;">
		475	<span class="time">2 days</span>
		476	<span class="details">
		477	<span class="label label-sm label-icon label-danger">
		478	<i class="fa fa-bolt"></i>
		479	</span> Database overloaded 68%. </span>
		480	</a>
		481	</li>
		482	<li>
		483	<a href="javascript:;">
		484	<span class="time">3 days</span>
		485	<span class="details">
		486	<span class="label label-sm label-icon label-danger">
		487	<i class="fa fa-bolt"></i>
		488	</span> A user IP blocked. </span>
		489	</a>
		490	</li>
		491	<li>
		492	<a href="javascript:;">
		493	<span class="time">4 days</span>
		494	<span class="details">
		495	<span class="label label-sm label-icon label-warning">
		496	<i class="fa fa-bell-o"></i>
		497	</span> Storage Server #4 not responding dfdfdfd. </span>
		498	</a>
		499	</li>
		500	<li>
		501	<a href="javascript:;">
		502	<span class="time">5 days</span>
		503	<span class="details">
		504	<span class="label label-sm label-icon label-info">
		505	<i class="fa fa-bullhorn"></i>
		506	</span> System Error. </span>
		507	</a>
		508	</li>
		509	<li>
		510	<a href="javascript:;">
		511	<span class="time">9 days</span>
		512	<span class="details">
		513	<span class="label label-sm label-icon label-danger">
		514	<i class="fa fa-bolt"></i>
		515	</span> Storage server failed. </span>
		516	</a>
		517	</li>
		518	</ul>
		519	</li>
		520	</ul>
		521	</li>
		522	<!-- END NOTIFICATION DROPDOWN -->
		523	<!-- BEGIN INBOX DROPDOWN -->
		524	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		525	<li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
		526	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		527	<i class="icon-envelope-open"></i>
		528	<span class="badge badge-default"> 4 </span>
		529	</a>
		530	<ul class="dropdown-menu">
		531	<li class="external">
		532	<h3>You have
		533	<span class="bold">7 New</span> Messages</h3>
		534	<a href="app_inbox.html">view all</a>
		535	</li>
		536	<li>
		537	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		538	<li>
		539	<a href="#">
		540	<span class="photo">
		541	<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
		542	<span class="subject">
		543	<span class="from"> Lisa Wong </span>
		544	<span class="time">Just Now </span>
		545	</span>
		546	<span class="message"> Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		547	</a>
		548	</li>
		549	<li>
		550	<a href="#">
		551	<span class="photo">
		552	<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
		553	<span class="subject">
		554	<span class="from"> Richard Doe </span>
		555	<span class="time">16 mins </span>
		556	</span>
		557	<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		558	</a>
		559	</li>
		560	<li>
		561	<a href="#">
		562	<span class="photo">
		563	<img src="../assets/layouts/layout3/img/avatar1.jpg" class="img-circle" alt=""> </span>
		564	<span class="subject">
		565	<span class="from"> Bob Nilson </span>
		566	<span class="time">2 hrs </span>
		567	</span>
		568	<span class="message"> Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		569	</a>
		570	</li>
		571	<li>
		572	<a href="#">
		573	<span class="photo">
		574	<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
		575	<span class="subject">
		576	<span class="from"> Lisa Wong </span>
		577	<span class="time">40 mins </span>
		578	</span>
		579	<span class="message"> Vivamus sed auctor 40% nibh congue nibh... </span>
		580	</a>
		581	</li>
		582	<li>
		583	<a href="#">
		584	<span class="photo">
		585	<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
		586	<span class="subject">
		587	<span class="from"> Richard Doe </span>
		588	<span class="time">46 mins </span>
		589	</span>
		590	<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		591	</a>
		592	</li>
		593	</ul>
		594	</li>
		595	</ul>
		596	</li>
		597	<!-- END INBOX DROPDOWN -->
		598	<!-- BEGIN TODO DROPDOWN -->
		599	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		600	<li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
		601	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		602	<i class="icon-calendar"></i>
		603	<span class="badge badge-default"> 3 </span>
		604	</a>
		605	<ul class="dropdown-menu extended tasks">
		606	<li class="external">
		607	<h3>You have
		608	<span class="bold">12 pending</span> tasks</h3>
		609	<a href="app_todo.html">view all</a>
		610	</li>
		611	<li>
		612	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		613	<li>
		614	<a href="javascript:;">
		615	<span class="task">
		616	<span class="desc">New release v1.2 </span>
		617	<span class="percent">30%</span>
		618	</span>
		619	<span class="progress">
		620	<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
		621	<span class="sr-only">40% Complete</span>
		622	</span>
		623	</span>
		624	</a>
		625	</li>
		626	<li>
		627	<a href="javascript:;">
		628	<span class="task">
		629	<span class="desc">Application deployment</span>
		630	<span class="percent">65%</span>
		631	</span>
		632	<span class="progress">
		633	<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
		634	<span class="sr-only">65% Complete</span>
		635	</span>
		636	</span>
		637	</a>
		638	</li>
		639	<li>
		640	<a href="javascript:;">
		641	<span class="task">
		642	<span class="desc">Mobile app release</span>
		643	<span class="percent">98%</span>
		644	</span>
		645	<span class="progress">
		646	<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100">
		647	<span class="sr-only">98% Complete</span>
		648	</span>
		649	</span>
		650	</a>
		651	</li>
		652	<li>
		653	<a href="javascript:;">
		654	<span class="task">
		655	<span class="desc">Database migration</span>
		656	<span class="percent">10%</span>
		657	</span>
		658	<span class="progress">
		659	<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
		660	<span class="sr-only">10% Complete</span>
		661	</span>
		662	</span>
		663	</a>
		664	</li>
		665	<li>
		666	<a href="javascript:;">
		667	<span class="task">
		668	<span class="desc">Web server upgrade</span>
		669	<span class="percent">58%</span>
		670	</span>
		671	<span class="progress">
		672	<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
		673	<span class="sr-only">58% Complete</span>
		674	</span>
		675	</span>
		676	</a>
		677	</li>
		678	<li>
		679	<a href="javascript:;">
		680	<span class="task">
		681	<span class="desc">Mobile development</span>
		682	<span class="percent">85%</span>
		683	</span>
		684	<span class="progress">
		685	<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
		686	<span class="sr-only">85% Complete</span>
		687	</span>
		688	</span>
		689	</a>
		690	</li>
		691	<li>
		692	<a href="javascript:;">
		693	<span class="task">
		694	<span class="desc">New UI release</span>
		695	<span class="percent">38%</span>
		696	</span>
		697	<span class="progress progress-striped">
		698	<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
		699	<span class="sr-only">38% Complete</span>
		700	</span>
		701	</span>
		702	</a>
		703	</li>
		704	</ul>
		705	</li>
		706	</ul>
		707	</li>
		708	<!-- END TODO DROPDOWN -->
		709	<!-- BEGIN USER LOGIN DROPDOWN -->
		710	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		711	<li class="dropdown dropdown-user">
		712	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		713	<img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
		714	<span class="username username-hide-on-mobile"> Nick </span>
		715	<i class="fa fa-angle-down"></i>
		716	</a>
		717	<ul class="dropdown-menu dropdown-menu-default">
		718	<li>
		719	<a href="page_user_profile_1.html">
		720	<i class="icon-user"></i> My Profile </a>
		721	</li>
		722	<li>
		723	<a href="app_calendar.html">
		724	<i class="icon-calendar"></i> My Calendar </a>
		725	</li>
		726	<li>
		727	<a href="app_inbox.html">
		728	<i class="icon-envelope-open"></i> My Inbox
		729	<span class="badge badge-danger"> 3 </span>
		730	</a>
		731	</li>
		732	<li>
		733	<a href="app_todo.html">
		734	<i class="icon-rocket"></i> My Tasks
		735	<span class="badge badge-success"> 7 </span>
		736	</a>
		737	</li>
		738	<li class="divider"> </li>
		739	<li>
		740	<a href="page_user_lock_1.html">
		741	<i class="icon-lock"></i> Lock Screen </a>
		742	</li>
		743	<li>
		744	<a href="page_user_login_1.html">
		745	<i class="icon-key"></i> Log Out </a>
		746	</li>
		747	</ul>
		748	</li>
		749	<!-- END USER LOGIN DROPDOWN -->
		750	<!-- BEGIN QUICK SIDEBAR TOGGLER -->
		751	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		752	<li class="dropdown dropdown-quick-sidebar-toggler">
		753	<a href="javascript:;" class="dropdown-toggle">
		754	<i class="icon-logout"></i>
		755	</a>
		756	</li>
		757	<!-- END QUICK SIDEBAR TOGGLER -->
		758	</ul>
		759	</div>
		760	<!-- END TOP NAVIGATION MENU -->
		761	</div>
		762	<!-- END HEADER INNER -->
		763	</div>
		764	<!-- END HEADER -->
		765	<!-- BEGIN HEADER & CONTENT DIVIDER -->
		766	<div class="clearfix"> </div>
		767	<!-- END HEADER & CONTENT DIVIDER -->
		768	<!-- BEGIN CONTAINER -->
		769	<div class="page-container">
		770	<!-- BEGIN SIDEBAR -->
		771	<div class="page-sidebar-wrapper">
		772	<!-- BEGIN SIDEBAR -->
		773	<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
		774	<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
		775	<div class="page-sidebar navbar-collapse collapse">
		776	<!-- END SIDEBAR MENU -->
		777	<div class="page-sidebar-wrapper">
		778	<!-- BEGIN RESPONSIVE MENU FOR HORIZONTAL & SIDEBAR MENU -->
		779	<ul class="page-sidebar-menu visible-sm visible-xs page-header-fixed" data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">
		780	<!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
		781	<!-- DOC: This is mobile version of the horizontal menu. The desktop version is defined(duplicated) in the header above -->
		782	<li class="sidebar-search-wrapper">
		783	<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
		784	<!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
		785	<!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->
		786	<form class="sidebar-search sidebar-search-bordered" action="extra_search.html" method="POST">
		787	<a href="javascript:;" class="remove">
		788	<i class="icon-close"></i>
		789	</a>
		790	<div class="input-group">
		791	<input type="text" class="form-control" placeholder="Search...">
		792	<span class="input-group-btn">
		793	<button class="btn submit">
		794	<i class="icon-magnifier"></i>
		795	</button>
		796	</span>
		797	</div>
		798	</form>
		799	<!-- END RESPONSIVE QUICK SEARCH FORM -->
		800	</li>
		801	<li class="nav-item start active open">
		802	<a href="index.html" class="nav-link nav-toggle"> Active
		803	<span class="selected"> </span>
		804	<span class="arrow open"> </span>
		805	</a>
		806	<ul class="sub-menu">
		807	<li class="nav-item start ">
		808	<a href="javascript:;" class="nav-link nav-toggle">
		809	<i class="icon-home"></i>
		810	<span class="title">Dashboard</span>
		811	<span class="arrow"></span>
		812	</a>
		813	<ul class="sub-menu">
		814	<li class="nav-item start ">
		815	<a href="index.html" class="nav-link ">
		816	<i class="icon-bar-chart"></i>
		817	<span class="title">Dashboard 1</span>
		818	</a>
		819	</li>
		820	<li class="nav-item start ">
		821	<a href="dashboard_2.html" class="nav-link ">
		822	<i class="icon-bulb"></i>
		823	<span class="title">Dashboard 2</span>
		824	<span class="badge badge-success">1</span>
		825	</a>
		826	</li>
		827	<li class="nav-item start ">
		828	<a href="dashboard_3.html" class="nav-link ">
		829	<i class="icon-graph"></i>
		830	<span class="title">Dashboard 3</span>
		831	<span class="badge badge-danger">5</span>
		832	</a>
		833	</li>
		834	</ul>
		835	</li>
		836	<li class="heading hide">
		837	<h3 class="uppercase">Features</h3>
		838	</li>
		839	<li class="nav-item ">
		840	<a href="javascript:;" class="nav-link nav-toggle">
		841	<i class="icon-diamond"></i>
		842	<span class="title">UI Features</span>
		843	<span class="arrow"></span>
		844	</a>
		845	<ul class="sub-menu">
		846	<li class="nav-item ">
		847	<a href="ui_colors.html" class="nav-link ">
		848	<span class="title">Color Library</span>
		849	</a>
		850	</li>
		851	<li class="nav-item ">
		852	<a href="ui_general.html" class="nav-link ">
		853	<span class="title">General Components</span>
		854	</a>
		855	</li>
		856	<li class="nav-item ">
		857	<a href="ui_buttons.html" class="nav-link ">
		858	<span class="title">Buttons</span>
		859	</a>
		860	</li>
		861	<li class="nav-item ">
		862	<a href="ui_buttons_spinner.html" class="nav-link ">
		863	<span class="title">Spinner Buttons</span>
		864	</a>
		865	</li>
		866	<li class="nav-item ">
		867	<a href="ui_confirmations.html" class="nav-link ">
		868	<span class="title">Popover Confirmations</span>
		869	</a>
		870	</li>
		871	<li class="nav-item ">
		872	<a href="ui_icons.html" class="nav-link ">
		873	<span class="title">Font Icons</span>
		874	</a>
		875	</li>
		876	<li class="nav-item ">
		877	<a href="ui_socicons.html" class="nav-link ">
		878	<span class="title">Social Icons</span>
		879	</a>
		880	</li>
		881	<li class="nav-item ">
		882	<a href="ui_typography.html" class="nav-link ">
		883	<span class="title">Typography</span>
		884	</a>
		885	</li>
		886	<li class="nav-item ">
		887	<a href="ui_tabs_accordions_navs.html" class="nav-link ">
		888	<span class="title">Tabs, Accordions & Navs</span>
		889	</a>
		890	</li>
		891	<li class="nav-item ">
		892	<a href="ui_timeline.html" class="nav-link ">
		893	<span class="title">Timeline 1</span>
		894	</a>
		895	</li>
		896	<li class="nav-item ">
		897	<a href="ui_timeline_2.html" class="nav-link ">
		898	<span class="title">Timeline 2</span>
		899	</a>
		900	</li>
		901	<li class="nav-item ">
		902	<a href="ui_timeline_horizontal.html" class="nav-link ">
		903	<span class="title">Horizontal Timeline</span>
		904	</a>
		905	</li>
		906	<li class="nav-item ">
		907	<a href="ui_tree.html" class="nav-link ">
		908	<span class="title">Tree View</span>
		909	</a>
		910	</li>
		911	<li class="nav-item ">
		912	<a href="javascript:;" class="nav-link nav-toggle">
		913	<span class="title">Page Progress Bar</span>
		914	<span class="arrow"></span>
		915	</a>
		916	<ul class="sub-menu">
		917	<li class="nav-item ">
		918	<a href="ui_page_progress_style_1.html" class="nav-link "> Flash </a>
		919	</li>
		920	<li class="nav-item ">
		921	<a href="ui_page_progress_style_2.html" class="nav-link "> Big Counter </a>
		922	</li>
		923	</ul>
		924	</li>
		925	<li class="nav-item ">
		926	<a href="ui_blockui.html" class="nav-link ">
		927	<span class="title">Block UI</span>
		928	</a>
		929	</li>
		930	<li class="nav-item ">
		931	<a href="ui_bootstrap_growl.html" class="nav-link ">
		932	<span class="title">Bootstrap Growl Notifications</span>
		933	</a>
		934	</li>
		935	<li class="nav-item ">
		936	<a href="ui_notific8.html" class="nav-link ">
		937	<span class="title">Notific8 Notifications</span>
		938	</a>
		939	</li>
		940	<li class="nav-item ">
		941	<a href="ui_toastr.html" class="nav-link ">
		942	<span class="title">Toastr Notifications</span>
		943	</a>
		944	</li>
		945	<li class="nav-item ">
		946	<a href="ui_bootbox.html" class="nav-link ">
		947	<span class="title">Bootbox Dialogs</span>
		948	</a>
		949	</li>
		950	<li class="nav-item ">
		951	<a href="ui_alerts_api.html" class="nav-link ">
		952	<span class="title">Metronic Alerts API</span>
		953	</a>
		954	</li>
		955	<li class="nav-item ">
		956	<a href="ui_session_timeout.html" class="nav-link ">
		957	<span class="title">Session Timeout</span>
		958	</a>
		959	</li>
		960	<li class="nav-item ">
		961	<a href="ui_idle_timeout.html" class="nav-link ">
		962	<span class="title">User Idle Timeout</span>
		963	</a>
		964	</li>
		965	<li class="nav-item ">
		966	<a href="ui_modals.html" class="nav-link ">
		967	<span class="title">Modals</span>
		968	</a>
		969	</li>
		970	<li class="nav-item ">
		971	<a href="ui_extended_modals.html" class="nav-link ">
		972	<span class="title">Extended Modals</span>
		973	</a>
		974	</li>
		975	<li class="nav-item ">
		976	<a href="ui_tiles.html" class="nav-link ">
		977	<span class="title">Tiles</span>
		978	</a>
		979	</li>
		980	<li class="nav-item ">
		981	<a href="ui_datepaginator.html" class="nav-link ">
		982	<span class="title">Date Paginator</span>
		983	</a>
		984	</li>
		985	<li class="nav-item ">
		986	<a href="ui_nestable.html" class="nav-link ">
		987	<span class="title">Nestable List</span>
		988	</a>
		989	</li>
		990	</ul>
		991	</li>
		992	<li class="nav-item ">
		993	<a href="javascript:;" class="nav-link nav-toggle">
		994	<i class="icon-puzzle"></i>
		995	<span class="title">Components</span>
		996	<span class="arrow"></span>
		997	</a>
		998	<ul class="sub-menu">
		999	<li class="nav-item ">
		1000	<a href="components_date_time_pickers.html" class="nav-link ">
		1001	<span class="title">Date & Time Pickers</span>
		1002	</a>
		1003	</li>
		1004	<li class="nav-item ">
		1005	<a href="components_color_pickers.html" class="nav-link ">
		1006	<span class="title">Color Pickers</span>
		1007	<span class="badge badge-danger">2</span>
		1008	</a>
		1009	</li>
		1010	<li class="nav-item ">
		1011	<a href="components_select2.html" class="nav-link ">
		1012	<span class="title">Select2 Dropdowns</span>
		1013	</a>
		1014	</li>
		1015	<li class="nav-item ">
		1016	<a href="components_bootstrap_select.html" class="nav-link ">
		1017	<span class="title">Bootstrap Select</span>
		1018	</a>
		1019	</li>
		1020	<li class="nav-item ">
		1021	<a href="components_multi_select.html" class="nav-link ">
		1022	<span class="title">Multi Select</span>
		1023	</a>
		1024	</li>
		1025	<li class="nav-item ">
		1026	<a href="components_bootstrap_select_splitter.html" class="nav-link ">
		1027	<span class="title">Select Splitter</span>
		1028	</a>
		1029	</li>
		1030	<li class="nav-item ">
		1031	<a href="components_typeahead.html" class="nav-link ">
		1032	<span class="title">Typeahead Autocomplete</span>
		1033	</a>
		1034	</li>
		1035	<li class="nav-item ">
		1036	<a href="components_bootstrap_tagsinput.html" class="nav-link ">
		1037	<span class="title">Bootstrap Tagsinput</span>
		1038	</a>
		1039	</li>
		1040	<li class="nav-item ">
		1041	<a href="components_bootstrap_switch.html" class="nav-link ">
		1042	<span class="title">Bootstrap Switch</span>
		1043	<span class="badge badge-success">6</span>
		1044	</a>
		1045	</li>
		1046	<li class="nav-item ">
		1047	<a href="components_bootstrap_maxlength.html" class="nav-link ">
		1048	<span class="title">Bootstrap Maxlength</span>
		1049	</a>
		1050	</li>
		1051	<li class="nav-item ">
		1052	<a href="components_bootstrap_fileinput.html" class="nav-link ">
		1053	<span class="title">Bootstrap File Input</span>
		1054	</a>
		1055	</li>
		1056	<li class="nav-item ">
		1057	<a href="components_bootstrap_touchspin.html" class="nav-link ">
		1058	<span class="title">Bootstrap Touchspin</span>
		1059	</a>
		1060	</li>
		1061	<li class="nav-item ">
		1062	<a href="components_form_tools.html" class="nav-link ">
		1063	<span class="title">Form Widgets & Tools</span>
		1064	</a>
		1065	</li>
		1066	<li class="nav-item ">
		1067	<a href="components_context_menu.html" class="nav-link ">
		1068	<span class="title">Context Menu</span>
		1069	</a>
		1070	</li>
		1071	<li class="nav-item ">
		1072	<a href="components_editors.html" class="nav-link ">
		1073	<span class="title">Markdown & WYSIWYG Editors</span>
		1074	</a>
		1075	</li>
		1076	<li class="nav-item ">
		1077	<a href="components_code_editors.html" class="nav-link ">
		1078	<span class="title">Code Editors</span>
		1079	</a>
		1080	</li>
		1081	<li class="nav-item ">
		1082	<a href="components_ion_sliders.html" class="nav-link ">
		1083	<span class="title">Ion Range Sliders</span>
		1084	</a>
		1085	</li>
		1086	<li class="nav-item ">
		1087	<a href="components_noui_sliders.html" class="nav-link ">
		1088	<span class="title">NoUI Range Sliders</span>
		1089	</a>
		1090	</li>
		1091	<li class="nav-item ">
		1092	<a href="components_knob_dials.html" class="nav-link ">
		1093	<span class="title">Knob Circle Dials</span>
		1094	</a>
		1095	</li>
		1096	</ul>
		1097	</li>
		1098	<li class="nav-item ">
		1099	<a href="javascript:;" class="nav-link nav-toggle">
		1100	<i class="icon-settings"></i>
		1101	<span class="title">Form Stuff</span>
		1102	<span class="arrow"></span>
		1103	</a>
		1104	<ul class="sub-menu">
		1105	<li class="nav-item ">
		1106	<a href="form_controls.html" class="nav-link ">
		1107	<span class="title">Bootstrap Form
		1108	<br>Controls</span>
		1109	</a>
		1110	</li>
		1111	<li class="nav-item ">
		1112	<a href="form_controls_md.html" class="nav-link ">
		1113	<span class="title">Material Design
		1114	<br>Form Controls</span>
		1115	</a>
		1116	</li>
		1117	<li class="nav-item ">
		1118	<a href="form_validation.html" class="nav-link ">
		1119	<span class="title">Form Validation</span>
		1120	</a>
		1121	</li>
		1122	<li class="nav-item ">
		1123	<a href="form_validation_states_md.html" class="nav-link ">
		1124	<span class="title">Material Design
		1125	<br>Form Validation States</span>
		1126	</a>
		1127	</li>
		1128	<li class="nav-item ">
		1129	<a href="form_validation_md.html" class="nav-link ">
		1130	<span class="title">Material Design
		1131	<br>Form Validation</span>
		1132	</a>
		1133	</li>
		1134	<li class="nav-item ">
		1135	<a href="form_layouts.html" class="nav-link ">
		1136	<span class="title">Form Layouts</span>
		1137	</a>
		1138	</li>
		1139	<li class="nav-item ">
		1140	<a href="form_input_mask.html" class="nav-link ">
		1141	<span class="title">Form Input Mask</span>
		1142	</a>
		1143	</li>
		1144	<li class="nav-item ">
		1145	<a href="form_editable.html" class="nav-link ">
		1146	<span class="title">Form X-editable</span>
		1147	</a>
		1148	</li>
		1149	<li class="nav-item ">
		1150	<a href="form_wizard.html" class="nav-link ">
		1151	<span class="title">Form Wizard</span>
		1152	</a>
		1153	</li>
		1154	<li class="nav-item ">
		1155	<a href="form_icheck.html" class="nav-link ">
		1156	<span class="title">iCheck Controls</span>
		1157	</a>
		1158	</li>
		1159	<li class="nav-item ">
		1160	<a href="form_image_crop.html" class="nav-link ">
		1161	<span class="title">Image Cropping</span>
		1162	</a>
		1163	</li>
		1164	<li class="nav-item ">
		1165	<a href="form_fileupload.html" class="nav-link ">
		1166	<span class="title">Multiple File Upload</span>
		1167	</a>
		1168	</li>
		1169	<li class="nav-item ">
		1170	<a href="form_dropzone.html" class="nav-link ">
		1171	<span class="title">Dropzone File Upload</span>
		1172	</a>
		1173	</li>
		1174	</ul>
		1175	</li>
		1176	<li class="nav-item ">
		1177	<a href="javascript:;" class="nav-link nav-toggle">
		1178	<i class="icon-bulb"></i>
		1179	<span class="title">Elements</span>
		1180	<span class="arrow"></span>
		1181	</a>
		1182	<ul class="sub-menu">
		1183	<li class="nav-item ">
		1184	<a href="elements_steps.html" class="nav-link ">
		1185	<span class="title">Steps</span>
		1186	</a>
		1187	</li>
		1188	<li class="nav-item ">
		1189	<a href="elements_lists.html" class="nav-link ">
		1190	<span class="title">Lists</span>
		1191	</a>
		1192	</li>
		1193	<li class="nav-item ">
		1194	<a href="elements_ribbons.html" class="nav-link ">
		1195	<span class="title">Ribbons</span>
		1196	</a>
		1197	</li>
		1198	<li class="nav-item ">
		1199	<a href="elements_overlay.html" class="nav-link ">
		1200	<span class="title">Overlays</span>
		1201	</a>
		1202	</li>
		1203	<li class="nav-item ">
		1204	<a href="elements_cards.html" class="nav-link ">
		1205	<span class="title">User Cards</span>
		1206	</a>
		1207	</li>
		1208	</ul>
		1209	</li>
		1210	<li class="nav-item ">
		1211	<a href="javascript:;" class="nav-link nav-toggle">
		1212	<i class="icon-briefcase"></i>
		1213	<span class="title">Tables</span>
		1214	<span class="arrow"></span>
		1215	</a>
		1216	<ul class="sub-menu">
		1217	<li class="nav-item ">
		1218	<a href="table_static_basic.html" class="nav-link ">
		1219	<span class="title">Basic Tables</span>
		1220	</a>
		1221	</li>
		1222	<li class="nav-item ">
		1223	<a href="table_static_responsive.html" class="nav-link ">
		1224	<span class="title">Responsive Tables</span>
		1225	</a>
		1226	</li>
		1227	<li class="nav-item ">
		1228	<a href="table_bootstrap.html" class="nav-link ">
		1229	<span class="title">Bootstrap Tables</span>
		1230	</a>
		1231	</li>
		1232	<li class="nav-item ">
		1233	<a href="javascript:;" class="nav-link nav-toggle">
		1234	<span class="title">Datatables</span>
		1235	<span class="arrow"></span>
		1236	</a>
		1237	<ul class="sub-menu">
		1238	<li class="nav-item ">
		1239	<a href="table_datatables_managed.html" class="nav-link "> Managed Datatables </a>
		1240	</li>
		1241	<li class="nav-item ">
		1242	<a href="table_datatables_buttons.html" class="nav-link "> Buttons Extension </a>
		1243	</li>
		1244	<li class="nav-item ">
		1245	<a href="table_datatables_colreorder.html" class="nav-link "> Colreorder Extension </a>
		1246	</li>
		1247	<li class="nav-item ">
		1248	<a href="table_datatables_rowreorder.html" class="nav-link "> Rowreorder Extension </a>
		1249	</li>
		1250	<li class="nav-item ">
		1251	<a href="table_datatables_scroller.html" class="nav-link "> Scroller Extension </a>
		1252	</li>
		1253	<li class="nav-item ">
		1254	<a href="table_datatables_fixedheader.html" class="nav-link "> FixedHeader Extension </a>
		1255	</li>
		1256	<li class="nav-item ">
		1257	<a href="table_datatables_responsive.html" class="nav-link "> Responsive Extension </a>
		1258	</li>
		1259	<li class="nav-item ">
		1260	<a href="table_datatables_editable.html" class="nav-link "> Editable Datatables </a>
		1261	</li>
		1262	<li class="nav-item ">
		1263	<a href="table_datatables_ajax.html" class="nav-link "> Ajax Datatables </a>
		1264	</li>
		1265	</ul>
		1266	</li>
		1267	</ul>
		1268	</li>
		1269	<li class="nav-item ">
		1270	<a href="?p=" class="nav-link nav-toggle">
		1271	<i class="icon-wallet"></i>
		1272	<span class="title">Portlets</span>
		1273	<span class="arrow"></span>
		1274	</a>
		1275	<ul class="sub-menu">
		1276	<li class="nav-item ">
		1277	<a href="portlet_boxed.html" class="nav-link ">
		1278	<span class="title">Boxed Portlets</span>
		1279	</a>
		1280	</li>
		1281	<li class="nav-item ">
		1282	<a href="portlet_light.html" class="nav-link ">
		1283	<span class="title">Light Portlets</span>
		1284	</a>
		1285	</li>
		1286	<li class="nav-item ">
		1287	<a href="portlet_solid.html" class="nav-link ">
		1288	<span class="title">Solid Portlets</span>
		1289	</a>
		1290	</li>
		1291	<li class="nav-item ">
		1292	<a href="portlet_ajax.html" class="nav-link ">
		1293	<span class="title">Ajax Portlets</span>
		1294	</a>
		1295	</li>
		1296	<li class="nav-item ">
		1297	<a href="portlet_draggable.html" class="nav-link ">
		1298	<span class="title">Draggable Portlets</span>
		1299	</a>
		1300	</li>
		1301	</ul>
		1302	</li>
		1303	<li class="nav-item ">
		1304	<a href="javascript:;" class="nav-link nav-toggle">
		1305	<i class="icon-bar-chart"></i>
		1306	<span class="title">Charts</span>
		1307	<span class="arrow"></span>
		1308	</a>
		1309	<ul class="sub-menu">
		1310	<li class="nav-item ">
		1311	<a href="charts_amcharts.html" class="nav-link ">
		1312	<span class="title">amChart</span>
		1313	</a>
		1314	</li>
		1315	<li class="nav-item ">
		1316	<a href="charts_flotcharts.html" class="nav-link ">
		1317	<span class="title">Flot Charts</span>
		1318	</a>
		1319	</li>
		1320	<li class="nav-item ">
		1321	<a href="charts_flowchart.html" class="nav-link ">
		1322	<span class="title">Flow Charts</span>
		1323	</a>
		1324	</li>
		1325	<li class="nav-item ">
		1326	<a href="charts_google.html" class="nav-link ">
		1327	<span class="title">Google Charts</span>
		1328	</a>
		1329	</li>
		1330	<li class="nav-item ">
		1331	<a href="charts_echarts.html" class="nav-link ">
		1332	<span class="title">eCharts</span>
		1333	</a>
		1334	</li>
		1335	<li class="nav-item ">
		1336	<a href="charts_morris.html" class="nav-link ">
		1337	<span class="title">Morris Charts</span>
		1338	</a>
		1339	</li>
		1340	<li class="nav-item ">
		1341	<a href="javascript:;" class="nav-link nav-toggle">
		1342	<span class="title">HighCharts</span>
		1343	<span class="arrow"></span>
		1344	</a>
		1345	<ul class="sub-menu">
		1346	<li class="nav-item ">
		1347	<a href="charts_highcharts.html" class="nav-link "> HighCharts </a>
		1348	</li>
		1349	<li class="nav-item ">
		1350	<a href="charts_highstock.html" class="nav-link "> HighStock </a>
		1351	</li>
		1352	<li class="nav-item ">
		1353	<a href="charts_highmaps.html" class="nav-link "> HighMaps </a>
		1354	</li>
		1355	</ul>
		1356	</li>
		1357	</ul>
		1358	</li>
		1359	<li class="nav-item ">
		1360	<a href="javascript:;" class="nav-link nav-toggle">
		1361	<i class="icon-pointer"></i>
		1362	<span class="title">Maps</span>
		1363	<span class="arrow"></span>
		1364	</a>
		1365	<ul class="sub-menu">
		1366	<li class="nav-item ">
		1367	<a href="maps_google.html" class="nav-link ">
		1368	<span class="title">Google Maps</span>
		1369	</a>
		1370	</li>
		1371	<li class="nav-item ">
		1372	<a href="maps_vector.html" class="nav-link ">
		1373	<span class="title">Vector Maps</span>
		1374	</a>
		1375	</li>
		1376	</ul>
		1377	</li>
		1378	<li class="heading hide">
		1379	<h3 class="uppercase">Layouts</h3>
		1380	</li>
		1381	<li class="nav-item ">
		1382	<a href="layout_blank_page.html" class="nav-link ">
		1383	<i class="icon-layers"></i>
		1384	<span class="title">Blank Page</span>
		1385	</a>
		1386	</li>
		1387	<li class="nav-item ">
		1388	<a href="javascript:;" class="nav-link nav-toggle">
		1389	<i class="icon-layers"></i>
		1390	<span class="title">Page Layouts</span>
		1391	<span class="arrow"></span>
		1392	</a>
		1393	<ul class="sub-menu">
		1394	<li class="nav-item ">
		1395	<a href="layout_blank_page.html" class="nav-link ">
		1396	<span class="title">Blank Page</span>
		1397	</a>
		1398	</li>
		1399	<li class="nav-item ">
		1400	<a href="layout_ajax_page.html" class="nav-link ">
		1401	<span class="title">Ajax Content Layout</span>
		1402	</a>
		1403	</li>
		1404	<li class="nav-item ">
		1405	<a href="layout_offcanvas_mobile_menu.html" class="nav-link ">
		1406	<span class="title">Off-canvas Mobile Menu</span>
		1407	</a>
		1408	</li>
		1409	<li class="nav-item ">
		1410	<a href="layout_classic_page_head.html" class="nav-link ">
		1411	<span class="title">Classic Page Head</span>
		1412	</a>
		1413	</li>
		1414	<li class="nav-item ">
		1415	<a href="layout_light_page_head.html" class="nav-link ">
		1416	<span class="title">Light Page Head</span>
		1417	</a>
		1418	</li>
		1419	<li class="nav-item ">
		1420	<a href="layout_content_grey.html" class="nav-link ">
		1421	<span class="title">Grey Bg Content</span>
		1422	</a>
		1423	</li>
		1424	<li class="nav-item ">
		1425	<a href="layout_search_on_header_1.html" class="nav-link ">
		1426	<span class="title">Search Box On Header 1</span>
		1427	</a>
		1428	</li>
		1429	<li class="nav-item ">
		1430	<a href="layout_search_on_header_2.html" class="nav-link ">
		1431	<span class="title">Search Box On Header 2</span>
		1432	</a>
		1433	</li>
		1434	<li class="nav-item ">
		1435	<a href="layout_language_bar.html" class="nav-link ">
		1436	<span class="title">Header Language Bar</span>
		1437	</a>
		1438	</li>
		1439	<li class="nav-item ">
		1440	<a href="layout_footer_fixed.html" class="nav-link ">
		1441	<span class="title">Fixed Footer</span>
		1442	</a>
		1443	</li>
		1444	<li class="nav-item ">
		1445	<a href="layout_boxed_page.html" class="nav-link ">
		1446	<span class="title">Boxed Page</span>
		1447	</a>
		1448	</li>
		1449	</ul>
		1450	</li>
		1451	<li class="nav-item ">
		1452	<a href="javascript:;" class="nav-link nav-toggle">
		1453	<i class="icon-feed"></i>
		1454	<span class="title">Sidebar Layouts</span>
		1455	<span class="arrow"></span>
		1456	</a>
		1457	<ul class="sub-menu">
		1458	<li class="nav-item ">
		1459	<a href="layout_sidebar_menu_light.html" class="nav-link ">
		1460	<span class="title">Light Sidebar Menu</span>
		1461	</a>
		1462	</li>
		1463	<li class="nav-item ">
		1464	<a href="layout_sidebar_menu_hover.html" class="nav-link ">
		1465	<span class="title">Hover Sidebar Menu</span>
		1466	</a>
		1467	</li>
		1468	<li class="nav-item ">
		1469	<a href="layout_sidebar_search_1.html" class="nav-link ">
		1470	<span class="title">Sidebar Search Option 1</span>
		1471	</a>
		1472	</li>
		1473	<li class="nav-item ">
		1474	<a href="layout_sidebar_search_2.html" class="nav-link ">
		1475	<span class="title">Sidebar Search Option 2</span>
		1476	</a>
		1477	</li>
		1478	<li class="nav-item ">
		1479	<a href="layout_toggler_on_sidebar.html" class="nav-link ">
		1480	<span class="title">Sidebar Toggler On Sidebar</span>
		1481	</a>
		1482	</li>
		1483	<li class="nav-item ">
		1484	<a href="?p=layout_sidebar_menu_accordion" class="nav-link ">
		1485	<span class="title">Sidebar Accordion Menu</span>
		1486	</a>
		1487	</li>
		1488	<li class="nav-item ">
		1489	<a href="?p=layout_sidebar_menu_compact" class="nav-link ">
		1490	<span class="title">Sidebar Compact Menu</span>
		1491	</a>
		1492	</li>
		1493	<li class="nav-item ">
		1494	<a href="layout_sidebar_reversed.html" class="nav-link ">
		1495	<span class="title">Reversed Sidebar Page</span>
		1496	</a>
		1497	</li>
		1498	<li class="nav-item ">
		1499	<a href="layout_sidebar_fixed.html" class="nav-link ">
		1500	<span class="title">Fixed Sidebar Layout</span>
		1501	</a>
		1502	</li>
		1503	<li class="nav-item ">
		1504	<a href="layout_sidebar_closed.html" class="nav-link ">
		1505	<span class="title">Closed Sidebar Layout</span>
		1506	</a>
		1507	</li>
		1508	</ul>
		1509	</li>
		1510	<li class="nav-item active open">
		1511	<a href="javascript:;" class="nav-link nav-toggle">
		1512	<i class="icon-paper-plane"></i>
		1513	<span class="title">Horizontal Menu</span>
		1514	<span class="selected"></span>
		1515	<span class="arrow open"></span>
		1516	</a>
		1517	<ul class="sub-menu">
		1518	<li class="nav-item ">
		1519	<a href="layout_mega_menu_light.html" class="nav-link ">
		1520	<span class="title">Light Mega Menu</span>
		1521	</a>
		1522	</li>
		1523	<li class="nav-item ">
		1524	<a href="layout_mega_menu_dark.html" class="nav-link ">
		1525	<span class="title">Dark Mega Menu</span>
		1526	</a>
		1527	</li>
		1528	<li class="nav-item active open">
		1529	<a href="layout_full_width.html" class="nav-link ">
		1530	<span class="title">Full Width Layout</span>
		1531	<span class="selected"></span>
		1532	</a>
		1533	</li>
		1534	</ul>
		1535	</li>
		1536	<li class="nav-item ">
		1537	<a href="javascript:;" class="nav-link nav-toggle">
		1538	<i class=" icon-wrench"></i>
		1539	<span class="title">Custom Layouts</span>
		1540	<span class="arrow"></span>
		1541	</a>
		1542	<ul class="sub-menu">
		1543	<li class="nav-item ">
		1544	<a href="layout_disabled_menu.html" class="nav-link ">
		1545	<span class="title">Disabled Menu Links</span>
		1546	</a>
		1547	</li>
		1548	<li class="nav-item ">
		1549	<a href="layout_full_height_portlet.html" class="nav-link ">
		1550	<span class="title">Full Height Portlet</span>
		1551	</a>
		1552	</li>
		1553	<li class="nav-item ">
		1554	<a href="layout_full_height_content.html" class="nav-link ">
		1555	<span class="title">Full Height Content</span>
		1556	</a>
		1557	</li>
		1558	</ul>
		1559	</li>
		1560	<li class="heading hide">
		1561	<h3 class="uppercase">Pages</h3>
		1562	</li>
		1563	<li class="nav-item ">
		1564	<a href="javascript:;" class="nav-link nav-toggle">
		1565	<i class="icon-basket"></i>
		1566	<span class="title">eCommerce</span>
		1567	<span class="arrow"></span>
		1568	</a>
		1569	<ul class="sub-menu">
		1570	<li class="nav-item ">
		1571	<a href="ecommerce_index.html" class="nav-link ">
		1572	<i class="icon-home"></i>
		1573	<span class="title">Dashboard</span>
		1574	</a>
		1575	</li>
		1576	<li class="nav-item ">
		1577	<a href="ecommerce_orders.html" class="nav-link ">
		1578	<i class="icon-basket"></i>
		1579	<span class="title">Orders</span>
		1580	</a>
		1581	</li>
		1582	<li class="nav-item ">
		1583	<a href="ecommerce_orders_view.html" class="nav-link ">
		1584	<i class="icon-tag"></i>
		1585	<span class="title">Order View</span>
		1586	</a>
		1587	</li>
		1588	<li class="nav-item ">
		1589	<a href="ecommerce_products.html" class="nav-link ">
		1590	<i class="icon-graph"></i>
		1591	<span class="title">Products</span>
		1592	</a>
		1593	</li>
		1594	<li class="nav-item ">
		1595	<a href="ecommerce_products_edit.html" class="nav-link ">
		1596	<i class="icon-graph"></i>
		1597	<span class="title">Product Edit</span>
		1598	</a>
		1599	</li>
		1600	</ul>
		1601	</li>
		1602	<li class="nav-item ">
		1603	<a href="javascript:;" class="nav-link nav-toggle">
		1604	<i class="icon-docs"></i>
		1605	<span class="title">Apps</span>
		1606	<span class="arrow"></span>
		1607	</a>
		1608	<ul class="sub-menu">
		1609	<li class="nav-item ">
		1610	<a href="app_todo.html" class="nav-link ">
		1611	<i class="icon-clock"></i>
		1612	<span class="title">Todo 1</span>
		1613	</a>
		1614	</li>
		1615	<li class="nav-item ">
		1616	<a href="app_todo_2.html" class="nav-link ">
		1617	<i class="icon-check"></i>
		1618	<span class="title">Todo 2</span>
		1619	</a>
		1620	</li>
		1621	<li class="nav-item ">
		1622	<a href="app_inbox.html" class="nav-link ">
		1623	<i class="icon-envelope"></i>
		1624	<span class="title">Inbox</span>
		1625	</a>
		1626	</li>
		1627	<li class="nav-item ">
		1628	<a href="app_calendar.html" class="nav-link ">
		1629	<i class="icon-calendar"></i>
		1630	<span class="title">Calendar</span>
		1631	</a>
		1632	</li>
		1633	<li class="nav-item ">
		1634	<a href="app_ticket.html" class="nav-link ">
		1635	<i class="icon-notebook"></i>
		1636	<span class="title">Support</span>
		1637	</a>
		1638	</li>
		1639	</ul>
		1640	</li>
		1641	<li class="nav-item ">
		1642	<a href="javascript:;" class="nav-link nav-toggle">
		1643	<i class="icon-user"></i>
		1644	<span class="title">User</span>
		1645	<span class="arrow"></span>
		1646	</a>
		1647	<ul class="sub-menu">
		1648	<li class="nav-item ">
		1649	<a href="page_user_profile_1.html" class="nav-link ">
		1650	<i class="icon-user"></i>
		1651	<span class="title">Profile 1</span>
		1652	</a>
		1653	</li>
		1654	<li class="nav-item ">
		1655	<a href="page_user_profile_1_account.html" class="nav-link ">
		1656	<i class="icon-user-female"></i>
		1657	<span class="title">Profile 1 Account</span>
		1658	</a>
		1659	</li>
		1660	<li class="nav-item ">
		1661	<a href="page_user_profile_1_help.html" class="nav-link ">
		1662	<i class="icon-user-following"></i>
		1663	<span class="title">Profile 1 Help</span>
		1664	</a>
		1665	</li>
		1666	<li class="nav-item ">
		1667	<a href="page_user_profile_2.html" class="nav-link ">
		1668	<i class="icon-users"></i>
		1669	<span class="title">Profile 2</span>
		1670	</a>
		1671	</li>
		1672	<li class="nav-item ">
		1673	<a href="javascript:;" class="nav-link nav-toggle">
		1674	<i class="icon-notebook"></i>
		1675	<span class="title">Login</span>
		1676	<span class="arrow"></span>
		1677	</a>
		1678	<ul class="sub-menu">
		1679	<li class="nav-item ">
		1680	<a href="page_user_login_1.html" class="nav-link "> Login Page 1 </a>
		1681	</li>
		1682	<li class="nav-item ">
		1683	<a href="page_user_login_2.html" class="nav-link "> Login Page 2 </a>
		1684	</li>
		1685	<li class="nav-item ">
		1686	<a href="page_user_login_3.html" class="nav-link "> Login Page 3 </a>
		1687	</li>
		1688	<li class="nav-item ">
		1689	<a href="page_user_login_4.html" class="nav-link "> Login Page 4 </a>
		1690	</li>
		1691	<li class="nav-item ">
		1692	<a href="page_user_login_5.html" class="nav-link "> Login Page 5 </a>
		1693	</li>
		1694	<li class="nav-item ">
		1695	<a href="page_user_login_6.html" class="nav-link "> Login Page 6 </a>
		1696	</li>
		1697	</ul>
		1698	</li>
		1699	<li class="nav-item ">
		1700	<a href="page_user_lock_1.html" class="nav-link ">
		1701	<i class="icon-lock"></i>
		1702	<span class="title">Lock Screen 1</span>
		1703	</a>
		1704	</li>
		1705	<li class="nav-item ">
		1706	<a href="page_user_lock_2.html" class="nav-link ">
		1707	<i class="icon-lock-open"></i>
		1708	<span class="title">Lock Screen 2</span>
		1709	</a>
		1710	</li>
		1711	</ul>
		1712	</li>
		1713	<li class="nav-item ">
		1714	<a href="javascript:;" class="nav-link nav-toggle">
		1715	<i class="icon-social-dribbble"></i>
		1716	<span class="title">General</span>
		1717	<span class="arrow"></span>
		1718	</a>
		1719	<ul class="sub-menu">
		1720	<li class="nav-item ">
		1721	<a href="page_general_about.html" class="nav-link ">
		1722	<i class="icon-info"></i>
		1723	<span class="title">About</span>
		1724	</a>
		1725	</li>
		1726	<li class="nav-item ">
		1727	<a href="page_general_contact.html" class="nav-link ">
		1728	<i class="icon-call-end"></i>
		1729	<span class="title">Contact</span>
		1730	</a>
		1731	</li>
		1732	<li class="nav-item ">
		1733	<a href="javascript:;" class="nav-link nav-toggle">
		1734	<i class="icon-notebook"></i>
		1735	<span class="title">Portfolio</span>
		1736	<span class="arrow"></span>
		1737	</a>
		1738	<ul class="sub-menu">
		1739	<li class="nav-item ">
		1740	<a href="page_general_portfolio_1.html" class="nav-link "> Portfolio 1 </a>
		1741	</li>
		1742	<li class="nav-item ">
		1743	<a href="page_general_portfolio_2.html" class="nav-link "> Portfolio 2 </a>
		1744	</li>
		1745	<li class="nav-item ">
		1746	<a href="page_general_portfolio_3.html" class="nav-link "> Portfolio 3 </a>
		1747	</li>
		1748	<li class="nav-item ">
		1749	<a href="page_general_portfolio_4.html" class="nav-link "> Portfolio 4 </a>
		1750	</li>
		1751	</ul>
		1752	</li>
		1753	<li class="nav-item ">
		1754	<a href="javascript:;" class="nav-link nav-toggle">
		1755	<i class="icon-magnifier"></i>
		1756	<span class="title">Search</span>
		1757	<span class="arrow"></span>
		1758	</a>
		1759	<ul class="sub-menu">
		1760	<li class="nav-item ">
		1761	<a href="page_general_search.html" class="nav-link "> Search 1 </a>
		1762	</li>
		1763	<li class="nav-item ">
		1764	<a href="page_general_search_2.html" class="nav-link "> Search 2 </a>
		1765	</li>
		1766	<li class="nav-item ">
		1767	<a href="page_general_search_3.html" class="nav-link "> Search 3 </a>
		1768	</li>
		1769	<li class="nav-item ">
		1770	<a href="page_general_search_4.html" class="nav-link "> Search 4 </a>
		1771	</li>
		1772	<li class="nav-item ">
		1773	<a href="page_general_search_5.html" class="nav-link "> Search 5 </a>
		1774	</li>
		1775	</ul>
		1776	</li>
		1777	<li class="nav-item ">
		1778	<a href="page_general_pricing.html" class="nav-link ">
		1779	<i class="icon-tag"></i>
		1780	<span class="title">Pricing</span>
		1781	</a>
		1782	</li>
		1783	<li class="nav-item ">
		1784	<a href="page_general_faq.html" class="nav-link ">
		1785	<i class="icon-wrench"></i>
		1786	<span class="title">FAQ</span>
		1787	</a>
		1788	</li>
		1789	<li class="nav-item ">
		1790	<a href="page_general_blog.html" class="nav-link ">
		1791	<i class="icon-pencil"></i>
		1792	<span class="title">Blog</span>
		1793	</a>
		1794	</li>
		1795	<li class="nav-item ">
		1796	<a href="page_general_blog_post.html" class="nav-link ">
		1797	<i class="icon-note"></i>
		1798	<span class="title">Blog Post</span>
		1799	</a>
		1800	</li>
		1801	<li class="nav-item ">
		1802	<a href="page_general_invoice.html" class="nav-link ">
		1803	<i class="icon-envelope"></i>
		1804	<span class="title">Invoice</span>
		1805	</a>
		1806	</li>
		1807	<li class="nav-item ">
		1808	<a href="page_general_invoice_2.html" class="nav-link ">
		1809	<i class="icon-envelope"></i>
		1810	<span class="title">Invoice 2</span>
		1811	</a>
		1812	</li>
		1813	</ul>
		1814	</li>
		1815	<li class="nav-item ">
		1816	<a href="javascript:;" class="nav-link nav-toggle">
		1817	<i class="icon-settings"></i>
		1818	<span class="title">System</span>
		1819	<span class="arrow"></span>
		1820	</a>
		1821	<ul class="sub-menu">
		1822	<li class="nav-item ">
		1823	<a href="page_cookie_consent_1.html" class="nav-link ">
		1824	<span class="title">Cookie Consent 1</span>
		1825	</a>
		1826	</li>
		1827	<li class="nav-item ">
		1828	<a href="page_cookie_consent_2.html" class="nav-link ">
		1829	<span class="title">Cookie Consent 2</span>
		1830	</a>
		1831	</li>
		1832	<li class="nav-item ">
		1833	<a href="page_system_coming_soon.html" class="nav-link ">
		1834	<span class="title">Coming Soon</span>
		1835	</a>
		1836	</li>
		1837	<li class="nav-item ">
		1838	<a href="page_system_404_1.html" class="nav-link ">
		1839	<span class="title">404 Page 1</span>
		1840	</a>
		1841	</li>
		1842	<li class="nav-item ">
		1843	<a href="page_system_404_2.html" class="nav-link ">
		1844	<span class="title">404 Page 2</span>
		1845	</a>
		1846	</li>
		1847	<li class="nav-item ">
		1848	<a href="page_system_404_3.html" class="nav-link ">
		1849	<span class="title">404 Page 3</span>
		1850	</a>
		1851	</li>
		1852	<li class="nav-item ">
		1853	<a href="page_system_500_1.html" class="nav-link ">
		1854	<span class="title">500 Page 1</span>
		1855	</a>
		1856	</li>
		1857	<li class="nav-item ">
		1858	<a href="page_system_500_2.html" class="nav-link ">
		1859	<span class="title">500 Page 2</span>
		1860	</a>
		1861	</li>
		1862	</ul>
		1863	</li>
		1864	</ul>
		1865	</li>
		1866	<li class="nav-item">
		1867	<a href="javascript:;" class="nav-link nav-toggle"> Mega
		1868	<span class="arrow"> </span>
		1869	</a>
		1870	<ul class="sub-menu">
		1871	<li class="nav-item">
		1872	<a href="javascript:;" class="nav-link nav-toggle"> Section 1
		1873	<span class="arrow"></span>
		1874	</a>
		1875	<ul class="sub-menu">
		1876	<li class="nav-item">
		1877	<a href="#" class="nav-link">Example Link</a>
		1878	</li>
		1879	<li class="nav-item">
		1880	<a href="#" class="nav-link">Example Link</a>
		1881	</li>
		1882	<li class="nav-item">
		1883	<a href="#" class="nav-link">Example Link</a>
		1884	</li>
		1885	<li class="nav-item">
		1886	<a href="#" class="nav-link">Example Link</a>
		1887	</li>
		1888	<li class="nav-item">
		1889	<a href="#" class="nav-link">Example Link</a>
		1890	</li>
		1891	<li class="nav-item">
		1892	<a href="#" class="nav-link">Example Link</a>
		1893	</li>
		1894	<li class="nav-item">
		1895	<a href="#" class="nav-link">Example Link</a>
		1896	</li>
		1897	</ul>
		1898	</li>
		1899	<li class="nav-item">
		1900	<a href="javascript:;" class="nav-link nav-toggle"> Section 2
		1901	<span class="arrow"></span>
		1902	</a>
		1903	<ul class="sub-menu">
		1904	<li class="nav-item">
		1905	<a href="#" class="nav-link">Example Link</a>
		1906	</li>
		1907	<li class="nav-item">
		1908	<a href="#" class="nav-link">Example Link</a>
		1909	</li>
		1910	<li class="nav-item">
		1911	<a href="#" class="nav-link">Example Link</a>
		1912	</li>
		1913	<li class="nav-item">
		1914	<a href="#" class="nav-link">Example Link</a>
		1915	</li>
		1916	<li class="nav-item">
		1917	<a href="#" class="nav-link">Example Link</a>
		1918	</li>
		1919	<li class="nav-item">
		1920	<a href="#" class="nav-link">Example Link</a>
		1921	</li>
		1922	<li class="nav-item">
		1923	<a href="#" class="nav-link">Example Link</a>
		1924	</li>
		1925	</ul>
		1926	</li>
		1927	<li class="nav-item">
		1928	<a href="javascript:;" class="nav-link nav-toggle"> Section 3
		1929	<span class="arrow"></span>
		1930	</a>
		1931	<ul class="sub-menu">
		1932	<li class="nav-item">
		1933	<a href="#" class="nav-link">Example Link</a>
		1934	</li>
		1935	<li class="nav-item">
		1936	<a href="#" class="nav-link">Example Link</a>
		1937	</li>
		1938	<li class="nav-item">
		1939	<a href="#" class="nav-link">Example Link</a>
		1940	</li>
		1941	<li class="nav-item">
		1942	<a href="#" class="nav-link">Example Link</a>
		1943	</li>
		1944	<li class="nav-item">
		1945	<a href="#" class="nav-link">Example Link</a>
		1946	</li>
		1947	<li class="nav-item">
		1948	<a href="#" class="nav-link">Example Link</a>
		1949	</li>
		1950	<li class="nav-item">
		1951	<a href="#" class="nav-link">Example Link</a>
		1952	</li>
		1953	</ul>
		1954	</li>
		1955	</ul>
		1956	</li>
		1957	<li class="nav-item">
		1958	<a href="javascript:;" class="nav-link nav-toggle"> Full Mega
		1959	<span class="arrow"> </span>
		1960	</a>
		1961	<ul class="sub-menu">
		1962	<li class="nav-item">
		1963	<a href="javascript:;" class="nav-link nav-toggle"> Section 1
		1964	<span class="arrow"></span>
		1965	</a>
		1966	<ul class="sub-menu">
		1967	<li class="nav-item">
		1968	<a href="#" class="nav-link">Example Link</a>
		1969	</li>
		1970	<li class="nav-item">
		1971	<a href="#" class="nav-link">Example Link</a>
		1972	</li>
		1973	<li class="nav-item">
		1974	<a href="#" class="nav-link">Example Link</a>
		1975	</li>
		1976	<li class="nav-item">
		1977	<a href="#" class="nav-link">Example Link</a>
		1978	</li>
		1979	<li class="nav-item">
		1980	<a href="#" class="nav-link">Example Link</a>
		1981	</li>
		1982	<li class="nav-item">
		1983	<a href="#" class="nav-link">Example Link</a>
		1984	</li>
		1985	<li class="nav-item">
		1986	<a href="#" class="nav-link">Example Link</a>
		1987	</li>
		1988	</ul>
		1989	</li>
		1990	<li class="nav-item">
		1991	<a href="javascript:;" class="nav-link nav-toggle"> Section 2
		1992	<span class="arrow"></span>
		1993	</a>
		1994	<ul class="sub-menu">
		1995	<li class="nav-item">
		1996	<a href="#" class="nav-link">Example Link</a>
		1997	</li>
		1998	<li class="nav-item">
		1999	<a href="#" class="nav-link">Example Link</a>
		2000	</li>
		2001	<li class="nav-item">
		2002	<a href="#" class="nav-link">Example Link</a>
		2003	</li>
		2004	<li class="nav-item">
		2005	<a href="#" class="nav-link">Example Link</a>
		2006	</li>
		2007	<li class="nav-item">
		2008	<a href="#" class="nav-link">Example Link</a>
		2009	</li>
		2010	<li class="nav-item">
		2011	<a href="#" class="nav-link">Example Link</a>
		2012	</li>
		2013	<li class="nav-item">
		2014	<a href="#" class="nav-link">Example Link</a>
		2015	</li>
		2016	</ul>
		2017	</li>
		2018	<li class="nav-item">
		2019	<a href="javascript:;" class="nav-link nav-toggle"> Section 3
		2020	<span class="arrow"></span>
		2021	</a>
		2022	<ul class="sub-menu">
		2023	<li class="nav-item">
		2024	<a href="#" class="nav-link">Example Link</a>
		2025	</li>
		2026	<li class="nav-item">
		2027	<a href="#" class="nav-link">Example Link</a>
		2028	</li>
		2029	<li class="nav-item">
		2030	<a href="#" class="nav-link">Example Link</a>
		2031	</li>
		2032	<li class="nav-item">
		2033	<a href="#" class="nav-link">Example Link</a>
		2034	</li>
		2035	<li class="nav-item">
		2036	<a href="#" class="nav-link">Example Link</a>
		2037	</li>
		2038	<li class="nav-item">
		2039	<a href="#" class="nav-link">Example Link</a>
		2040	</li>
		2041	<li class="nav-item">
		2042	<a href="#" class="nav-link">Example Link</a>
		2043	</li>
		2044	</ul>
		2045	</li>
		2046	<li class="nav-item">
		2047	<a href="javascript:;" class="nav-link nav-toggle"> Section 4
		2048	<span class="arrow"></span>
		2049	</a>
		2050	<ul class="sub-menu">
		2051	<li class="nav-item">
		2052	<a href="#" class="nav-link">Example Link</a>
		2053	</li>
		2054	<li class="nav-item">
		2055	<a href="#" class="nav-link">Example Link</a>
		2056	</li>
		2057	<li class="nav-item">
		2058	<a href="#" class="nav-link">Example Link</a>
		2059	</li>
		2060	<li class="nav-item">
		2061	<a href="#" class="nav-link">Example Link</a>
		2062	</li>
		2063	<li class="nav-item">
		2064	<a href="#" class="nav-link">Example Link</a>
		2065	</li>
		2066	<li class="nav-item">
		2067	<a href="#" class="nav-link">Example Link</a>
		2068	</li>
		2069	<li class="nav-item">
		2070	<a href="#" class="nav-link">Example Link</a>
		2071	</li>
		2072	<li class="nav-item">
		2073	<a href="#" class="nav-link">More Options</a>
		2074	</li>
		2075	</ul>
		2076	</li>
		2077	<li class="nav-item">
		2078	<a href="javascript:;" class="nav-link nav-toggle"> Accordions
		2079	<span class="arrow"></span>
		2080	</a>
		2081	<ul class="sub-menu">
		2082	<li class="nav-item">
		2083	<div id="accordion2" class="panel-group mega-menu-responsive-content">
		2084	<div class="panel panel-success">
		2085	<div class="panel-heading">
		2086	<h4 class="panel-title">
		2087	<a data-toggle="collapse" data-parent="#accordion2" href="#collapseOne2" class="collapsed"> Mega Menu Info #1 </a>
		2088	</h4>
		2089	</div>
		2090	<div id="collapseOne2" class="panel-collapse in">
		2091	<div class="panel-body"> Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements. </div>
		2092	</div>
		2093	</div>
		2094	<div class="panel panel-danger">
		2095	<div class="panel-heading">
		2096	<h4 class="panel-title">
		2097	<a data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo2" class="collapsed"> Mega Menu Info #2 </a>
		2098	</h4>
		2099	</div>
		2100	<div id="collapseTwo2" class="panel-collapse collapse">
		2101	<div class="panel-body"> Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements. </div>
		2102	</div>
		2103	</div>
		2104	<div class="panel panel-info">
		2105	<div class="panel-heading">
		2106	<h4 class="panel-title">
		2107	<a data-toggle="collapse" data-parent="#accordion2" href="#collapseThree2"> Mega Menu Info #3 </a>
		2108	</h4>
		2109	</div>
		2110	<div id="collapseThree2" class="panel-collapse collapse">
		2111	<div class="panel-body"> Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements. </div>
		2112	</div>
		2113	</div>
		2114	</div>
		2115	</li>
		2116	</ul>
		2117	</li>
		2118	</ul>
		2119	</li>
		2120	<li class="nav-item">
		2121	<a href="javascript:;" class="nav-link nav-toggle"> Classic
		2122	<span class="arrow"></span>
		2123	</a>
		2124	<ul class="sub-menu">
		2125	<li class="nav-item">
		2126	<a href="javascript:;" class="nav-link"> Section 1 </a>
		2127	</li>
		2128	<li class="nav-item">
		2129	<a href="javascript:;" class="nav-link"> Section 2 </a>
		2130	</li>
		2131	<li class="nav-item">
		2132	<a href="javascript:;" class="nav-link"> Section 3 </a>
		2133	</li>
		2134	<li class="nav-item">
		2135	<a href="javascript:;" class="nav-link"> Section 4 </a>
		2136	</li>
		2137	<li class="nav-item">
		2138	<a href="javascript:;" class="nav-link nav-toggle"> Section 5
		2139	<span class="arrow"></span>
		2140	</a>
		2141	<ul class="sub-menu">
		2142	<li class="nav-item">
		2143	<a href="javascript:;" class="nav-link nav-toggle"> Second level link </a>
		2144	</li>
		2145	<li class="nav-item">
		2146	<a href="javascript:;" class="nav-link nav-toggle"> More options
		2147	<span class="arrow "></span>
		2148	</a>
		2149	<ul class="sub-menu">
		2150	<li class="nav-item">
		2151	<a href="javascript:;" class="nav-link"> Third level link </a>
		2152	</li>
		2153	<li class="nav-item">
		2154	<a href="javascript:;" class="nav-link"> Third level link </a>
		2155	</li>
		2156	<li class="nav-item">
		2157	<a href="javascript:;" class="nav-link"> Third level link </a>
		2158	</li>
		2159	<li class="nav-item">
		2160	<a href="javascript:;" class="nav-link"> Third level link </a>
		2161	</li>
		2162	</ul>
		2163	</li>
		2164	<li class="nav-item">
		2165	<a href="javascript:;" class="nav-link"> Second level link </a>
		2166	</li>
		2167	<li class="nav-item">
		2168	<a href="javascript:;" class="nav-link"> Second level link </a>
		2169	</li>
		2170	<li class="nav-item">
		2171	<a href="javascript:;" class="nav-link"> Second level link </a>
		2172	</li>
		2173	</ul>
		2174	</li>
		2175	</ul>
		2176	</li>
		2177	</ul>
		2178	<!-- END RESPONSIVE MENU FOR HORIZONTAL & SIDEBAR MENU -->
		2179	</div>
		2180	</div>
		2181	<!-- END SIDEBAR -->
		2182	</div>
		2183	<!-- END SIDEBAR -->
		2184	<!-- BEGIN CONTENT -->
		2185	<div class="page-content-wrapper">
		2186	<!-- BEGIN CONTENT BODY -->
		2187	<div class="page-content">
		2188	<!-- BEGIN PAGE HEADER-->
		2189	<!-- BEGIN THEME PANEL -->
		2190	<div class="theme-panel hidden-xs hidden-sm">
		2191	<div class="toggler"> </div>
		2192	<div class="toggler-close"> </div>
		2193	<div class="theme-options">
		2194	<div class="theme-option theme-colors clearfix">
		2195	<span> THEME COLOR </span>
		2196	<ul>
		2197	<li class="color-default current tooltips" data-style="default" data-container="body" data-original-title="Default"> </li>
		2198	<li class="color-darkblue tooltips" data-style="darkblue" data-container="body" data-original-title="Dark Blue"> </li>
		2199	<li class="color-blue tooltips" data-style="blue" data-container="body" data-original-title="Blue"> </li>
		2200	<li class="color-grey tooltips" data-style="grey" data-container="body" data-original-title="Grey"> </li>
		2201	<li class="color-light tooltips" data-style="light" data-container="body" data-original-title="Light"> </li>
		2202	<li class="color-light2 tooltips" data-style="light2" data-container="body" data-html="true" data-original-title="Light 2"> </li>
		2203	</ul>
		2204	</div>
		2205	<div class="theme-option">
		2206	<span> Theme Style </span>
		2207	<select class="layout-style-option form-control input-sm">
		2208	<option value="square" selected="selected">Square corners</option>
		2209	<option value="rounded">Rounded corners</option>
		2210	</select>
		2211	</div>
		2212	<div class="theme-option">
		2213	<span> Layout </span>
		2214	<select class="layout-option form-control input-sm">
		2215	<option value="fluid" selected="selected">Fluid</option>
		2216	<option value="boxed">Boxed</option>
		2217	</select>
		2218	</div>
		2219	<div class="theme-option">
		2220	<span> Header </span>
		2221	<select class="page-header-option form-control input-sm">
		2222	<option value="fixed" selected="selected">Fixed</option>
		2223	<option value="default">Default</option>
		2224	</select>
		2225	</div>
		2226	<div class="theme-option">
		2227	<span> Top Menu Dropdown</span>
		2228	<select class="page-header-top-dropdown-style-option form-control input-sm">
		2229	<option value="light" selected="selected">Light</option>
		2230	<option value="dark">Dark</option>
		2231	</select>
		2232	</div>
		2233	<div class="theme-option">
		2234	<span> Sidebar Mode</span>
		2235	<select class="sidebar-option form-control input-sm">
		2236	<option value="fixed">Fixed</option>
		2237	<option value="default" selected="selected">Default</option>
		2238	</select>
		2239	</div>
		2240	<div class="theme-option">
		2241	<span> Sidebar Menu </span>
		2242	<select class="sidebar-menu-option form-control input-sm">
		2243	<option value="accordion" selected="selected">Accordion</option>
		2244	<option value="hover">Hover</option>
		2245	</select>
		2246	</div>
		2247	<div class="theme-option">
		2248	<span> Sidebar Style </span>
		2249	<select class="sidebar-style-option form-control input-sm">
		2250	<option value="default" selected="selected">Default</option>
		2251	<option value="light">Light</option>
		2252	</select>
		2253	</div>
		2254	<div class="theme-option">
		2255	<span> Sidebar Position </span>
		2256	<select class="sidebar-pos-option form-control input-sm">
		2257	<option value="left" selected="selected">Left</option>
		2258	<option value="right">Right</option>
		2259	</select>
		2260	</div>
		2261	<div class="theme-option">
		2262	<span> Footer </span>
		2263	<select class="page-footer-option form-control input-sm">
		2264	<option value="fixed">Fixed</option>
		2265	<option value="default" selected="selected">Default</option>
		2266	</select>
		2267	</div>
		2268	</div>
		2269	</div>
		2270	<!-- END THEME PANEL -->
		2271	<!-- BEGIN PAGE BAR -->
		2272	<div class="page-bar">
		2273	<ul class="page-breadcrumb">
		2274	<li>
		2275	<a href="index.html">Home</a>
		2276	<i class="fa fa-circle"></i>
		2277	</li>
		2278	<li>
		2279	<span>Horizontal Menu</span>
		2280	</li>
		2281	</ul>
		2282	<div class="page-toolbar">
		2283	<div class="btn-group pull-right">
		2284	<button type="button" class="btn green btn-sm btn-outline dropdown-toggle" data-toggle="dropdown"> Actions
		2285	<i class="fa fa-angle-down"></i>
		2286	</button>
		2287	<ul class="dropdown-menu pull-right" role="menu">
		2288	<li>
		2289	<a href="#">
		2290	<i class="icon-bell"></i> Action</a>
		2291	</li>
		2292	<li>
		2293	<a href="#">
		2294	<i class="icon-shield"></i> Another action</a>
		2295	</li>
		2296	<li>
		2297	<a href="#">
		2298	<i class="icon-user"></i> Something else here</a>
		2299	</li>
		2300	<li class="divider"> </li>
		2301	<li>
		2302	<a href="#">
		2303	<i class="icon-bag"></i> Separated link</a>
		2304	</li>
		2305	</ul>
		2306	</div>
		2307	</div>
		2308	</div>
		2309	<!-- END PAGE BAR -->
		2310	<!-- BEGIN PAGE TITLE-->
		2311	<h1 class="page-title"> Full Width Layout
		2312	<small>full width layout with mega menu</small>
		2313	</h1>
		2314	<!-- END PAGE TITLE-->
		2315	<!-- END PAGE HEADER-->
		2316	<div class="note note-info">
		2317	<p> Full width & fluid layout with horizontal mega menu. </p>
		2318	</div>
		2319	</div>
		2320	<!-- END CONTENT BODY -->
		2321	</div>
		2322	<!-- END CONTENT -->
		2323	<!-- BEGIN QUICK SIDEBAR -->
		2324	<a href="javascript:;" class="page-quick-sidebar-toggler">
		2325	<i class="icon-login"></i>
		2326	</a>
		2327	<div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
		2328	<div class="page-quick-sidebar">
		2329	<ul class="nav nav-tabs">
		2330	<li class="active">
		2331	<a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
		2332	<span class="badge badge-danger">2</span>
		2333	</a>
		2334	</li>
		2335	<li>
		2336	<a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
		2337	<span class="badge badge-success">7</span>
		2338	</a>
		2339	</li>
		2340	<li class="dropdown">
		2341	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
		2342	<i class="fa fa-angle-down"></i>
		2343	</a>
		2344	<ul class="dropdown-menu pull-right">
		2345	<li>
		2346	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		2347	<i class="icon-bell"></i> Alerts </a>
		2348	</li>
		2349	<li>
		2350	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		2351	<i class="icon-info"></i> Notifications </a>
		2352	</li>
		2353	<li>
		2354	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		2355	<i class="icon-speech"></i> Activities </a>
		2356	</li>
		2357	<li class="divider"></li>
		2358	<li>
		2359	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		2360	<i class="icon-settings"></i> Settings </a>
		2361	</li>
		2362	</ul>
		2363	</li>
		2364	</ul>
		2365	<div class="tab-content">
		2366	<div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
		2367	<div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
		2368	<h3 class="list-heading">Staff</h3>
		2369	<ul class="media-list list-items">
		2370	<li class="media">
		2371	<div class="media-status">
		2372	<span class="badge badge-success">8</span>
		2373	</div>
		2374	<img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
		2375	<div class="media-body">
		2376	<h4 class="media-heading">Bob Nilson</h4>
		2377	<div class="media-heading-sub"> Project Manager </div>
		2378	</div>
		2379	</li>
		2380	<li class="media">
		2381	<img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
		2382	<div class="media-body">
		2383	<h4 class="media-heading">Nick Larson</h4>
		2384	<div class="media-heading-sub"> Art Director </div>
		2385	</div>
		2386	</li>
		2387	<li class="media">
		2388	<div class="media-status">
		2389	<span class="badge badge-danger">3</span>
		2390	</div>
		2391	<img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
		2392	<div class="media-body">
		2393	<h4 class="media-heading">Deon Hubert</h4>
		2394	<div class="media-heading-sub"> CTO </div>
		2395	</div>
		2396	</li>
		2397	<li class="media">
		2398	<img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
		2399	<div class="media-body">
		2400	<h4 class="media-heading">Ella Wong</h4>
		2401	<div class="media-heading-sub"> CEO </div>
		2402	</div>
		2403	</li>
		2404	</ul>
		2405	<h3 class="list-heading">Customers</h3>
		2406	<ul class="media-list list-items">
		2407	<li class="media">
		2408	<div class="media-status">
		2409	<span class="badge badge-warning">2</span>
		2410	</div>
		2411	<img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
		2412	<div class="media-body">
		2413	<h4 class="media-heading">Lara Kunis</h4>
		2414	<div class="media-heading-sub"> CEO, Loop Inc </div>
		2415	<div class="media-heading-small"> Last seen 03:10 AM </div>
		2416	</div>
		2417	</li>
		2418	<li class="media">
		2419	<div class="media-status">
		2420	<span class="label label-sm label-success">new</span>
		2421	</div>
		2422	<img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
		2423	<div class="media-body">
		2424	<h4 class="media-heading">Ernie Kyllonen</h4>
		2425	<div class="media-heading-sub"> Project Manager,
		2426	<br> SmartBizz PTL </div>
		2427	</div>
		2428	</li>
		2429	<li class="media">
		2430	<img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
		2431	<div class="media-body">
		2432	<h4 class="media-heading">Lisa Stone</h4>
		2433	<div class="media-heading-sub"> CTO, Keort Inc </div>
		2434	<div class="media-heading-small"> Last seen 13:10 PM </div>
		2435	</div>
		2436	</li>
		2437	<li class="media">
		2438	<div class="media-status">
		2439	<span class="badge badge-success">7</span>
		2440	</div>
		2441	<img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
		2442	<div class="media-body">
		2443	<h4 class="media-heading">Deon Portalatin</h4>
		2444	<div class="media-heading-sub"> CFO, H&D LTD </div>
		2445	</div>
		2446	</li>
		2447	<li class="media">
		2448	<img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
		2449	<div class="media-body">
		2450	<h4 class="media-heading">Irina Savikova</h4>
		2451	<div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
		2452	</div>
		2453	</li>
		2454	<li class="media">
		2455	<div class="media-status">
		2456	<span class="badge badge-danger">4</span>
		2457	</div>
		2458	<img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
		2459	<div class="media-body">
		2460	<h4 class="media-heading">Maria Gomez</h4>
		2461	<div class="media-heading-sub"> Manager, Infomatic Inc </div>
		2462	<div class="media-heading-small"> Last seen 03:10 AM </div>
		2463	</div>
		2464	</li>
		2465	</ul>
		2466	</div>
		2467	<div class="page-quick-sidebar-item">
		2468	<div class="page-quick-sidebar-chat-user">
		2469	<div class="page-quick-sidebar-nav">
		2470	<a href="javascript:;" class="page-quick-sidebar-back-to-list">
		2471	<i class="icon-arrow-left"></i>Back</a>
		2472	</div>
		2473	<div class="page-quick-sidebar-chat-user-messages">
		2474	<div class="post out">
		2475	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		2476	<div class="message">
		2477	<span class="arrow"></span>
		2478	<a href="javascript:;" class="name">Bob Nilson</a>
		2479	<span class="datetime">20:15</span>
		2480	<span class="body"> When could you send me the report ? </span>
		2481	</div>
		2482	</div>
		2483	<div class="post in">
		2484	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		2485	<div class="message">
		2486	<span class="arrow"></span>
		2487	<a href="javascript:;" class="name">Ella Wong</a>
		2488	<span class="datetime">20:15</span>
		2489	<span class="body"> Its almost done. I will be sending it shortly </span>
		2490	</div>
		2491	</div>
		2492	<div class="post out">
		2493	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		2494	<div class="message">
		2495	<span class="arrow"></span>
		2496	<a href="javascript:;" class="name">Bob Nilson</a>
		2497	<span class="datetime">20:15</span>
		2498	<span class="body"> Alright. Thanks! :) </span>
		2499	</div>
		2500	</div>
		2501	<div class="post in">
		2502	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		2503	<div class="message">
		2504	<span class="arrow"></span>
		2505	<a href="javascript:;" class="name">Ella Wong</a>
		2506	<span class="datetime">20:16</span>
		2507	<span class="body"> You are most welcome. Sorry for the delay. </span>
		2508	</div>
		2509	</div>
		2510	<div class="post out">
		2511	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		2512	<div class="message">
		2513	<span class="arrow"></span>
		2514	<a href="javascript:;" class="name">Bob Nilson</a>
		2515	<span class="datetime">20:17</span>
		2516	<span class="body"> No probs. Just take your time :) </span>
		2517	</div>
		2518	</div>
		2519	<div class="post in">
		2520	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		2521	<div class="message">
		2522	<span class="arrow"></span>
		2523	<a href="javascript:;" class="name">Ella Wong</a>
		2524	<span class="datetime">20:40</span>
		2525	<span class="body"> Alright. I just emailed it to you. </span>
		2526	</div>
		2527	</div>
		2528	<div class="post out">
		2529	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		2530	<div class="message">
		2531	<span class="arrow"></span>
		2532	<a href="javascript:;" class="name">Bob Nilson</a>
		2533	<span class="datetime">20:17</span>
		2534	<span class="body"> Great! Thanks. Will check it right away. </span>
		2535	</div>
		2536	</div>
		2537	<div class="post in">
		2538	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		2539	<div class="message">
		2540	<span class="arrow"></span>
		2541	<a href="javascript:;" class="name">Ella Wong</a>
		2542	<span class="datetime">20:40</span>
		2543	<span class="body"> Please let me know if you have any comment. </span>
		2544	</div>
		2545	</div>
		2546	<div class="post out">
		2547	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		2548	<div class="message">
		2549	<span class="arrow"></span>
		2550	<a href="javascript:;" class="name">Bob Nilson</a>
		2551	<span class="datetime">20:17</span>
		2552	<span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
		2553	</div>
		2554	</div>
		2555	</div>
		2556	<div class="page-quick-sidebar-chat-user-form">
		2557	<div class="input-group">
		2558	<input type="text" class="form-control" placeholder="Type a message here...">
		2559	<div class="input-group-btn">
		2560	<button type="button" class="btn green">
		2561	<i class="icon-paper-clip"></i>
		2562	</button>
		2563	</div>
		2564	</div>
		2565	</div>
		2566	</div>
		2567	</div>
		2568	</div>
		2569	<div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
		2570	<div class="page-quick-sidebar-alerts-list">
		2571	<h3 class="list-heading">General</h3>
		2572	<ul class="feeds list-items">
		2573	<li>
		2574	<div class="col1">
		2575	<div class="cont">
		2576	<div class="cont-col1">
		2577	<div class="label label-sm label-info">
		2578	<i class="fa fa-check"></i>
		2579	</div>
		2580	</div>
		2581	<div class="cont-col2">
		2582	<div class="desc"> You have 4 pending tasks.
		2583	<span class="label label-sm label-warning "> Take action
		2584	<i class="fa fa-share"></i>
		2585	</span>
		2586	</div>
		2587	</div>
		2588	</div>
		2589	</div>
		2590	<div class="col2">
		2591	<div class="date"> Just now </div>
		2592	</div>
		2593	</li>
		2594	<li>
		2595	<a href="javascript:;">
		2596	<div class="col1">
		2597	<div class="cont">
		2598	<div class="cont-col1">
		2599	<div class="label label-sm label-success">
		2600	<i class="fa fa-bar-chart-o"></i>
		2601	</div>
		2602	</div>
		2603	<div class="cont-col2">
		2604	<div class="desc"> Finance Report for year 2013 has been released. </div>
		2605	</div>
		2606	</div>
		2607	</div>
		2608	<div class="col2">
		2609	<div class="date"> 20 mins </div>
		2610	</div>
		2611	</a>
		2612	</li>
		2613	<li>
		2614	<div class="col1">
		2615	<div class="cont">
		2616	<div class="cont-col1">
		2617	<div class="label label-sm label-danger">
		2618	<i class="fa fa-user"></i>
		2619	</div>
		2620	</div>
		2621	<div class="cont-col2">
		2622	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		2623	</div>
		2624	</div>
		2625	</div>
		2626	<div class="col2">
		2627	<div class="date"> 24 mins </div>
		2628	</div>
		2629	</li>
		2630	<li>
		2631	<div class="col1">
		2632	<div class="cont">
		2633	<div class="cont-col1">
		2634	<div class="label label-sm label-info">
		2635	<i class="fa fa-shopping-cart"></i>
		2636	</div>
		2637	</div>
		2638	<div class="cont-col2">
		2639	<div class="desc"> New order received with
		2640	<span class="label label-sm label-success"> Reference Number: DR23923 </span>
		2641	</div>
		2642	</div>
		2643	</div>
		2644	</div>
		2645	<div class="col2">
		2646	<div class="date"> 30 mins </div>
		2647	</div>
		2648	</li>
		2649	<li>
		2650	<div class="col1">
		2651	<div class="cont">
		2652	<div class="cont-col1">
		2653	<div class="label label-sm label-success">
		2654	<i class="fa fa-user"></i>
		2655	</div>
		2656	</div>
		2657	<div class="cont-col2">
		2658	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		2659	</div>
		2660	</div>
		2661	</div>
		2662	<div class="col2">
		2663	<div class="date"> 24 mins </div>
		2664	</div>
		2665	</li>
		2666	<li>
		2667	<div class="col1">
		2668	<div class="cont">
		2669	<div class="cont-col1">
		2670	<div class="label label-sm label-info">
		2671	<i class="fa fa-bell-o"></i>
		2672	</div>
		2673	</div>
		2674	<div class="cont-col2">
		2675	<div class="desc"> Web server hardware needs to be upgraded.
		2676	<span class="label label-sm label-warning"> Overdue </span>
		2677	</div>
		2678	</div>
		2679	</div>
		2680	</div>
		2681	<div class="col2">
		2682	<div class="date"> 2 hours </div>
		2683	</div>
		2684	</li>
		2685	<li>
		2686	<a href="javascript:;">
		2687	<div class="col1">
		2688	<div class="cont">
		2689	<div class="cont-col1">
		2690	<div class="label label-sm label-default">
		2691	<i class="fa fa-briefcase"></i>
		2692	</div>
		2693	</div>
		2694	<div class="cont-col2">
		2695	<div class="desc"> IPO Report for year 2013 has been released. </div>
		2696	</div>
		2697	</div>
		2698	</div>
		2699	<div class="col2">
		2700	<div class="date"> 20 mins </div>
		2701	</div>
		2702	</a>
		2703	</li>
		2704	</ul>
		2705	<h3 class="list-heading">System</h3>
		2706	<ul class="feeds list-items">
		2707	<li>
		2708	<div class="col1">
		2709	<div class="cont">
		2710	<div class="cont-col1">
		2711	<div class="label label-sm label-info">
		2712	<i class="fa fa-check"></i>
		2713	</div>
		2714	</div>
		2715	<div class="cont-col2">
		2716	<div class="desc"> You have 4 pending tasks.
		2717	<span class="label label-sm label-warning "> Take action
		2718	<i class="fa fa-share"></i>
		2719	</span>
		2720	</div>
		2721	</div>
		2722	</div>
		2723	</div>
		2724	<div class="col2">
		2725	<div class="date"> Just now </div>
		2726	</div>
		2727	</li>
		2728	<li>
		2729	<a href="javascript:;">
		2730	<div class="col1">
		2731	<div class="cont">
		2732	<div class="cont-col1">
		2733	<div class="label label-sm label-danger">
		2734	<i class="fa fa-bar-chart-o"></i>
		2735	</div>
		2736	</div>
		2737	<div class="cont-col2">
		2738	<div class="desc"> Finance Report for year 2013 has been released. </div>
		2739	</div>
		2740	</div>
		2741	</div>
		2742	<div class="col2">
		2743	<div class="date"> 20 mins </div>
		2744	</div>
		2745	</a>
		2746	</li>
		2747	<li>
		2748	<div class="col1">
		2749	<div class="cont">
		2750	<div class="cont-col1">
		2751	<div class="label label-sm label-default">
		2752	<i class="fa fa-user"></i>
		2753	</div>
		2754	</div>
		2755	<div class="cont-col2">
		2756	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		2757	</div>
		2758	</div>
		2759	</div>
		2760	<div class="col2">
		2761	<div class="date"> 24 mins </div>
		2762	</div>
		2763	</li>
		2764	<li>
		2765	<div class="col1">
		2766	<div class="cont">
		2767	<div class="cont-col1">
		2768	<div class="label label-sm label-info">
		2769	<i class="fa fa-shopping-cart"></i>
		2770	</div>
		2771	</div>
		2772	<div class="cont-col2">
		2773	<div class="desc"> New order received with
		2774	<span class="label label-sm label-success"> Reference Number: DR23923 </span>
		2775	</div>
		2776	</div>
		2777	</div>
		2778	</div>
		2779	<div class="col2">
		2780	<div class="date"> 30 mins </div>
		2781	</div>
		2782	</li>
		2783	<li>
		2784	<div class="col1">
		2785	<div class="cont">
		2786	<div class="cont-col1">
		2787	<div class="label label-sm label-success">
		2788	<i class="fa fa-user"></i>
		2789	</div>
		2790	</div>
		2791	<div class="cont-col2">
		2792	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		2793	</div>
		2794	</div>
		2795	</div>
		2796	<div class="col2">
		2797	<div class="date"> 24 mins </div>
		2798	</div>
		2799	</li>
		2800	<li>
		2801	<div class="col1">
		2802	<div class="cont">
		2803	<div class="cont-col1">
		2804	<div class="label label-sm label-warning">
		2805	<i class="fa fa-bell-o"></i>
		2806	</div>
		2807	</div>
		2808	<div class="cont-col2">
		2809	<div class="desc"> Web server hardware needs to be upgraded.
		2810	<span class="label label-sm label-default "> Overdue </span>
		2811	</div>
		2812	</div>
		2813	</div>
		2814	</div>
		2815	<div class="col2">
		2816	<div class="date"> 2 hours </div>
		2817	</div>
		2818	</li>
		2819	<li>
		2820	<a href="javascript:;">
		2821	<div class="col1">
		2822	<div class="cont">
		2823	<div class="cont-col1">
		2824	<div class="label label-sm label-info">
		2825	<i class="fa fa-briefcase"></i>
		2826	</div>
		2827	</div>
		2828	<div class="cont-col2">
		2829	<div class="desc"> IPO Report for year 2013 has been released. </div>
		2830	</div>
		2831	</div>
		2832	</div>
		2833	<div class="col2">
		2834	<div class="date"> 20 mins </div>
		2835	</div>
		2836	</a>
		2837	</li>
		2838	</ul>
		2839	</div>
		2840	</div>
		2841	<div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
		2842	<div class="page-quick-sidebar-settings-list">
		2843	<h3 class="list-heading">General Settings</h3>
		2844	<ul class="list-items borderless">
		2845	<li> Enable Notifications
		2846	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		2847	<li> Allow Tracking
		2848	<input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		2849	<li> Log Errors
		2850	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		2851	<li> Auto Sumbit Issues
		2852	<input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		2853	<li> Enable SMS Alerts
		2854	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		2855	</ul>
		2856	<h3 class="list-heading">System Settings</h3>
		2857	<ul class="list-items borderless">
		2858	<li> Security Level
		2859	<select class="form-control input-inline input-sm input-small">
		2860	<option value="1">Normal</option>
		2861	<option value="2" selected>Medium</option>
		2862	<option value="e">High</option>
		2863	</select>
		2864	</li>
		2865	<li> Failed Email Attempts
		2866	<input class="form-control input-inline input-sm input-small" value="5" /> </li>
		2867	<li> Secondary SMTP Port
		2868	<input class="form-control input-inline input-sm input-small" value="3560" /> </li>
		2869	<li> Notify On System Error
		2870	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		2871	<li> Notify On SMTP Error
		2872	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		2873	</ul>
		2874	<div class="inner-content">
		2875	<button class="btn btn-success">
		2876	<i class="icon-settings"></i> Save Changes</button>
		2877	</div>
		2878	</div>
		2879	</div>
		2880	</div>
		2881	</div>
		2882	</div>
		2883	<!-- END QUICK SIDEBAR -->
		2884	</div>
		2885	<!-- END CONTAINER -->
		2886	<!-- BEGIN FOOTER -->
		2887	<div class="page-footer">
		2888	<div class="page-footer-inner"> 2016 © Metronic Theme By
		2889	<a target="_blank" href="http://keenthemes.com">Keenthemes</a>  \|
		2890	<a href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes" title="Purchase Metronic just for 27$ and get lifetime updates for free" target="_blank">Purchase Metronic!</a>
		2891	</div>
		2892	<div class="scroll-to-top">
		2893	<i class="icon-arrow-up"></i>
		2894	</div>
		2895	</div>
		2896	<!-- END FOOTER -->
		2897	</div>
		2898	<!--[if lt IE 9]>
		2899	<script src="../assets/global/plugins/respond.min.js"></script>
		2900	<script src="../assets/global/plugins/excanvas.min.js"></script>
		2901	<![endif]-->
		2902	<!-- BEGIN CORE PLUGINS -->
		2903	<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
		2904	<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		2905	<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
		2906	<script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		2907	<script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		2908	<script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
		2909	<!-- END CORE PLUGINS -->
		2910	<!-- BEGIN THEME GLOBAL SCRIPTS -->
		2911	<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
		2912	<!-- END THEME GLOBAL SCRIPTS -->
		2913	<!-- BEGIN THEME LAYOUT SCRIPTS -->
		2914	<script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
		2915	<script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
		2916	<script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
		2917	<!-- END THEME LAYOUT SCRIPTS -->
		2918	</body>

Subversion Repositories Integrator Subversion

(root)/PROJETOS ANTERIORES/PROJETO ANTERIOR COM TEMPLATE/theme/admin_1/layout_full_width.html - Rev 1