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

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

Subversion Repositories Integrator Subversion

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