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

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

Subversion Repositories Integrator Subversion

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