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

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

Subversion Repositories Integrator Subversion

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