WebSVN - Integrator Subversion - Blame - Rev 1 - /DOCUMENTOS E ANALISE/telas/templates/admin/layout_fontawesome

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.2
		4	Version: 3.6.2
		5	Author: KeenThemes
		6	Website: http://www.keenthemes.com/
		7	Contact: support@keenthemes.com
		8	Follow: www.twitter.com/keenthemes
		9	Like: www.facebook.com/keenthemes
		10	Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
		11	License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
		12	-->
		13	<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
		14	<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
		15	<!--[if !IE]><!-->
		16	<html lang="en">
		17	<!--<![endif]-->
		18	<!-- BEGIN HEAD -->
		19	<head>
		20	<meta charset="utf-8"/>
		21	<title>Metronic \| Page Layouts - Layout with Fontawesome Icons</title>
		22	<meta http-equiv="X-UA-Compatible" content="IE=edge">
		23	<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
		24	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		25	<meta content="" name="description"/>
		26	<meta content="" name="author"/>
		27	<!-- BEGIN GLOBAL MANDATORY STYLES -->
		28	<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css"/>
		29	<link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
		30	<link href="../../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
		31	<link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
		32	<link href="../../assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
		33	<link href="../../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
		34	<!-- END GLOBAL MANDATORY STYLES -->
		35	<!-- BEGIN THEME STYLES -->
		36	<link href="../../assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
		37	<link href="../../assets/global/css/plugins.css" rel="stylesheet" type="text/css"/>
		38	<link href="../../assets/admin/layout/css/layout.css" rel="stylesheet" type="text/css"/>
		39	<link id="style_color" href="../../assets/admin/layout/css/themes/darkblue.css" rel="stylesheet" type="text/css"/>
		40	<link href="../../assets/admin/layout/css/custom.css" rel="stylesheet" type="text/css"/>
		41	<!-- END THEME STYLES -->
		42	<link rel="shortcut icon" href="favicon.ico"/>
		43	</head>
		44	<!-- BEGIN BODY -->
		45	<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
		46	<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
		47	<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
		48	<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
		49	<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
		50	<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
		51	<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
		52	<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
		53	<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
		54	<body class="page-header-fixed page-quick-sidebar-over-content page-sidebar-closed-hide-logo">
		55	<!-- BEGIN HEADER -->
		56	<div class="page-header navbar navbar-fixed-top">
		57	<!-- BEGIN HEADER INNER -->
		58	<div class="page-header-inner">
		59	<!-- BEGIN LOGO -->
		60	<div class="page-logo">
		61	<a href="index.html">
		62	<img src="../../assets/admin/layout/img/logo.png" alt="logo" class="logo-default"/>
		63	</a>
		64	<div class="menu-toggler sidebar-toggler">
		65	</div>
		66	</div>
		67	<!-- END LOGO -->
		68	<!-- BEGIN HORIZANTAL MENU -->
		69	<!-- DOC: Remove "hor-menu-light" class to have a horizontal menu with theme background instead of white background -->
		70	<!-- 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 -->
		71	<div class="hor-menu hor-menu-light hidden-sm hidden-xs">
		72	<ul class="nav navbar-nav">
		73	<!-- DOC: Add data-hover="dropdown", data-close-others="true" and data-toggle="dropdown" attributes for the below "dropdown-toggle" links to enable hover dropdowns -->
		74	<li class="classic-menu-dropdown active">
		75	<a href="index.html">
		76	Dashboard <span class="selected">
		77	</span>
		78	</a>
		79	</li>
		80	<li class="mega-menu-dropdown">
		81	<a data-toggle="dropdown" href="lavascript:;" class="dropdown-toggle">
		82	Mega <i class="fa fa-angle-down"></i>
		83	</a>
		84	<ul class="dropdown-menu" style="min-width: 700px;">
		85	<li>
		86	<!-- Content container to add padding -->
		87	<div class="mega-menu-content">
		88	<div class="row">
		89	<div class="col-md-4">
		90	<ul class="mega-menu-submenu">
		91	<li>
		92	<h3>Layouts</h3>
		93	</li>
		94	<li>
		95	<a href="index_horizontal_menu.html">
		96	Dashboard & Mega Menu </a>
		97	</li>
		98	<li>
		99	<a href="layout_horizontal_sidebar_menu.html">
		100	Horizontal & Sidebar Menu </a>
		101	</li>
		102	<li>
		103	<a href="layout_glyphicons.html">
		104	Layout with Glyphicon <span class="badge badge-roundless badge-danger">
		105	new </span>
		106	</a>
		107	</li>
		108	<li>
		109	<a href="layout_horizontal_menu1.html">
		110	Horizontal Mega Menu 1 </a>
		111	</li>
		112	<li>
		113	<a href="layout_horizontal_menu2.html">
		114	Horizontal Mega Menu 2 </a>
		115	</li>
		116	<li>
		117	<a href="layout_search_on_header1.html">
		118	Search Box On Header 1 </a>
		119	</li>
		120	</ul>
		121	</div>
		122	<div class="col-md-4">
		123	<ul class="mega-menu-submenu">
		124	<li>
		125	<h3>More Layouts</h3>
		126	</li>
		127	<li>
		128	<a href="layout_search_on_header2.html">
		129	Search Box On Header 2 </a>
		130	</li>
		131	<li>
		132	<a href="layout_sidebar_search_option1.html">
		133	Sidebar Search Option 1 </a>
		134	</li>
		135	<li>
		136	<a href="layout_sidebar_search_option2.html">
		137	Sidebar Search Option 2 </a>
		138	</li>
		139	<li>
		140	<a href="layout_sidebar_reversed.html">
		141	Right Sidebar Page </a>
		142	</li>
		143	<li>
		144	<a href="layout_sidebar_fixed.html">
		145	Sidebar Fixed Page </a>
		146	</li>
		147	<li>
		148	<a href="layout_sidebar_closed.html">
		149	Sidebar Closed Page </a>
		150	</li>
		151	</ul>
		152	</div>
		153	<div class="col-md-4">
		154	<ul class="mega-menu-submenu">
		155	<li>
		156	<h3>Even More!</h3>
		157	</li>
		158	<li>
		159	<a href="layout_ajax.html">
		160	Content Loading via Ajax </a>
		161	</li>
		162	<li>
		163	<a href="layout_disabled_menu.html">
		164	Disabled Menu Links </a>
		165	</li>
		166	<li>
		167	<a href="layout_blank_page.html">
		168	Blank Page </a>
		169	</li>
		170	<li>
		171	<a href="layout_boxed_page.html">
		172	Boxed Page </a>
		173	</li>
		174	<li>
		175	<a href="layout_language_bar.html">
		176	Language Switch Bar </a>
		177	</li>
		178	</ul>
		179	</div>
		180	</div>
		181	</div>
		182	</li>
		183	</ul>
		184	</li>
		185	<li class="mega-menu-dropdown mega-menu-full">
		186	<a data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
		187	Full Mega <i class="fa fa-angle-down"></i>
		188	</a>
		189	<ul class="dropdown-menu">
		190	<li>
		191	<!-- Content container to add padding -->
		192	<div class="mega-menu-content ">
		193	<div class="row">
		194	<div class="col-md-8">
		195	<div class="row">
		196	<div class="col-md-4">
		197	<ul class="mega-menu-submenu">
		198	<li>
		199	<h3>Layouts</h3>
		200	</li>
		201	<li>
		202	<a href="index_horizontal_menu.html">
		203	<i class="fa fa-angle-right"></i> Dashboard & Mega Menu </a>
		204	</li>
		205	<li>
		206	<a href="layout_horizontal_sidebar_menu.html">
		207	<i class="fa fa-angle-right"></i> Horizontal & Sidebar Menu </a>
		208	</li>
		209	<li>
		210	<a href="layout_glyphicons.html">
		211	<i class="fa fa-angle-right"></i>
		212	Layout with Glyphicon <span class="badge badge-roundless badge-danger">
		213	new </span>
		214	</a>
		215	</li>
		216	<li>
		217	<a href="layout_horizontal_menu1.html">
		218	<i class="fa fa-angle-right"></i> Horizontal Mega Menu 1 </a>
		219	</li>
		220	<li>
		221	<a href="layout_horizontal_menu2.html">
		222	<i class="fa fa-angle-right"></i> Horizontal Mega Menu 2 </a>
		223	</li>
		224	<li>
		225	<a href="layout_search_on_header1.html">
		226	<i class="fa fa-angle-right"></i> Search Box On Header 1 </a>
		227	</li>
		228	</ul>
		229	</div>
		230	<div class="col-md-4">
		231	<ul class="mega-menu-submenu">
		232	<li>
		233	<h3>More Layouts</h3>
		234	</li>
		235	<li>
		236	<a href="layout_search_on_header2.html">
		237	<i class="fa fa-angle-right"></i> Search Box On Header 2 </a>
		238	</li>
		239	<li>
		240	<a href="layout_sidebar_search_option1.html">
		241	<i class="fa fa-angle-right"></i> Sidebar Search Option 1 </a>
		242	</li>
		243	<li>
		244	<a href="layout_sidebar_search_option2.html">
		245	<i class="fa fa-angle-right"></i> Sidebar Search Option 2 </a>
		246	</li>
		247	<li>
		248	<a href="layout_sidebar_reversed.html">
		249	<i class="fa fa-angle-right"></i> Right Sidebar Page </a>
		250	</li>
		251	<li>
		252	<a href="layout_sidebar_fixed.html">
		253	<i class="fa fa-angle-right"></i> Sidebar Fixed Page </a>
		254	</li>
		255	<li>
		256	<a href="layout_sidebar_closed.html">
		257	<i class="fa fa-angle-right"></i> Sidebar Closed Page </a>
		258	</li>
		259	</ul>
		260	</div>
		261	<div class="col-md-4">
		262	<ul class="mega-menu-submenu">
		263	<li>
		264	<h3>Even More!</h3>
		265	</li>
		266	<li>
		267	<a href="layout_disabled_menu.html">
		268	<i class="fa fa-angle-right"></i> Disabled Menu Links </a>
		269	</li>
		270	<li>
		271	<a href="layout_blank_page.html">
		272	<i class="fa fa-angle-right"></i> Blank Page </a>
		273	</li>
		274	<li>
		275	<a href="layout_boxed_page.html">
		276	<i class="fa fa-angle-right"></i> Boxed Page </a>
		277	</li>
		278	<li>
		279	<a href="layout_language_bar.html">
		280	<i class="fa fa-angle-right"></i> Language Switch Bar </a>
		281	</li>
		282	<li>
		283	<a href="layout_ajax.html">
		284	<i class="fa fa-angle-right"></i> Content Loading via Ajax </a>
		285	</li>
		286	</ul>
		287	</div>
		288	</div>
		289	</div>
		290	<div class="col-md-4">
		291	<div id="accordion" class="panel-group">
		292	<div class="panel panel-success">
		293	<div class="panel-heading">
		294	<h4 class="panel-title">
		295	<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" class="collapsed">
		296	Mega Menu Info #1 </a>
		297	</h4>
		298	</div>
		299	<div id="collapseOne" class="panel-collapse in">
		300	<div class="panel-body">
		301	Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
		302	</div>
		303	</div>
		304	</div>
		305	<div class="panel panel-danger">
		306	<div class="panel-heading">
		307	<h4 class="panel-title">
		308	<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="collapsed">
		309	Mega Menu Info #2 </a>
		310	</h4>
		311	</div>
		312	<div id="collapseTwo" class="panel-collapse collapse">
		313	<div class="panel-body">
		314	Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
		315	</div>
		316	</div>
		317	</div>
		318	<div class="panel panel-info">
		319	<div class="panel-heading">
		320	<h4 class="panel-title">
		321	<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
		322	Mega Menu Info #3 </a>
		323	</h4>
		324	</div>
		325	<div id="collapseThree" class="panel-collapse collapse">
		326	<div class="panel-body">
		327	Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
		328	</div>
		329	</div>
		330	</div>
		331	</div>
		332	</div>
		333	</div>
		334	</div>
		335	</li>
		336	</ul>
		337	</li>
		338	<li class="classic-menu-dropdown">
		339	<a data-toggle="dropdown" href="javascript:;">
		340	Classic <i class="fa fa-angle-down"></i>
		341	</a>
		342	<ul class="dropdown-menu pull-left">
		343	<li>
		344	<a href="#">
		345	<i class="fa fa-user"></i> Section 1 </a>
		346	</li>
		347	<li>
		348	<a href="#">
		349	<i class="fa fa-rocket"></i> Section 2 </a>
		350	</li>
		351	<li>
		352	<a href="#">
		353	<i class="fa fa-check"></i> Section 3 </a>
		354	</li>
		355	<li>
		356	<a href="#">
		357	<i class="fa fa-image"></i> Section 4 </a>
		358	</li>
		359	<li>
		360	<a href="#">
		361	<i class="fa fa-microphone"></i> Section 5 </a>
		362	</li>
		363	<li class="dropdown-submenu">
		364	<a href="javascript:;">
		365	<i class="fa fa-send-o"></i> More options </a>
		366	<ul class="dropdown-menu">
		367	<li>
		368	<a href="#">
		369	Second level link </a>
		370	</li>
		371	<li class="dropdown-submenu">
		372	<a href="javascript:;">
		373	More options </a>
		374	<ul class="dropdown-menu">
		375	<li>
		376	<a href="index.html">
		377	Third level link </a>
		378	</li>
		379	<li>
		380	<a href="index.html">
		381	Third level link </a>
		382	</li>
		383	<li>
		384	<a href="index.html">
		385	Third level link </a>
		386	</li>
		387	<li>
		388	<a href="index.html">
		389	Third level link </a>
		390	</li>
		391	<li>
		392	<a href="index.html">
		393	Third level link </a>
		394	</li>
		395	</ul>
		396	</li>
		397	<li>
		398	<a href="index.html">
		399	Second level link </a>
		400	</li>
		401	<li>
		402	<a href="index.html">
		403	Second level link </a>
		404	</li>
		405	<li>
		406	<a href="index.html">
		407	Second level link </a>
		408	</li>
		409	</ul>
		410	</li>
		411	</ul>
		412	</li>
		413	</ul>
		414	</div>
		415	<!-- END HORIZANTAL MENU -->
		416	<!-- BEGIN HEADER SEARCH BOX -->
		417	<!-- DOC: Apply "search-form-expanded" right after the "search-form" class to have half expanded search box -->
		418	<form class="search-form" action="extra_search.html" method="GET">
		419	<div class="input-group">
		420	<input type="text" class="form-control" placeholder="Search..." name="query">
		421	<span class="input-group-btn">
		422	<a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
		423	</span>
		424	</div>
		425	</form>
		426	<!-- END HEADER SEARCH BOX -->
		427	<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		428	<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
		429	</a>
		430	<!-- END RESPONSIVE MENU TOGGLER -->
		431	<!-- BEGIN TOP NAVIGATION MENU -->
		432	<div class="top-menu">
		433	<ul class="nav navbar-nav pull-right">
		434	<!-- BEGIN NOTIFICATION DROPDOWN -->
		435	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		436	<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
		437	<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		438	<i class="icon-bell"></i>
		439	<span class="badge badge-default">
		440	7 </span>
		441	</a>
		442	<ul class="dropdown-menu">
		443	<li class="external">
		444	<h3><span class="bold">12 pending</span> notifications</h3>
		445	<a href="extra_profile.html">view all</a>
		446	</li>
		447	<li>
		448	<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
		449	<li>
		450	<a href="javascript:;">
		451	<span class="time">just now</span>
		452	<span class="details">
		453	<span class="label label-sm label-icon label-success">
		454	<i class="fa fa-plus"></i>
		455	</span>
		456	New user registered. </span>
		457	</a>
		458	</li>
		459	<li>
		460	<a href="javascript:;">
		461	<span class="time">3 mins</span>
		462	<span class="details">
		463	<span class="label label-sm label-icon label-danger">
		464	<i class="fa fa-bolt"></i>
		465	</span>
		466	Server #12 overloaded. </span>
		467	</a>
		468	</li>
		469	<li>
		470	<a href="javascript:;">
		471	<span class="time">10 mins</span>
		472	<span class="details">
		473	<span class="label label-sm label-icon label-warning">
		474	<i class="fa fa-bell-o"></i>
		475	</span>
		476	Server #2 not responding. </span>
		477	</a>
		478	</li>
		479	<li>
		480	<a href="javascript:;">
		481	<span class="time">14 hrs</span>
		482	<span class="details">
		483	<span class="label label-sm label-icon label-info">
		484	<i class="fa fa-bullhorn"></i>
		485	</span>
		486	Application error. </span>
		487	</a>
		488	</li>
		489	<li>
		490	<a href="javascript:;">
		491	<span class="time">2 days</span>
		492	<span class="details">
		493	<span class="label label-sm label-icon label-danger">
		494	<i class="fa fa-bolt"></i>
		495	</span>
		496	Database overloaded 68%. </span>
		497	</a>
		498	</li>
		499	<li>
		500	<a href="javascript:;">
		501	<span class="time">3 days</span>
		502	<span class="details">
		503	<span class="label label-sm label-icon label-danger">
		504	<i class="fa fa-bolt"></i>
		505	</span>
		506	A user IP blocked. </span>
		507	</a>
		508	</li>
		509	<li>
		510	<a href="javascript:;">
		511	<span class="time">4 days</span>
		512	<span class="details">
		513	<span class="label label-sm label-icon label-warning">
		514	<i class="fa fa-bell-o"></i>
		515	</span>
		516	Storage Server #4 not responding dfdfdfd. </span>
		517	</a>
		518	</li>
		519	<li>
		520	<a href="javascript:;">
		521	<span class="time">5 days</span>
		522	<span class="details">
		523	<span class="label label-sm label-icon label-info">
		524	<i class="fa fa-bullhorn"></i>
		525	</span>
		526	System Error. </span>
		527	</a>
		528	</li>
		529	<li>
		530	<a href="javascript:;">
		531	<span class="time">9 days</span>
		532	<span class="details">
		533	<span class="label label-sm label-icon label-danger">
		534	<i class="fa fa-bolt"></i>
		535	</span>
		536	Storage server failed. </span>
		537	</a>
		538	</li>
		539	</ul>
		540	</li>
		541	</ul>
		542	</li>
		543	<!-- END NOTIFICATION DROPDOWN -->
		544	<!-- BEGIN INBOX DROPDOWN -->
		545	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		546	<li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
		547	<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		548	<i class="icon-envelope-open"></i>
		549	<span class="badge badge-default">
		550	4 </span>
		551	</a>
		552	<ul class="dropdown-menu">
		553	<li class="external">
		554	<h3>You have <span class="bold">7 New</span> Messages</h3>
		555	<a href="page_inbox.html">view all</a>
		556	</li>
		557	<li>
		558	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		559	<li>
		560	<a href="inbox.html?a=view">
		561	<span class="photo">
		562	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		563	</span>
		564	<span class="subject">
		565	<span class="from">
		566	Lisa Wong </span>
		567	<span class="time">Just Now </span>
		568	</span>
		569	<span class="message">
		570	Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		571	</a>
		572	</li>
		573	<li>
		574	<a href="inbox.html?a=view">
		575	<span class="photo">
		576	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		577	</span>
		578	<span class="subject">
		579	<span class="from">
		580	Richard Doe </span>
		581	<span class="time">16 mins </span>
		582	</span>
		583	<span class="message">
		584	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		585	</a>
		586	</li>
		587	<li>
		588	<a href="inbox.html?a=view">
		589	<span class="photo">
		590	<img src="../../assets/admin/layout3/img/avatar1.jpg" class="img-circle" alt="">
		591	</span>
		592	<span class="subject">
		593	<span class="from">
		594	Bob Nilson </span>
		595	<span class="time">2 hrs </span>
		596	</span>
		597	<span class="message">
		598	Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		599	</a>
		600	</li>
		601	<li>
		602	<a href="inbox.html?a=view">
		603	<span class="photo">
		604	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		605	</span>
		606	<span class="subject">
		607	<span class="from">
		608	Lisa Wong </span>
		609	<span class="time">40 mins </span>
		610	</span>
		611	<span class="message">
		612	Vivamus sed auctor 40% nibh congue nibh... </span>
		613	</a>
		614	</li>
		615	<li>
		616	<a href="inbox.html?a=view">
		617	<span class="photo">
		618	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		619	</span>
		620	<span class="subject">
		621	<span class="from">
		622	Richard Doe </span>
		623	<span class="time">46 mins </span>
		624	</span>
		625	<span class="message">
		626	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		627	</a>
		628	</li>
		629	</ul>
		630	</li>
		631	</ul>
		632	</li>
		633	<!-- END INBOX DROPDOWN -->
		634	<!-- BEGIN TODO DROPDOWN -->
		635	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		636	<li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
		637	<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		638	<i class="icon-calendar"></i>
		639	<span class="badge badge-default">
		640	3 </span>
		641	</a>
		642	<ul class="dropdown-menu extended tasks">
		643	<li class="external">
		644	<h3>You have <span class="bold">12 pending</span> tasks</h3>
		645	<a href="page_todo.html">view all</a>
		646	</li>
		647	<li>
		648	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		649	<li>
		650	<a href="javascript:;">
		651	<span class="task">
		652	<span class="desc">New release v1.2 </span>
		653	<span class="percent">30%</span>
		654	</span>
		655	<span class="progress">
		656	<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">40% Complete</span></span>
		657	</span>
		658	</a>
		659	</li>
		660	<li>
		661	<a href="javascript:;">
		662	<span class="task">
		663	<span class="desc">Application deployment</span>
		664	<span class="percent">65%</span>
		665	</span>
		666	<span class="progress">
		667	<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">65% Complete</span></span>
		668	</span>
		669	</a>
		670	</li>
		671	<li>
		672	<a href="javascript:;">
		673	<span class="task">
		674	<span class="desc">Mobile app release</span>
		675	<span class="percent">98%</span>
		676	</span>
		677	<span class="progress">
		678	<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">98% Complete</span></span>
		679	</span>
		680	</a>
		681	</li>
		682	<li>
		683	<a href="javascript:;">
		684	<span class="task">
		685	<span class="desc">Database migration</span>
		686	<span class="percent">10%</span>
		687	</span>
		688	<span class="progress">
		689	<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">10% Complete</span></span>
		690	</span>
		691	</a>
		692	</li>
		693	<li>
		694	<a href="javascript:;">
		695	<span class="task">
		696	<span class="desc">Web server upgrade</span>
		697	<span class="percent">58%</span>
		698	</span>
		699	<span class="progress">
		700	<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">58% Complete</span></span>
		701	</span>
		702	</a>
		703	</li>
		704	<li>
		705	<a href="javascript:;">
		706	<span class="task">
		707	<span class="desc">Mobile development</span>
		708	<span class="percent">85%</span>
		709	</span>
		710	<span class="progress">
		711	<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">85% Complete</span></span>
		712	</span>
		713	</a>
		714	</li>
		715	<li>
		716	<a href="javascript:;">
		717	<span class="task">
		718	<span class="desc">New UI release</span>
		719	<span class="percent">38%</span>
		720	</span>
		721	<span class="progress progress-striped">
		722	<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">38% Complete</span></span>
		723	</span>
		724	</a>
		725	</li>
		726	</ul>
		727	</li>
		728	</ul>
		729	</li>
		730	<!-- END TODO DROPDOWN -->
		731	<!-- BEGIN USER LOGIN DROPDOWN -->
		732	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		733	<li class="dropdown dropdown-user">
		734	<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		735	<img alt="" class="img-circle" src="../../assets/admin/layout/img/avatar3_small.jpg"/>
		736	<span class="username username-hide-on-mobile">
		737	Nick </span>
		738	<i class="fa fa-angle-down"></i>
		739	</a>
		740	<ul class="dropdown-menu dropdown-menu-default">
		741	<li>
		742	<a href="extra_profile.html">
		743	<i class="icon-user"></i> My Profile </a>
		744	</li>
		745	<li>
		746	<a href="page_calendar.html">
		747	<i class="icon-calendar"></i> My Calendar </a>
		748	</li>
		749	<li>
		750	<a href="inbox.html">
		751	<i class="icon-envelope-open"></i> My Inbox <span class="badge badge-danger">
		752	3 </span>
		753	</a>
		754	</li>
		755	<li>
		756	<a href="page_todo.html">
		757	<i class="icon-rocket"></i> My Tasks <span class="badge badge-success">
		758	7 </span>
		759	</a>
		760	</li>
		761	<li class="divider">
		762	</li>
		763	<li>
		764	<a href="extra_lock.html">
		765	<i class="icon-lock"></i> Lock Screen </a>
		766	</li>
		767	<li>
		768	<a href="login.html">
		769	<i class="icon-key"></i> Log Out </a>
		770	</li>
		771	</ul>
		772	</li>
		773	<!-- END USER LOGIN DROPDOWN -->
		774	<!-- BEGIN QUICK SIDEBAR TOGGLER -->
		775	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		776	<li class="dropdown dropdown-quick-sidebar-toggler">
		777	<a href="javascript:;" class="dropdown-toggle">
		778	<i class="icon-logout"></i>
		779	</a>
		780	</li>
		781	<!-- END QUICK SIDEBAR TOGGLER -->
		782	</ul>
		783	</div>
		784	<!-- END TOP NAVIGATION MENU -->
		785	</div>
		786	<!-- END HEADER INNER -->
		787	</div>
		788	<!-- END HEADER -->
		789	<div class="clearfix">
		790	</div>
		791	<!-- BEGIN CONTAINER -->
		792	<div class="page-container">
		793	<!-- BEGIN SIDEBAR -->
		794	<div class="page-sidebar navbar-collapse collapse">
		795	<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
		796	<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
		797	<!-- BEGIN SIDEBAR MENU1 -->
		798	<ul class="page-sidebar-menu hidden-sm hidden-xs" data-auto-scroll="true" data-slide-speed="200">
		799	<!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
		800	<!-- DOC: This is mobile version of the horizontal menu. The desktop version is defined(duplicated) in the header above -->
		801	<li class="sidebar-search-wrapper">
		802	<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
		803	<!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
		804	<!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->
		805	<form class="sidebar-search sidebar-search-bordered" action="extra_search.html" method="POST">
		806	<a href="javascript:;" class="remove">
		807	<i class="icon-close"></i>
		808	</a>
		809	<div class="input-group">
		810	<input type="text" class="form-control" placeholder="Search...">
		811	<span class="input-group-btn">
		812	<a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
		813	</span>
		814	</div>
		815	</form>
		816	<!-- END RESPONSIVE QUICK SEARCH FORM -->
		817	</li>
		818	<li class="start active open">
		819	<a href="javascript:;">
		820	<i class="fa fa-send-o"></i>
		821	<span class="title">
		822	Page Layouts </span>
		823	<span class="selected ">
		824	</span>
		825	<span class="arrow open">
		826	</span>
		827	</a>
		828	<ul class="sub-menu">
		829	<li class="active">
		830	<a href="layout_fontawesome_icons.html">
		831	<i class="fa fa-warning"></i>
		832	<span class="badge badge-roundless badge-danger">new</span>Layout with Fontawesome Icons</a>
		833	</li>
		834	<li>
		835	<a href="layout_glyphicons.html">
		836	<i class="fa fa-cog"></i>
		837	Layout with Glyphicon</a>
		838	</li>
		839	<li>
		840	<a href="layout_full_height_portlet.html">
		841	<i class="fa fa-umbrella"></i>
		842	<span class="badge badge-roundless badge-success">new</span>Full Height Portlet</a>
		843	</li>
		844	<li>
		845	<a href="layout_full_height_content.html">
		846	<i class="fa fa-font"></i>
		847	<span class="badge badge-roundless badge-warning">new</span>Full Height Content</a>
		848	</li>
		849	<li>
		850	<a href="layout_language_bar.html">
		851	<i class="fa fa-paperclip"></i>
		852	<span class="badge badge-roundless badge-danger">
		853	new </span>
		854	Language Bar </a>
		855	</li>
		856	<li>
		857	<a href="layout_horizontal_sidebar_menu.html">
		858	<i class="fa fa-table"></i>
		859	Horizontal & Sidebar </a>
		860	</li>
		861	<li>
		862	<a href="layout_horizontal_menu1.html">
		863	<i class="fa fa-user"></i>
		864	Horizontal Menu 1 </a>
		865	</li>
		866	<li>
		867	<a href="layout_horizontal_menu2.html">
		868	<i class="fa fa-briefcase"></i>
		869	Horizontal Menu 2 </a>
		870	</li>
		871	<li>
		872	<a href="layout_disabled_menu.html">
		873	<i class="fa fa-user"></i>
		874	Disabled Menu Links </a>
		875	</li>
		876	<li>
		877	<a href="layout_ajax.html">
		878	<i class="fa fa-th-large"></i>
		879	Content Loading via Ajax </a>
		880	</li>
		881	<li>
		882	<a href="layout_sidebar_closed.html">
		883	<i class="fa fa-file-o"></i>
		884	Sidebar Closed Page </a>
		885	</li>
		886	<li>
		887	<a href="layout_sidebar_fixed.html">
		888	<i class="fa fa-link"></i>
		889	Sidebar Fixed Page </a>
		890	</li>
		891	<li>
		892	<a href="layout_blank_page.html">
		893	<i class="fa fa-search"></i>
		894	Blank Page </a>
		895	</li>
		896	<li>
		897	<a href="layout_boxed_page.html">
		898	<i class="fa fa-times"></i>
		899	Boxed Page </a>
		900	</li>
		901	</ul>
		902	</li>
		903	<li>
		904	<a href="javascript:;">
		905	<i class="fa fa-rocket"></i>
		906	<span class="title">
		907	Portlets </span>
		908	<span class="arrow ">
		909	</span>
		910	</a>
		911	<ul class="sub-menu">
		912	<li>
		913	<a href="portlet_general.html">
		914	<i class="fa fa-check"></i> General Portlets </a>
		915	</li>
		916	<li>
		917	<a href="portlet_draggable.html">
		918	<i class="fa fa-microphone"></i> Draggable Portlets </a>
		919	</li>
		920	</ul>
		921	</li>
		922	<li>
		923	<a href="javascript:;">
		924	<i class="fa fa-map-marker"></i>
		925	<span class="title">
		926	Maps </span>
		927	<span class="arrow ">
		928	</span>
		929	</a>
		930	<ul class="sub-menu">
		931	<li>
		932	<a href="maps_google.html">
		933	Google Maps </a>
		934	</li>
		935	<li>
		936	<a href="maps_vector.html">
		937	Vector Maps </a>
		938	</li>
		939	</ul>
		940	</li>
		941	<li>
		942	<a href="charts.html">
		943	<i class="fa fa-image"></i>
		944	<span class="title">
		945	Visual Charts </span>
		946	</a>
		947	</li>
		948	<li class="last">
		949	<a href="login.html">
		950	<i class="fa fa-user"></i>
		951	<span class="title">
		952	Login Page </span>
		953	</a>
		954	</li>
		955	</ul>
		956	<!-- END SIDEBAR MENU1 -->
		957	<!-- BEGIN RESPONSIVE MENU FOR HORIZONTAL & SIDEBAR MENU -->
		958	<ul class="page-sidebar-menu visible-sm visible-xs" data-slide-speed="200" data-auto-scroll="true">
		959	<!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
		960	<!-- DOC: This is mobile version of the horizontal menu. The desktop version is defined(duplicated) in the header above -->
		961	<li class="sidebar-search-wrapper">
		962	<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
		963	<!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
		964	<!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->
		965	<form class="sidebar-search sidebar-search-bordered" action="extra_search.html" method="POST">
		966	<a href="javascript:;" class="remove">
		967	</a>
		968	<div class="input-group">
		969	<input type="text" class="form-control" placeholder="Search...">
		970	<span class="input-group-btn">
		971	<input class="btn submit" type="button" type="button" value=" "/>
		972	</span>
		973	</div>
		974	</form>
		975	<!-- END RESPONSIVE QUICK SEARCH FORM -->
		976	</li>
		977	<li class="active open">
		978	<a href="index.html">
		979	Dashboard <span class="selected">
		980	</span>
		981	<span class="arrow open">
		982	</span>
		983	</a>
		984	<ul class="sub-menu">
		985	<li class="active">
		986	<a href="javascript:;">
		987	<i class="icon-badge"></i>
		988	<span class="title">
		989	Page Layouts </span>
		990	<span class="arrow open">
		991	</span>
		992	</a>
		993	<ul class="sub-menu">
		994	<li class="active">
		995	<a href="layout_fontawesome_icons.html">
		996	<i class="icon-bubbles"></i>
		997	<span class="badge badge-roundless badge-danger">new</span>Layout with Fontawesome Icons</a>
		998	</li>
		999	<li>
		1000	<a href="layout_glyphicons.html">
		1001	<i class=" icon-feed"></i>
		1002	Layout with Glyphicon</a>
		1003	</li>
		1004	<li>
		1005	<a href="layout_full_height_portlet.html">
		1006	<i class="icon-calendar"></i>
		1007	<span class="badge badge-roundless badge-success">new</span>Full Height Portlet</a>
		1008	</li>
		1009	<li>
		1010	<a href="layout_full_height_content.html">
		1011	<i class="icon-cloud-download"></i>
		1012	<span class="badge badge-roundless badge-warning">new</span>Full Height Content</a>
		1013	</li>
		1014	<li>
		1015	<a href="layout_language_bar.html">
		1016	<i class="icon-plane"></i>
		1017	<span class="badge badge-roundless badge-danger">
		1018	new </span>
		1019	Language Bar </a>
		1020	</li>
		1021	<li>
		1022	<a href="layout_horizontal_sidebar_menu.html">
		1023	<i class=" icon-shield"></i>
		1024	Horizontal & Sidebar </a>
		1025	</li>
		1026	<li>
		1027	<a href="layout_horizontal_menu1.html">
		1028	<i class="icon-fire"></i>
		1029	Horizontal Menu 1 </a>
		1030	</li>
		1031	<li>
		1032	<a href="layout_horizontal_menu2.html">
		1033	<i class="icon-briefcase"></i>
		1034	Horizontal Menu 2 </a>
		1035	</li>
		1036	<li>
		1037	<a href="layout_disabled_menu.html">
		1038	<i class="icon-drop"></i>
		1039	Disabled Menu Links </a>
		1040	</li>
		1041	<li>
		1042	<a href="layout_ajax.html">
		1043	<i class="icon-puzzle"></i>
		1044	Content Loading via Ajax </a>
		1045	</li>
		1046	<li>
		1047	<a href="layout_sidebar_closed.html">
		1048	<i class="icon-speech"></i>
		1049	Sidebar Closed Page </a>
		1050	</li>
		1051	<li>
		1052	<a href="layout_sidebar_fixed.html">
		1053	<i class="icon-equalizer"></i>
		1054	Sidebar Fixed Page </a>
		1055	</li>
		1056	<li>
		1057	<a href="layout_blank_page.html">
		1058	<i class="icon-rocket"></i>
		1059	Blank Page </a>
		1060	</li>
		1061	<li>
		1062	<a href="layout_boxed_page.html">
		1063	<i class="icon-close"></i>
		1064	Boxed Page </a>
		1065	</li>
		1066	</ul>
		1067	</li>
		1068	<li>
		1069	<a href="javascript:;">
		1070	<i class="icon-drop"></i>
		1071	<span class="title">
		1072	Portlets </span>
		1073	<span class="arrow ">
		1074	</span>
		1075	</a>
		1076	<ul class="sub-menu">
		1077	<li>
		1078	<a href="portlet_general.html">
		1079	General Portlets </a>
		1080	</li>
		1081	<li>
		1082	<a href="portlet_draggable.html">
		1083	Draggable Portlets </a>
		1084	</li>
		1085	</ul>
		1086	</li>
		1087	<li>
		1088	<a href="javascript:;">
		1089	<i class="icon-graph"></i>
		1090	<span class="title">
		1091	Maps </span>
		1092	<span class="arrow ">
		1093	</span>
		1094	</a>
		1095	<ul class="sub-menu">
		1096	<li>
		1097	<a href="maps_google.html">
		1098	Google Maps </a>
		1099	</li>
		1100	<li>
		1101	<a href="maps_vector.html">
		1102	Vector Maps </a>
		1103	</li>
		1104	</ul>
		1105	</li>
		1106	<li>
		1107	<a href="charts.html">
		1108	<i class="icon-share"></i>
		1109	<span class="title">
		1110	Visual Charts </span>
		1111	</a>
		1112	</li>
		1113	<li>
		1114	<a href="login.html">
		1115	<i class="icon-key"></i>
		1116	<span class="title">
		1117	Login Page </span>
		1118	</a>
		1119	</li>
		1120	</ul>
		1121	</li>
		1122	<li>
		1123	<a href="#">
		1124	Mega <span class="arrow">
		1125	</span>
		1126	</a>
		1127	<ul class="sub-menu">
		1128	<li>
		1129	<a href="#">
		1130	Layouts <span class="arrow">
		1131	</span>
		1132	</a>
		1133	<ul class="sub-menu">
		1134	<li>
		1135	<a href="index_horizontal_menu.html">
		1136	Dashboard & Mega Menu </a>
		1137	</li>
		1138	<li>
		1139	<a href="layout_glyphicons.html">
		1140	<span class="badge badge-roundless badge-danger">
		1141	new </span>
		1142	Layout with Glyphicon </a>
		1143	</li>
		1144	<li>
		1145	<a href="layout_horizontal_sidebar_menu.html">
		1146	Horizontal & Sidebar Menu </a>
		1147	</li>
		1148	<li>
		1149	<a href="layout_horizontal_menu1.html">
		1150	Horizontal Mega Menu 1 </a>
		1151	</li>
		1152	<li>
		1153	<a href="layout_horizontal_menu2.html">
		1154	Horizontal Mega Menu 2 </a>
		1155	</li>
		1156	<li>
		1157	<a href="layout_search_on_header1.html">
		1158	Search Box On Header 1 </a>
		1159	</li>
		1160	</ul>
		1161	</li>
		1162	<li>
		1163	<a href="#">
		1164	More Layouts <span class="arrow">
		1165	</span>
		1166	</a>
		1167	<ul class="sub-menu">
		1168	<li>
		1169	<a href="layout_search_on_header2.html">
		1170	Search Box On Header 2 </a>
		1171	</li>
		1172	<li>
		1173	<a href="layout_sidebar_search_option1.html">
		1174	Sidebar Search Option 1 </a>
		1175	</li>
		1176	<li>
		1177	<a href="layout_sidebar_search_option2.html">
		1178	Sidebar Search Option 2 </a>
		1179	</li>
		1180	<li>
		1181	<a href="layout_sidebar_reversed.html">
		1182	<span class="badge badge-roundless badge-success">
		1183	new </span>
		1184	Right Sidebar Page </a>
		1185	</li>
		1186	<li>
		1187	<a href="layout_sidebar_fixed.html">
		1188	Sidebar Fixed Page </a>
		1189	</li>
		1190	<li>
		1191	<a href="layout_sidebar_closed.html">
		1192	Sidebar Closed Page </a>
		1193	</li>
		1194	</ul>
		1195	</li>
		1196	<li>
		1197	<a href="#">
		1198	Even More <span class="arrow">
		1199	</span>
		1200	</a>
		1201	<ul class="sub-menu">
		1202	<li>
		1203	<a href="layout_ajax.html">
		1204	Content Loading via Ajax </a>
		1205	</li>
		1206	<li>
		1207	<a href="layout_disabled_menu.html">
		1208	Disabled Menu Links </a>
		1209	</li>
		1210	<li>
		1211	<a href="layout_blank_page.html">
		1212	Blank Page </a>
		1213	</li>
		1214	<li>
		1215	<a href="layout_boxed_page.html">
		1216	Boxed Page </a>
		1217	</li>
		1218	<li>
		1219	<a href="layout_language_bar.html">
		1220	Language Switch Bar </a>
		1221	</li>
		1222	</ul>
		1223	</li>
		1224	</ul>
		1225	</li>
		1226	<li>
		1227	<a href="#">
		1228	Full Mega <span class="arrow">
		1229	</span>
		1230	</a>
		1231	<ul class="sub-menu">
		1232	<li>
		1233	<a href="#">
		1234	Layouts <span class="arrow">
		1235	</span>
		1236	</a>
		1237	<ul class="sub-menu">
		1238	<li>
		1239	<a href="index_horizontal_menu.html">
		1240	Dashboard & Mega Menu </a>
		1241	</li>
		1242	<li>
		1243	<a href="layout_horizontal_sidebar_menu.html">
		1244	Horizontal & Sidebar Menu </a>
		1245	</li>
		1246	<li>
		1247	<a href="layout_horizontal_menu1.html">
		1248	Horizontal Mega Menu 1 </a>
		1249	</li>
		1250	<li>
		1251	<a href="layout_horizontal_menu2.html">
		1252	Horizontal Mega Menu 2 </a>
		1253	</li>
		1254	<li>
		1255	<a href="layout_search_on_header1.html">
		1256	Search Box On Header 1 </a>
		1257	</li>
		1258	<li>
		1259	<a href="layout_search_on_header2.html">
		1260	Search Box On Header 2 </a>
		1261	</li>
		1262	</ul>
		1263	</li>
		1264	<li>
		1265	<a href="#">
		1266	More Layouts <span class="arrow">
		1267	</span>
		1268	</a>
		1269	<ul class="sub-menu">
		1270	<li>
		1271	<a href="layout_sidebar_search_option1.html">
		1272	Sidebar Search Option 1 </a>
		1273	</li>
		1274	<li>
		1275	<a href="layout_sidebar_search_option2.html">
		1276	Sidebar Search Option 2 </a>
		1277	</li>
		1278	<li>
		1279	<a href="layout_sidebar_reversed.html">
		1280	<span class="badge badge-roundless badge-success">
		1281	new </span>
		1282	Right Sidebar Page </a>
		1283	</li>
		1284	<li>
		1285	<a href="layout_sidebar_fixed.html">
		1286	Sidebar Fixed Page </a>
		1287	</li>
		1288	<li>
		1289	<a href="layout_sidebar_closed.html">
		1290	Sidebar Closed Page </a>
		1291	</li>
		1292	<li>
		1293	<a href="layout_ajax.html">
		1294	Content Loading via Ajax </a>
		1295	</li>
		1296	</ul>
		1297	</li>
		1298	<li>
		1299	<a href="#">
		1300	Even More <span class="arrow">
		1301	</span>
		1302	</a>
		1303	<ul class="sub-menu">
		1304	<li>
		1305	<a href="layout_disabled_menu.html">
		1306	Disabled Menu Links </a>
		1307	</li>
		1308	<li>
		1309	<a href="layout_blank_page.html">
		1310	Blank Page </a>
		1311	</li>
		1312	<li>
		1313	<a href="layout_boxed_page.html">
		1314	Boxed Page </a>
		1315	</li>
		1316	<li>
		1317	<a href="layout_language_bar.html">
		1318	Language Switch Bar </a>
		1319	</li>
		1320	</ul>
		1321	</li>
		1322	<li>
		1323	<a href="#">
		1324	Accordions <span class="arrow">
		1325	</span>
		1326	</a>
		1327	<ul class="sub-menu">
		1328	<li>
		1329	<div id="accordion2" class="panel-group mega-menu-responsive-content">
		1330	<div class="panel panel-success">
		1331	<div class="panel-heading">
		1332	<h4 class="panel-title">
		1333	<a data-toggle="collapse" data-parent="#accordion2" href="#collapseOne2" class="collapsed">
		1334	Mega Menu Info #1 </a>
		1335	</h4>
		1336	</div>
		1337	<div id="collapseOne2" class="panel-collapse in">
		1338	<div class="panel-body">
		1339	Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
		1340	</div>
		1341	</div>
		1342	</div>
		1343	<div class="panel panel-danger">
		1344	<div class="panel-heading">
		1345	<h4 class="panel-title">
		1346	<a data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo2" class="collapsed">
		1347	Mega Menu Info #2 </a>
		1348	</h4>
		1349	</div>
		1350	<div id="collapseTwo2" class="panel-collapse collapse">
		1351	<div class="panel-body">
		1352	Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
		1353	</div>
		1354	</div>
		1355	</div>
		1356	<div class="panel panel-info">
		1357	<div class="panel-heading">
		1358	<h4 class="panel-title">
		1359	<a data-toggle="collapse" data-parent="#accordion2" href="#collapseThree2">
		1360	Mega Menu Info #3 </a>
		1361	</h4>
		1362	</div>
		1363	<div id="collapseThree2" class="panel-collapse collapse">
		1364	<div class="panel-body">
		1365	Metronic Mega Menu Works for fixed and responsive layout and has the facility to include (almost) any Bootstrap elements.
		1366	</div>
		1367	</div>
		1368	</div>
		1369	</div>
		1370	</li>
		1371	</ul>
		1372	</li>
		1373	</ul>
		1374	</li>
		1375	<li>
		1376	<a>
		1377	Classic <span class="arrow">
		1378	</span>
		1379	</a>
		1380	<ul class="sub-menu">
		1381	<li>
		1382	<a href="#">
		1383	Section 1 </a>
		1384	</li>
		1385	<li>
		1386	<a href="#">
		1387	Section 2 </a>
		1388	</li>
		1389	<li>
		1390	<a href="#">
		1391	Section 3 </a>
		1392	</li>
		1393	<li>
		1394	<a href="#">
		1395	Section 4 </a>
		1396	</li>
		1397	<li>
		1398	<a href="#">
		1399	Section 5 </a>
		1400	</li>
		1401	<li>
		1402	<a href="javascript:;">
		1403	More options <span class="arrow">
		1404	</span>
		1405	</a>
		1406	<ul class="sub-menu">
		1407	<li>
		1408	<a href="#">
		1409	Second level link </a>
		1410	</li>
		1411	<li class="sub-menu">
		1412	<a href="javascript:;">
		1413	More options <span class="arrow">
		1414	</span>
		1415	</a>
		1416	<ul class="sub-menu">
		1417	<li>
		1418	<a href="index.html">
		1419	Third level link </a>
		1420	</li>
		1421	<li>
		1422	<a href="index.html">
		1423	Third level link </a>
		1424	</li>
		1425	<li>
		1426	<a href="index.html">
		1427	Third level link </a>
		1428	</li>
		1429	<li>
		1430	<a href="index.html">
		1431	Third level link </a>
		1432	</li>
		1433	<li>
		1434	<a href="index.html">
		1435	Third level link </a>
		1436	</li>
		1437	</ul>
		1438	</li>
		1439	<li>
		1440	<a href="index.html">
		1441	Second level link </a>
		1442	</li>
		1443	<li>
		1444	<a href="index.html">
		1445	Second level link </a>
		1446	</li>
		1447	<li>
		1448	<a href="index.html">
		1449	Second level link </a>
		1450	</li>
		1451	</ul>
		1452	</li>
		1453	</ul>
		1454	</li>
		1455	<li>
		1456	<a href="">
		1457	Link </a>
		1458	</li>
		1459	</ul>
		1460	<!-- END RESPONSIVE MENU FOR HORIZONTAL & SIDEBAR MENU -->
		1461	</div>
		1462	<!-- END SIDEBAR -->
		1463	<!-- BEGIN CONTENT -->
		1464	<div class="page-content-wrapper">
		1465	<div class="page-content">
		1466	<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1467	<div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		1468	<div class="modal-dialog">
		1469	<div class="modal-content">
		1470	<div class="modal-header">
		1471	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		1472	<h4 class="modal-title">Modal title</h4>
		1473	</div>
		1474	<div class="modal-body">
		1475	Widget settings form goes here
		1476	</div>
		1477	<div class="modal-footer">
		1478	<button type="button" class="btn blue">Save changes</button>
		1479	<button type="button" class="btn default" data-dismiss="modal">Close</button>
		1480	</div>
		1481	</div>
		1482	<!-- /.modal-content -->
		1483	</div>
		1484	<!-- /.modal-dialog -->
		1485	</div>
		1486	<!-- /.modal -->
		1487	<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1488	<!-- BEGIN STYLE CUSTOMIZER -->
		1489	<div class="theme-panel hidden-xs hidden-sm">
		1490	<div class="toggler">
		1491	</div>
		1492	<div class="toggler-close">
		1493	</div>
		1494	<div class="theme-options">
		1495	<div class="theme-option theme-colors clearfix">
		1496	<span>
		1497	THEME COLOR </span>
		1498	<ul>
		1499	<li class="color-default current tooltips" data-style="default" data-container="body" data-original-title="Default">
		1500	</li>
		1501	<li class="color-darkblue tooltips" data-style="darkblue" data-container="body" data-original-title="Dark Blue">
		1502	</li>
		1503	<li class="color-blue tooltips" data-style="blue" data-container="body" data-original-title="Blue">
		1504	</li>
		1505	<li class="color-grey tooltips" data-style="grey" data-container="body" data-original-title="Grey">
		1506	</li>
		1507	<li class="color-light tooltips" data-style="light" data-container="body" data-original-title="Light">
		1508	</li>
		1509	<li class="color-light2 tooltips" data-style="light2" data-container="body" data-html="true" data-original-title="Light 2">
		1510	</li>
		1511	</ul>
		1512	</div>
		1513	<div class="theme-option">
		1514	<span>
		1515	Layout </span>
		1516	<select class="layout-option form-control input-sm">
		1517	<option value="fluid" selected="selected">Fluid</option>
		1518	<option value="boxed">Boxed</option>
		1519	</select>
		1520	</div>
		1521	<div class="theme-option">
		1522	<span>
		1523	Header </span>
		1524	<select class="page-header-option form-control input-sm">
		1525	<option value="fixed" selected="selected">Fixed</option>
		1526	<option value="default">Default</option>
		1527	</select>
		1528	</div>
		1529	<div class="theme-option">
		1530	<span>
		1531	Top Menu Dropdown</span>
		1532	<select class="page-header-top-dropdown-style-option form-control input-sm">
		1533	<option value="light" selected="selected">Light</option>
		1534	<option value="dark">Dark</option>
		1535	</select>
		1536	</div>
		1537	<div class="theme-option">
		1538	<span>
		1539	Sidebar Mode</span>
		1540	<select class="sidebar-option form-control input-sm">
		1541	<option value="fixed">Fixed</option>
		1542	<option value="default" selected="selected">Default</option>
		1543	</select>
		1544	</div>
		1545	<div class="theme-option">
		1546	<span>
		1547	Sidebar Menu </span>
		1548	<select class="sidebar-menu-option form-control input-sm">
		1549	<option value="accordion" selected="selected">Accordion</option>
		1550	<option value="hover">Hover</option>
		1551	</select>
		1552	</div>
		1553	<div class="theme-option">
		1554	<span>
		1555	Sidebar Style </span>
		1556	<select class="sidebar-style-option form-control input-sm">
		1557	<option value="default" selected="selected">Default</option>
		1558	<option value="light">Light</option>
		1559	</select>
		1560	</div>
		1561	<div class="theme-option">
		1562	<span>
		1563	Sidebar Position </span>
		1564	<select class="sidebar-pos-option form-control input-sm">
		1565	<option value="left" selected="selected">Left</option>
		1566	<option value="right">Right</option>
		1567	</select>
		1568	</div>
		1569	<div class="theme-option">
		1570	<span>
		1571	Footer </span>
		1572	<select class="page-footer-option form-control input-sm">
		1573	<option value="fixed">Fixed</option>
		1574	<option value="default" selected="selected">Default</option>
		1575	</select>
		1576	</div>
		1577	</div>
		1578	</div>
		1579	<!-- END STYLE CUSTOMIZER -->
		1580	<!-- BEGIN PAGE HEADER-->
		1581	<h3 class="page-title">
		1582	Layout with Fontawesome Icons <small>fontawesome icons support in sidebar, header menus, portlets & more</small>
		1583	</h3>
		1584	<div class="page-bar">
		1585	<ul class="page-breadcrumb">
		1586	<li>
		1587	<i class="fa fa-home"></i>
		1588	<a href="index.html">Home</a>
		1589	<i class="fa fa-angle-right"></i>
		1590	</li>
		1591	<li>
		1592	<a href="#">Page Layouts</a>
		1593	<i class="fa fa-angle-right"></i>
		1594	</li>
		1595	<li>
		1596	<a href="#">Layout with Fontawesome Icons</a>
		1597	</li>
		1598	</ul>
		1599	<div class="page-toolbar">
		1600	<div class="btn-group pull-right">
		1601	<button type="button" class="btn btn-fit-height grey-salt dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true">
		1602	Actions <i class="fa fa-angle-down"></i>
		1603	</button>
		1604	<ul class="dropdown-menu pull-right" role="menu">
		1605	<li>
		1606	<a href="#">Action</a>
		1607	</li>
		1608	<li>
		1609	<a href="#">Another action</a>
		1610	</li>
		1611	<li>
		1612	<a href="#">Something else here</a>
		1613	</li>
		1614	<li class="divider">
		1615	</li>
		1616	<li>
		1617	<a href="#">Separated link</a>
		1618	</li>
		1619	</ul>
		1620	</div>
		1621	</div>
		1622	</div>
		1623	<!-- END PAGE HEADER-->
		1624	<!-- BEGIN PAGE CONTENT-->
		1625	<div class="row margin-bottom-20">
		1626	<div class="col-md-12">
		1627	<p>
		1628	Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
		1629	</p>
		1630	<p>
		1631	Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
		1632	</p>
		1633	<p>
		1634	Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
		1635	</p>
		1636	</div>
		1637	</div>
		1638	<div class="row">
		1639	<div class="col-md-6">
		1640	<!-- BEGIN SAMPLE TABLE PORTLET-->
		1641	<div class="portlet box blue">
		1642	<div class="portlet-title">
		1643	<div class="caption">
		1644	<i class="fa fa-cogs"></i>Simple Table
		1645	</div>
		1646	<div class="tools">
		1647	<a href="javascript:;" class="collapse">
		1648	</a>
		1649	<a href="#portlet-config" data-toggle="modal" class="config">
		1650	</a>
		1651	<a href="javascript:;" class="reload">
		1652	</a>
		1653	<a href="javascript:;" class="remove">
		1654	</a>
		1655	</div>
		1656	</div>
		1657	<div class="portlet-body">
		1658	<table class="table table-hover">
		1659	<thead>
		1660	<tr>
		1661	<th>
		1662	#
		1663	</th>
		1664	<th>
		1665	First Name
		1666	</th>
		1667	<th>
		1668	Last Name
		1669	</th>
		1670	<th class="hidden-480">
		1671	Username
		1672	</th>
		1673	<th>
		1674	Status
		1675	</th>
		1676	</tr>
		1677	</thead>
		1678	<tbody>
		1679	<tr>
		1680	<td>
		1681	1
		1682	</td>
		1683	<td>
		1684	Mark
		1685	</td>
		1686	<td>
		1687	Otto
		1688	</td>
		1689	<td class="hidden-480">
		1690	makr124
		1691	</td>
		1692	<td>
		1693	<span class="label label-success">
		1694	Approved </span>
		1695	</td>
		1696	</tr>
		1697	<tr>
		1698	<td>
		1699	2
		1700	</td>
		1701	<td>
		1702	Jacob
		1703	</td>
		1704	<td>
		1705	Nilson
		1706	</td>
		1707	<td class="hidden-480">
		1708	jac123
		1709	</td>
		1710	<td>
		1711	<span class="label label-info">
		1712	Pending </span>
		1713	</td>
		1714	</tr>
		1715	<tr>
		1716	<td>
		1717	3
		1718	</td>
		1719	<td>
		1720	Larry
		1721	</td>
		1722	<td>
		1723	Cooper
		1724	</td>
		1725	<td class="hidden-480">
		1726	lar
		1727	</td>
		1728	<td>
		1729	<span class="label label-warning">
		1730	Suspended </span>
		1731	</td>
		1732	</tr>
		1733	<tr>
		1734	<td>
		1735	3
		1736	</td>
		1737	<td>
		1738	Sandy
		1739	</td>
		1740	<td>
		1741	Lim
		1742	</td>
		1743	<td class="hidden-480">
		1744	sanlim
		1745	</td>
		1746	<td>
		1747	<span class="label label-danger">
		1748	Blocked </span>
		1749	</td>
		1750	</tr>
		1751	</tbody>
		1752	</table>
		1753	</div>
		1754	</div>
		1755	<!-- END SAMPLE TABLE PORTLET-->
		1756	</div>
		1757	<div class="col-md-6">
		1758	<!-- BEGIN BORDERED TABLE PORTLET-->
		1759	<div class="portlet box yellow">
		1760	<div class="portlet-title">
		1761	<div class="caption">
		1762	<i class="fa fa-rocket"></i>Bordered Table
		1763	</div>
		1764	<div class="tools">
		1765	<a href="javascript:;" class="collapse">
		1766	</a>
		1767	<a href="#portlet-config" data-toggle="modal" class="config">
		1768	</a>
		1769	<a href="javascript:;" class="reload">
		1770	</a>
		1771	<a href="javascript:;" class="remove">
		1772	</a>
		1773	</div>
		1774	</div>
		1775	<div class="portlet-body">
		1776	<table class="table table-bordered table-hover">
		1777	<thead>
		1778	<tr>
		1779	<th>
		1780	#
		1781	</th>
		1782	<th>
		1783	First Name
		1784	</th>
		1785	<th>
		1786	Last Name
		1787	</th>
		1788	<th class="hidden-480">
		1789	Username
		1790	</th>
		1791	<th>
		1792	Status
		1793	</th>
		1794	</tr>
		1795	</thead>
		1796	<tbody>
		1797	<tr>
		1798	<td>
		1799	1
		1800	</td>
		1801	<td>
		1802	Mark
		1803	</td>
		1804	<td>
		1805	Otto
		1806	</td>
		1807	<td class="hidden-480">
		1808	makr124
		1809	</td>
		1810	<td>
		1811	<span class="label label-success">
		1812	Approved </span>
		1813	</td>
		1814	</tr>
		1815	<tr>
		1816	<td>
		1817	2
		1818	</td>
		1819	<td>
		1820	Jacob
		1821	</td>
		1822	<td>
		1823	Nilson
		1824	</td>
		1825	<td class="hidden-480">
		1826	jac123
		1827	</td>
		1828	<td>
		1829	<span class="label label-info">
		1830	Pending </span>
		1831	</td>
		1832	</tr>
		1833	<tr>
		1834	<td>
		1835	3
		1836	</td>
		1837	<td>
		1838	Larry
		1839	</td>
		1840	<td>
		1841	Cooper
		1842	</td>
		1843	<td class="hidden-480">
		1844	lar
		1845	</td>
		1846	<td>
		1847	<span class="label label-warning">
		1848	Suspended </span>
		1849	</td>
		1850	</tr>
		1851	<tr>
		1852	<td>
		1853	3
		1854	</td>
		1855	<td>
		1856	Sandy
		1857	</td>
		1858	<td>
		1859	Lim
		1860	</td>
		1861	<td class="hidden-480">
		1862	sanlim
		1863	</td>
		1864	<td>
		1865	<span class="label label-danger">
		1866	Blocked </span>
		1867	</td>
		1868	</tr>
		1869	</tbody>
		1870	</table>
		1871	</div>
		1872	</div>
		1873	<!-- END BORDERED TABLE PORTLET-->
		1874	</div>
		1875	</div>
		1876	<!-- END PAGE CONTENT-->
		1877	</div>
		1878	</div>
		1879	<!-- END CONTENT -->
		1880	<!-- BEGIN QUICK SIDEBAR -->
		1881	<a href="javascript:;" class="page-quick-sidebar-toggler"><i class="icon-close"></i></a>
		1882	<div class="page-quick-sidebar-wrapper">
		1883	<div class="page-quick-sidebar">
		1884	<div class="nav-justified">
		1885	<ul class="nav nav-tabs nav-justified">
		1886	<li class="active">
		1887	<a href="#quick_sidebar_tab_1" data-toggle="tab">
		1888	Users <span class="badge badge-danger">2</span>
		1889	</a>
		1890	</li>
		1891	<li>
		1892	<a href="#quick_sidebar_tab_2" data-toggle="tab">
		1893	Alerts <span class="badge badge-success">7</span>
		1894	</a>
		1895	</li>
		1896	<li class="dropdown">
		1897	<a href="#" class="dropdown-toggle" data-toggle="dropdown">
		1898	More<i class="fa fa-angle-down"></i>
		1899	</a>
		1900	<ul class="dropdown-menu pull-right" role="menu">
		1901	<li>
		1902	<a href="#quick_sidebar_tab_3" data-toggle="tab">
		1903	<i class="icon-bell"></i> Alerts </a>
		1904	</li>
		1905	<li>
		1906	<a href="#quick_sidebar_tab_3" data-toggle="tab">
		1907	<i class="icon-info"></i> Notifications </a>
		1908	</li>
		1909	<li>
		1910	<a href="#quick_sidebar_tab_3" data-toggle="tab">
		1911	<i class="icon-speech"></i> Activities </a>
		1912	</li>
		1913	<li class="divider">
		1914	</li>
		1915	<li>
		1916	<a href="#quick_sidebar_tab_3" data-toggle="tab">
		1917	<i class="icon-settings"></i> Settings </a>
		1918	</li>
		1919	</ul>
		1920	</li>
		1921	</ul>
		1922	<div class="tab-content">
		1923	<div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
		1924	<div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
		1925	<h3 class="list-heading">Staff</h3>
		1926	<ul class="media-list list-items">
		1927	<li class="media">
		1928	<div class="media-status">
		1929	<span class="badge badge-success">8</span>
		1930	</div>
		1931	<img class="media-object" src="../../assets/admin/layout/img/avatar3.jpg" alt="...">
		1932	<div class="media-body">
		1933	<h4 class="media-heading">Bob Nilson</h4>
		1934	<div class="media-heading-sub">
		1935	Project Manager
		1936	</div>
		1937	</div>
		1938	</li>
		1939	<li class="media">
		1940	<img class="media-object" src="../../assets/admin/layout/img/avatar1.jpg" alt="...">
		1941	<div class="media-body">
		1942	<h4 class="media-heading">Nick Larson</h4>
		1943	<div class="media-heading-sub">
		1944	Art Director
		1945	</div>
		1946	</div>
		1947	</li>
		1948	<li class="media">
		1949	<div class="media-status">
		1950	<span class="badge badge-danger">3</span>
		1951	</div>
		1952	<img class="media-object" src="../../assets/admin/layout/img/avatar4.jpg" alt="...">
		1953	<div class="media-body">
		1954	<h4 class="media-heading">Deon Hubert</h4>
		1955	<div class="media-heading-sub">
		1956	CTO
		1957	</div>
		1958	</div>
		1959	</li>
		1960	<li class="media">
		1961	<img class="media-object" src="../../assets/admin/layout/img/avatar2.jpg" alt="...">
		1962	<div class="media-body">
		1963	<h4 class="media-heading">Ella Wong</h4>
		1964	<div class="media-heading-sub">
		1965	CEO
		1966	</div>
		1967	</div>
		1968	</li>
		1969	</ul>
		1970	<h3 class="list-heading">Customers</h3>
		1971	<ul class="media-list list-items">
		1972	<li class="media">
		1973	<div class="media-status">
		1974	<span class="badge badge-warning">2</span>
		1975	</div>
		1976	<img class="media-object" src="../../assets/admin/layout/img/avatar6.jpg" alt="...">
		1977	<div class="media-body">
		1978	<h4 class="media-heading">Lara Kunis</h4>
		1979	<div class="media-heading-sub">
		1980	CEO, Loop Inc
		1981	</div>
		1982	<div class="media-heading-small">
		1983	Last seen 03:10 AM
		1984	</div>
		1985	</div>
		1986	</li>
		1987	<li class="media">
		1988	<div class="media-status">
		1989	<span class="label label-sm label-success">new</span>
		1990	</div>
		1991	<img class="media-object" src="../../assets/admin/layout/img/avatar7.jpg" alt="...">
		1992	<div class="media-body">
		1993	<h4 class="media-heading">Ernie Kyllonen</h4>
		1994	<div class="media-heading-sub">
		1995	Project Manager,<br>
		1996	SmartBizz PTL
		1997	</div>
		1998	</div>
		1999	</li>
		2000	<li class="media">
		2001	<img class="media-object" src="../../assets/admin/layout/img/avatar8.jpg" alt="...">
		2002	<div class="media-body">
		2003	<h4 class="media-heading">Lisa Stone</h4>
		2004	<div class="media-heading-sub">
		2005	CTO, Keort Inc
		2006	</div>
		2007	<div class="media-heading-small">
		2008	Last seen 13:10 PM
		2009	</div>
		2010	</div>
		2011	</li>
		2012	<li class="media">
		2013	<div class="media-status">
		2014	<span class="badge badge-success">7</span>
		2015	</div>
		2016	<img class="media-object" src="../../assets/admin/layout/img/avatar9.jpg" alt="...">
		2017	<div class="media-body">
		2018	<h4 class="media-heading">Deon Portalatin</h4>
		2019	<div class="media-heading-sub">
		2020	CFO, H&D LTD
		2021	</div>
		2022	</div>
		2023	</li>
		2024	<li class="media">
		2025	<img class="media-object" src="../../assets/admin/layout/img/avatar10.jpg" alt="...">
		2026	<div class="media-body">
		2027	<h4 class="media-heading">Irina Savikova</h4>
		2028	<div class="media-heading-sub">
		2029	CEO, Tizda Motors Inc
		2030	</div>
		2031	</div>
		2032	</li>
		2033	<li class="media">
		2034	<div class="media-status">
		2035	<span class="badge badge-danger">4</span>
		2036	</div>
		2037	<img class="media-object" src="../../assets/admin/layout/img/avatar11.jpg" alt="...">
		2038	<div class="media-body">
		2039	<h4 class="media-heading">Maria Gomez</h4>
		2040	<div class="media-heading-sub">
		2041	Manager, Infomatic Inc
		2042	</div>
		2043	<div class="media-heading-small">
		2044	Last seen 03:10 AM
		2045	</div>
		2046	</div>
		2047	</li>
		2048	</ul>
		2049	</div>
		2050	<div class="page-quick-sidebar-item">
		2051	<div class="page-quick-sidebar-chat-user">
		2052	<div class="page-quick-sidebar-nav">
		2053	<a href="javascript:;" class="page-quick-sidebar-back-to-list"><i class="icon-arrow-left"></i>Back</a>
		2054	</div>
		2055	<div class="page-quick-sidebar-chat-user-messages">
		2056	<div class="post out">
		2057	<img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
		2058	<div class="message">
		2059	<span class="arrow"></span>
		2060	<a href="#" class="name">Bob Nilson</a>
		2061	<span class="datetime">20:15</span>
		2062	<span class="body">
		2063	When could you send me the report ? </span>
		2064	</div>
		2065	</div>
		2066	<div class="post in">
		2067	<img class="avatar" alt="" src="../../assets/admin/layout/img/avatar2.jpg"/>
		2068	<div class="message">
		2069	<span class="arrow"></span>
		2070	<a href="#" class="name">Ella Wong</a>
		2071	<span class="datetime">20:15</span>
		2072	<span class="body">
		2073	Its almost done. I will be sending it shortly </span>
		2074	</div>
		2075	</div>
		2076	<div class="post out">
		2077	<img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
		2078	<div class="message">
		2079	<span class="arrow"></span>
		2080	<a href="#" class="name">Bob Nilson</a>
		2081	<span class="datetime">20:15</span>
		2082	<span class="body">
		2083	Alright. Thanks! :) </span>
		2084	</div>
		2085	</div>
		2086	<div class="post in">
		2087	<img class="avatar" alt="" src="../../assets/admin/layout/img/avatar2.jpg"/>
		2088	<div class="message">
		2089	<span class="arrow"></span>
		2090	<a href="#" class="name">Ella Wong</a>
		2091	<span class="datetime">20:16</span>
		2092	<span class="body">
		2093	You are most welcome. Sorry for the delay. </span>
		2094	</div>
		2095	</div>
		2096	<div class="post out">
		2097	<img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
		2098	<div class="message">
		2099	<span class="arrow"></span>
		2100	<a href="#" class="name">Bob Nilson</a>
		2101	<span class="datetime">20:17</span>
		2102	<span class="body">
		2103	No probs. Just take your time :) </span>
		2104	</div>
		2105	</div>
		2106	<div class="post in">
		2107	<img class="avatar" alt="" src="../../assets/admin/layout/img/avatar2.jpg"/>
		2108	<div class="message">
		2109	<span class="arrow"></span>
		2110	<a href="#" class="name">Ella Wong</a>
		2111	<span class="datetime">20:40</span>
		2112	<span class="body">
		2113	Alright. I just emailed it to you. </span>
		2114	</div>
		2115	</div>
		2116	<div class="post out">
		2117	<img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
		2118	<div class="message">
		2119	<span class="arrow"></span>
		2120	<a href="#" class="name">Bob Nilson</a>
		2121	<span class="datetime">20:17</span>
		2122	<span class="body">
		2123	Great! Thanks. Will check it right away. </span>
		2124	</div>
		2125	</div>
		2126	<div class="post in">
		2127	<img class="avatar" alt="" src="../../assets/admin/layout/img/avatar2.jpg"/>
		2128	<div class="message">
		2129	<span class="arrow"></span>
		2130	<a href="#" class="name">Ella Wong</a>
		2131	<span class="datetime">20:40</span>
		2132	<span class="body">
		2133	Please let me know if you have any comment. </span>
		2134	</div>
		2135	</div>
		2136	<div class="post out">
		2137	<img class="avatar" alt="" src="../../assets/admin/layout/img/avatar3.jpg"/>
		2138	<div class="message">
		2139	<span class="arrow"></span>
		2140	<a href="#" class="name">Bob Nilson</a>
		2141	<span class="datetime">20:17</span>
		2142	<span class="body">
		2143	Sure. I will check and buzz you if anything needs to be corrected. </span>
		2144	</div>
		2145	</div>
		2146	</div>
		2147	<div class="page-quick-sidebar-chat-user-form">
		2148	<div class="input-group">
		2149	<input type="text" class="form-control" placeholder="Type a message here...">
		2150	<div class="input-group-btn">
		2151	<button type="button" class="btn blue"><i class="icon-paper-clip"></i></button>
		2152	</div>
		2153	</div>
		2154	</div>
		2155	</div>
		2156	</div>
		2157	</div>
		2158	<div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
		2159	<div class="page-quick-sidebar-alerts-list">
		2160	<h3 class="list-heading">General</h3>
		2161	<ul class="feeds list-items">
		2162	<li>
		2163	<div class="col1">
		2164	<div class="cont">
		2165	<div class="cont-col1">
		2166	<div class="label label-sm label-info">
		2167	<i class="fa fa-check"></i>
		2168	</div>
		2169	</div>
		2170	<div class="cont-col2">
		2171	<div class="desc">
		2172	You have 4 pending tasks. <span class="label label-sm label-warning ">
		2173	Take action <i class="fa fa-share"></i>
		2174	</span>
		2175	</div>
		2176	</div>
		2177	</div>
		2178	</div>
		2179	<div class="col2">
		2180	<div class="date">
		2181	Just now
		2182	</div>
		2183	</div>
		2184	</li>
		2185	<li>
		2186	<a href="#">
		2187	<div class="col1">
		2188	<div class="cont">
		2189	<div class="cont-col1">
		2190	<div class="label label-sm label-success">
		2191	<i class="fa fa-bar-chart-o"></i>
		2192	</div>
		2193	</div>
		2194	<div class="cont-col2">
		2195	<div class="desc">
		2196	Finance Report for year 2013 has been released.
		2197	</div>
		2198	</div>
		2199	</div>
		2200	</div>
		2201	<div class="col2">
		2202	<div class="date">
		2203	20 mins
		2204	</div>
		2205	</div>
		2206	</a>
		2207	</li>
		2208	<li>
		2209	<div class="col1">
		2210	<div class="cont">
		2211	<div class="cont-col1">
		2212	<div class="label label-sm label-danger">
		2213	<i class="fa fa-user"></i>
		2214	</div>
		2215	</div>
		2216	<div class="cont-col2">
		2217	<div class="desc">
		2218	You have 5 pending membership that requires a quick review.
		2219	</div>
		2220	</div>
		2221	</div>
		2222	</div>
		2223	<div class="col2">
		2224	<div class="date">
		2225	24 mins
		2226	</div>
		2227	</div>
		2228	</li>
		2229	<li>
		2230	<div class="col1">
		2231	<div class="cont">
		2232	<div class="cont-col1">
		2233	<div class="label label-sm label-info">
		2234	<i class="fa fa-shopping-cart"></i>
		2235	</div>
		2236	</div>
		2237	<div class="cont-col2">
		2238	<div class="desc">
		2239	New order received with <span class="label label-sm label-success">
		2240	Reference Number: DR23923 </span>
		2241	</div>
		2242	</div>
		2243	</div>
		2244	</div>
		2245	<div class="col2">
		2246	<div class="date">
		2247	30 mins
		2248	</div>
		2249	</div>
		2250	</li>
		2251	<li>
		2252	<div class="col1">
		2253	<div class="cont">
		2254	<div class="cont-col1">
		2255	<div class="label label-sm label-success">
		2256	<i class="fa fa-user"></i>
		2257	</div>
		2258	</div>
		2259	<div class="cont-col2">
		2260	<div class="desc">
		2261	You have 5 pending membership that requires a quick review.
		2262	</div>
		2263	</div>
		2264	</div>
		2265	</div>
		2266	<div class="col2">
		2267	<div class="date">
		2268	24 mins
		2269	</div>
		2270	</div>
		2271	</li>
		2272	<li>
		2273	<div class="col1">
		2274	<div class="cont">
		2275	<div class="cont-col1">
		2276	<div class="label label-sm label-info">
		2277	<i class="fa fa-bell-o"></i>
		2278	</div>
		2279	</div>
		2280	<div class="cont-col2">
		2281	<div class="desc">
		2282	Web server hardware needs to be upgraded. <span class="label label-sm label-warning">
		2283	Overdue </span>
		2284	</div>
		2285	</div>
		2286	</div>
		2287	</div>
		2288	<div class="col2">
		2289	<div class="date">
		2290	2 hours
		2291	</div>
		2292	</div>
		2293	</li>
		2294	<li>
		2295	<a href="#">
		2296	<div class="col1">
		2297	<div class="cont">
		2298	<div class="cont-col1">
		2299	<div class="label label-sm label-default">
		2300	<i class="fa fa-briefcase"></i>
		2301	</div>
		2302	</div>
		2303	<div class="cont-col2">
		2304	<div class="desc">
		2305	IPO Report for year 2013 has been released.
		2306	</div>
		2307	</div>
		2308	</div>
		2309	</div>
		2310	<div class="col2">
		2311	<div class="date">
		2312	20 mins
		2313	</div>
		2314	</div>
		2315	</a>
		2316	</li>
		2317	</ul>
		2318	<h3 class="list-heading">System</h3>
		2319	<ul class="feeds list-items">
		2320	<li>
		2321	<div class="col1">
		2322	<div class="cont">
		2323	<div class="cont-col1">
		2324	<div class="label label-sm label-info">
		2325	<i class="fa fa-check"></i>
		2326	</div>
		2327	</div>
		2328	<div class="cont-col2">
		2329	<div class="desc">
		2330	You have 4 pending tasks. <span class="label label-sm label-warning ">
		2331	Take action <i class="fa fa-share"></i>
		2332	</span>
		2333	</div>
		2334	</div>
		2335	</div>
		2336	</div>
		2337	<div class="col2">
		2338	<div class="date">
		2339	Just now
		2340	</div>
		2341	</div>
		2342	</li>
		2343	<li>
		2344	<a href="#">
		2345	<div class="col1">
		2346	<div class="cont">
		2347	<div class="cont-col1">
		2348	<div class="label label-sm label-danger">
		2349	<i class="fa fa-bar-chart-o"></i>
		2350	</div>
		2351	</div>
		2352	<div class="cont-col2">
		2353	<div class="desc">
		2354	Finance Report for year 2013 has been released.
		2355	</div>
		2356	</div>
		2357	</div>
		2358	</div>
		2359	<div class="col2">
		2360	<div class="date">
		2361	20 mins
		2362	</div>
		2363	</div>
		2364	</a>
		2365	</li>
		2366	<li>
		2367	<div class="col1">
		2368	<div class="cont">
		2369	<div class="cont-col1">
		2370	<div class="label label-sm label-default">
		2371	<i class="fa fa-user"></i>
		2372	</div>
		2373	</div>
		2374	<div class="cont-col2">
		2375	<div class="desc">
		2376	You have 5 pending membership that requires a quick review.
		2377	</div>
		2378	</div>
		2379	</div>
		2380	</div>
		2381	<div class="col2">
		2382	<div class="date">
		2383	24 mins
		2384	</div>
		2385	</div>
		2386	</li>
		2387	<li>
		2388	<div class="col1">
		2389	<div class="cont">
		2390	<div class="cont-col1">
		2391	<div class="label label-sm label-info">
		2392	<i class="fa fa-shopping-cart"></i>
		2393	</div>
		2394	</div>
		2395	<div class="cont-col2">
		2396	<div class="desc">
		2397	New order received with <span class="label label-sm label-success">
		2398	Reference Number: DR23923 </span>
		2399	</div>
		2400	</div>
		2401	</div>
		2402	</div>
		2403	<div class="col2">
		2404	<div class="date">
		2405	30 mins
		2406	</div>
		2407	</div>
		2408	</li>
		2409	<li>
		2410	<div class="col1">
		2411	<div class="cont">
		2412	<div class="cont-col1">
		2413	<div class="label label-sm label-success">
		2414	<i class="fa fa-user"></i>
		2415	</div>
		2416	</div>
		2417	<div class="cont-col2">
		2418	<div class="desc">
		2419	You have 5 pending membership that requires a quick review.
		2420	</div>
		2421	</div>
		2422	</div>
		2423	</div>
		2424	<div class="col2">
		2425	<div class="date">
		2426	24 mins
		2427	</div>
		2428	</div>
		2429	</li>
		2430	<li>
		2431	<div class="col1">
		2432	<div class="cont">
		2433	<div class="cont-col1">
		2434	<div class="label label-sm label-warning">
		2435	<i class="fa fa-bell-o"></i>
		2436	</div>
		2437	</div>
		2438	<div class="cont-col2">
		2439	<div class="desc">
		2440	Web server hardware needs to be upgraded. <span class="label label-sm label-default ">
		2441	Overdue </span>
		2442	</div>
		2443	</div>
		2444	</div>
		2445	</div>
		2446	<div class="col2">
		2447	<div class="date">
		2448	2 hours
		2449	</div>
		2450	</div>
		2451	</li>
		2452	<li>
		2453	<a href="#">
		2454	<div class="col1">
		2455	<div class="cont">
		2456	<div class="cont-col1">
		2457	<div class="label label-sm label-info">
		2458	<i class="fa fa-briefcase"></i>
		2459	</div>
		2460	</div>
		2461	<div class="cont-col2">
		2462	<div class="desc">
		2463	IPO Report for year 2013 has been released.
		2464	</div>
		2465	</div>
		2466	</div>
		2467	</div>
		2468	<div class="col2">
		2469	<div class="date">
		2470	20 mins
		2471	</div>
		2472	</div>
		2473	</a>
		2474	</li>
		2475	</ul>
		2476	</div>
		2477	</div>
		2478	<div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
		2479	<div class="page-quick-sidebar-settings-list">
		2480	<h3 class="list-heading">General Settings</h3>
		2481	<ul class="list-items borderless">
		2482	<li>
		2483	Enable Notifications <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">
		2484	</li>
		2485	<li>
		2486	Allow Tracking <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">
		2487	</li>
		2488	<li>
		2489	Log Errors <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">
		2490	</li>
		2491	<li>
		2492	Auto Sumbit Issues <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">
		2493	</li>
		2494	<li>
		2495	Enable SMS Alerts <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">
		2496	</li>
		2497	</ul>
		2498	<h3 class="list-heading">System Settings</h3>
		2499	<ul class="list-items borderless">
		2500	<li>
		2501	Security Level
		2502	<select class="form-control input-inline input-sm input-small">
		2503	<option value="1">Normal</option>
		2504	<option value="2" selected>Medium</option>
		2505	<option value="e">High</option>
		2506	</select>
		2507	</li>
		2508	<li>
		2509	Failed Email Attempts <input class="form-control input-inline input-sm input-small" value="5"/>
		2510	</li>
		2511	<li>
		2512	Secondary SMTP Port <input class="form-control input-inline input-sm input-small" value="3560"/>
		2513	</li>
		2514	<li>
		2515	Notify On System Error <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">
		2516	</li>
		2517	<li>
		2518	Notify On SMTP Error <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">
		2519	</li>
		2520	</ul>
		2521	<div class="inner-content">
		2522	<button class="btn btn-success"><i class="icon-settings"></i> Save Changes</button>
		2523	</div>
		2524	</div>
		2525	</div>
		2526	</div>
		2527	</div>
		2528	</div>
		2529	</div>
		2530	<!-- END QUICK SIDEBAR -->
		2531	</div>
		2532	<!-- END CONTAINER -->
		2533	<!-- BEGIN FOOTER -->
		2534	<div class="page-footer">
		2535	<div class="page-footer-inner">
		2536	2014 © Metronic by keenthemes.
		2537	</div>
		2538	<div class="scroll-to-top">
		2539	<i class="icon-arrow-up"></i>
		2540	</div>
		2541	</div>
		2542	<!-- END FOOTER -->
		2543	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
		2544	<!-- BEGIN CORE PLUGINS -->
		2545	<!--[if lt IE 9]>
		2546	<script src="../../assets/global/plugins/respond.min.js"></script>
		2547	<script src="../../assets/global/plugins/excanvas.min.js"></script>
		2548	<![endif]-->
		2549	<script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
		2550	<script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
		2551	<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
		2552	<script src="../../assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
		2553	<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		2554	<script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
		2555	<script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		2556	<script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		2557	<script src="../../assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
		2558	<script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
		2559	<script src="../../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
		2560	<!-- END CORE PLUGINS -->
		2561	<script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>
		2562	<script src="../../assets/admin/layout/scripts/layout.js" type="text/javascript"></script>
		2563	<script src="../../assets/admin/layout/scripts/quick-sidebar.js" type="text/javascript"></script>
		2564	<script src="../../assets/admin/layout/scripts/demo.js" type="text/javascript"></script>
		2565	<script>
		2566	jQuery(document).ready(function() {
		2567	Metronic.init(); // init metronic core components
		2568	Layout.init(); // init current layout
		2569	QuickSidebar.init(); // init quick sidebar
		2570	Demo.init(); // init demo features
		2571	});
		2572	</script>
		2573	<!-- END JAVASCRIPTS -->
		2574	</body>
		2575	<!-- END BODY -->
		2576	</html>

Subversion Repositories Integrator Subversion

(root)/DOCUMENTOS E ANALISE/telas/templates/admin/layout_fontawesome_icons.html - Rev 1