WebSVN - Integrator Subversion - Blame - Rev 1 - /PROJETOS ANTERIORES/PROJETO ANTERIOR COM TEMPLATE/theme/admin_1/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.6
		4	Version: 4.6
		5	Author: KeenThemes
		6	Website: http://www.keenthemes.com/
		7	Contact: support@keenthemes.com
		8	Follow: www.twitter.com/keenthemes
		9	Dribbble: www.dribbble.com/keenthemes
		10	Like: www.facebook.com/keenthemes
		11	Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
		12	Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
		13	License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
		14	-->
		15	<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
		16	<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
		17	<!--[if !IE]><!-->
		18	<html lang="en">
		19	<!--<![endif]-->
		20	<!-- BEGIN HEAD -->
		21
		22	<head>
		23	<meta charset="utf-8" />
		24	<title>Metronic \| General Components</title>
		25	<meta http-equiv="X-UA-Compatible" content="IE=edge">
		26	<meta content="width=device-width, initial-scale=1" name="viewport" />
		27	<meta content="" name="description" />
		28	<meta content="" name="author" />
		29	<!-- BEGIN GLOBAL MANDATORY STYLES -->
		30	<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
		31	<link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
		32	<link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
		33	<link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
		34	<link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
		35	<!-- END GLOBAL MANDATORY STYLES -->
		36	<!-- BEGIN PAGE LEVEL PLUGINS -->
		37	<!-- END PAGE LEVEL PLUGINS -->
		38	<!-- BEGIN THEME GLOBAL STYLES -->
		39	<link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
		40	<link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
		41	<!-- END THEME GLOBAL STYLES -->
		42	<!-- BEGIN THEME LAYOUT STYLES -->
		43	<link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
		44	<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
		45	<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
		46	<!-- END THEME LAYOUT STYLES -->
		47	<link rel="shortcut icon" href="favicon.ico" /> </head>
		48	<!-- END HEAD -->
		49
		50	<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
		51	<div class="page-wrapper">
		52	<!-- BEGIN HEADER -->
		53	<div class="page-header navbar navbar-fixed-top">
		54	<!-- BEGIN HEADER INNER -->
		55	<div class="page-header-inner ">
		56	<!-- BEGIN LOGO -->
		57	<div class="page-logo">
		58	<a href="index.html">
		59	<img src="../assets/layouts/layout/img/logo.png" alt="logo" class="logo-default" /> </a>
		60	<div class="menu-toggler sidebar-toggler">
		61	<span></span>
		62	</div>
		63	</div>
		64	<!-- END LOGO -->
		65	<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		66	<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
		67	<span></span>
		68	</a>
		69	<!-- END RESPONSIVE MENU TOGGLER -->
		70	<!-- BEGIN TOP NAVIGATION MENU -->
		71	<div class="top-menu">
		72	<ul class="nav navbar-nav pull-right">
		73	<!-- BEGIN NOTIFICATION DROPDOWN -->
		74	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		75	<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
		76	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		77	<i class="icon-bell"></i>
		78	<span class="badge badge-default"> 7 </span>
		79	</a>
		80	<ul class="dropdown-menu">
		81	<li class="external">
		82	<h3>
		83	<span class="bold">12 pending</span> notifications</h3>
		84	<a href="page_user_profile_1.html">view all</a>
		85	</li>
		86	<li>
		87	<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
		88	<li>
		89	<a href="javascript:;">
		90	<span class="time">just now</span>
		91	<span class="details">
		92	<span class="label label-sm label-icon label-success">
		93	<i class="fa fa-plus"></i>
		94	</span> New user registered. </span>
		95	</a>
		96	</li>
		97	<li>
		98	<a href="javascript:;">
		99	<span class="time">3 mins</span>
		100	<span class="details">
		101	<span class="label label-sm label-icon label-danger">
		102	<i class="fa fa-bolt"></i>
		103	</span> Server #12 overloaded. </span>
		104	</a>
		105	</li>
		106	<li>
		107	<a href="javascript:;">
		108	<span class="time">10 mins</span>
		109	<span class="details">
		110	<span class="label label-sm label-icon label-warning">
		111	<i class="fa fa-bell-o"></i>
		112	</span> Server #2 not responding. </span>
		113	</a>
		114	</li>
		115	<li>
		116	<a href="javascript:;">
		117	<span class="time">14 hrs</span>
		118	<span class="details">
		119	<span class="label label-sm label-icon label-info">
		120	<i class="fa fa-bullhorn"></i>
		121	</span> Application error. </span>
		122	</a>
		123	</li>
		124	<li>
		125	<a href="javascript:;">
		126	<span class="time">2 days</span>
		127	<span class="details">
		128	<span class="label label-sm label-icon label-danger">
		129	<i class="fa fa-bolt"></i>
		130	</span> Database overloaded 68%. </span>
		131	</a>
		132	</li>
		133	<li>
		134	<a href="javascript:;">
		135	<span class="time">3 days</span>
		136	<span class="details">
		137	<span class="label label-sm label-icon label-danger">
		138	<i class="fa fa-bolt"></i>
		139	</span> A user IP blocked. </span>
		140	</a>
		141	</li>
		142	<li>
		143	<a href="javascript:;">
		144	<span class="time">4 days</span>
		145	<span class="details">
		146	<span class="label label-sm label-icon label-warning">
		147	<i class="fa fa-bell-o"></i>
		148	</span> Storage Server #4 not responding dfdfdfd. </span>
		149	</a>
		150	</li>
		151	<li>
		152	<a href="javascript:;">
		153	<span class="time">5 days</span>
		154	<span class="details">
		155	<span class="label label-sm label-icon label-info">
		156	<i class="fa fa-bullhorn"></i>
		157	</span> System Error. </span>
		158	</a>
		159	</li>
		160	<li>
		161	<a href="javascript:;">
		162	<span class="time">9 days</span>
		163	<span class="details">
		164	<span class="label label-sm label-icon label-danger">
		165	<i class="fa fa-bolt"></i>
		166	</span> Storage server failed. </span>
		167	</a>
		168	</li>
		169	</ul>
		170	</li>
		171	</ul>
		172	</li>
		173	<!-- END NOTIFICATION DROPDOWN -->
		174	<!-- BEGIN INBOX DROPDOWN -->
		175	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		176	<li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
		177	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		178	<i class="icon-envelope-open"></i>
		179	<span class="badge badge-default"> 4 </span>
		180	</a>
		181	<ul class="dropdown-menu">
		182	<li class="external">
		183	<h3>You have
		184	<span class="bold">7 New</span> Messages</h3>
		185	<a href="app_inbox.html">view all</a>
		186	</li>
		187	<li>
		188	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		189	<li>
		190	<a href="#">
		191	<span class="photo">
		192	<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
		193	<span class="subject">
		194	<span class="from"> Lisa Wong </span>
		195	<span class="time">Just Now </span>
		196	</span>
		197	<span class="message"> Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		198	</a>
		199	</li>
		200	<li>
		201	<a href="#">
		202	<span class="photo">
		203	<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
		204	<span class="subject">
		205	<span class="from"> Richard Doe </span>
		206	<span class="time">16 mins </span>
		207	</span>
		208	<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		209	</a>
		210	</li>
		211	<li>
		212	<a href="#">
		213	<span class="photo">
		214	<img src="../assets/layouts/layout3/img/avatar1.jpg" class="img-circle" alt=""> </span>
		215	<span class="subject">
		216	<span class="from"> Bob Nilson </span>
		217	<span class="time">2 hrs </span>
		218	</span>
		219	<span class="message"> Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		220	</a>
		221	</li>
		222	<li>
		223	<a href="#">
		224	<span class="photo">
		225	<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
		226	<span class="subject">
		227	<span class="from"> Lisa Wong </span>
		228	<span class="time">40 mins </span>
		229	</span>
		230	<span class="message"> Vivamus sed auctor 40% nibh congue nibh... </span>
		231	</a>
		232	</li>
		233	<li>
		234	<a href="#">
		235	<span class="photo">
		236	<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
		237	<span class="subject">
		238	<span class="from"> Richard Doe </span>
		239	<span class="time">46 mins </span>
		240	</span>
		241	<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		242	</a>
		243	</li>
		244	</ul>
		245	</li>
		246	</ul>
		247	</li>
		248	<!-- END INBOX DROPDOWN -->
		249	<!-- BEGIN TODO DROPDOWN -->
		250	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		251	<li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
		252	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		253	<i class="icon-calendar"></i>
		254	<span class="badge badge-default"> 3 </span>
		255	</a>
		256	<ul class="dropdown-menu extended tasks">
		257	<li class="external">
		258	<h3>You have
		259	<span class="bold">12 pending</span> tasks</h3>
		260	<a href="app_todo.html">view all</a>
		261	</li>
		262	<li>
		263	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		264	<li>
		265	<a href="javascript:;">
		266	<span class="task">
		267	<span class="desc">New release v1.2 </span>
		268	<span class="percent">30%</span>
		269	</span>
		270	<span class="progress">
		271	<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
		272	<span class="sr-only">40% Complete</span>
		273	</span>
		274	</span>
		275	</a>
		276	</li>
		277	<li>
		278	<a href="javascript:;">
		279	<span class="task">
		280	<span class="desc">Application deployment</span>
		281	<span class="percent">65%</span>
		282	</span>
		283	<span class="progress">
		284	<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
		285	<span class="sr-only">65% Complete</span>
		286	</span>
		287	</span>
		288	</a>
		289	</li>
		290	<li>
		291	<a href="javascript:;">
		292	<span class="task">
		293	<span class="desc">Mobile app release</span>
		294	<span class="percent">98%</span>
		295	</span>
		296	<span class="progress">
		297	<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100">
		298	<span class="sr-only">98% Complete</span>
		299	</span>
		300	</span>
		301	</a>
		302	</li>
		303	<li>
		304	<a href="javascript:;">
		305	<span class="task">
		306	<span class="desc">Database migration</span>
		307	<span class="percent">10%</span>
		308	</span>
		309	<span class="progress">
		310	<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
		311	<span class="sr-only">10% Complete</span>
		312	</span>
		313	</span>
		314	</a>
		315	</li>
		316	<li>
		317	<a href="javascript:;">
		318	<span class="task">
		319	<span class="desc">Web server upgrade</span>
		320	<span class="percent">58%</span>
		321	</span>
		322	<span class="progress">
		323	<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
		324	<span class="sr-only">58% Complete</span>
		325	</span>
		326	</span>
		327	</a>
		328	</li>
		329	<li>
		330	<a href="javascript:;">
		331	<span class="task">
		332	<span class="desc">Mobile development</span>
		333	<span class="percent">85%</span>
		334	</span>
		335	<span class="progress">
		336	<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
		337	<span class="sr-only">85% Complete</span>
		338	</span>
		339	</span>
		340	</a>
		341	</li>
		342	<li>
		343	<a href="javascript:;">
		344	<span class="task">
		345	<span class="desc">New UI release</span>
		346	<span class="percent">38%</span>
		347	</span>
		348	<span class="progress progress-striped">
		349	<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
		350	<span class="sr-only">38% Complete</span>
		351	</span>
		352	</span>
		353	</a>
		354	</li>
		355	</ul>
		356	</li>
		357	</ul>
		358	</li>
		359	<!-- END TODO DROPDOWN -->
		360	<!-- BEGIN USER LOGIN DROPDOWN -->
		361	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		362	<li class="dropdown dropdown-user">
		363	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		364	<img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
		365	<span class="username username-hide-on-mobile"> Nick </span>
		366	<i class="fa fa-angle-down"></i>
		367	</a>
		368	<ul class="dropdown-menu dropdown-menu-default">
		369	<li>
		370	<a href="page_user_profile_1.html">
		371	<i class="icon-user"></i> My Profile </a>
		372	</li>
		373	<li>
		374	<a href="app_calendar.html">
		375	<i class="icon-calendar"></i> My Calendar </a>
		376	</li>
		377	<li>
		378	<a href="app_inbox.html">
		379	<i class="icon-envelope-open"></i> My Inbox
		380	<span class="badge badge-danger"> 3 </span>
		381	</a>
		382	</li>
		383	<li>
		384	<a href="app_todo.html">
		385	<i class="icon-rocket"></i> My Tasks
		386	<span class="badge badge-success"> 7 </span>
		387	</a>
		388	</li>
		389	<li class="divider"> </li>
		390	<li>
		391	<a href="page_user_lock_1.html">
		392	<i class="icon-lock"></i> Lock Screen </a>
		393	</li>
		394	<li>
		395	<a href="page_user_login_1.html">
		396	<i class="icon-key"></i> Log Out </a>
		397	</li>
		398	</ul>
		399	</li>
		400	<!-- END USER LOGIN DROPDOWN -->
		401	<!-- BEGIN QUICK SIDEBAR TOGGLER -->
		402	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		403	<li class="dropdown dropdown-quick-sidebar-toggler">
		404	<a href="javascript:;" class="dropdown-toggle">
		405	<i class="icon-logout"></i>
		406	</a>
		407	</li>
		408	<!-- END QUICK SIDEBAR TOGGLER -->
		409	</ul>
		410	</div>
		411	<!-- END TOP NAVIGATION MENU -->
		412	</div>
		413	<!-- END HEADER INNER -->
		414	</div>
		415	<!-- END HEADER -->
		416	<!-- BEGIN HEADER & CONTENT DIVIDER -->
		417	<div class="clearfix"> </div>
		418	<!-- END HEADER & CONTENT DIVIDER -->
		419	<!-- BEGIN CONTAINER -->
		420	<div class="page-container">
		421	<!-- BEGIN SIDEBAR -->
		422	<div class="page-sidebar-wrapper">
		423	<!-- BEGIN SIDEBAR -->
		424	<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
		425	<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
		426	<div class="page-sidebar navbar-collapse collapse">
		427	<!-- BEGIN SIDEBAR MENU -->
		428	<!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
		429	<!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
		430	<!-- 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 -->
		431	<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
		432	<!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
		433	<!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
		434	<ul class="page-sidebar-menu page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
		435	<!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
		436	<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
		437	<li class="sidebar-toggler-wrapper hide">
		438	<div class="sidebar-toggler">
		439	<span></span>
		440	</div>
		441	</li>
		442	<!-- END SIDEBAR TOGGLER BUTTON -->
		443	<!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
		444	<li class="sidebar-search-wrapper">
		445	<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
		446	<!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
		447	<!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->
		448	<form class="sidebar-search " action="page_general_search_3.html" method="POST">
		449	<a href="javascript:;" class="remove">
		450	<i class="icon-close"></i>
		451	</a>
		452	<div class="input-group">
		453	<input type="text" class="form-control" placeholder="Search...">
		454	<span class="input-group-btn">
		455	<a href="javascript:;" class="btn submit">
		456	<i class="icon-magnifier"></i>
		457	</a>
		458	</span>
		459	</div>
		460	</form>
		461	<!-- END RESPONSIVE QUICK SEARCH FORM -->
		462	</li>
		463	<li class="nav-item start ">
		464	<a href="javascript:;" class="nav-link nav-toggle">
		465	<i class="icon-home"></i>
		466	<span class="title">Dashboard</span>
		467	<span class="arrow"></span>
		468	</a>
		469	<ul class="sub-menu">
		470	<li class="nav-item start ">
		471	<a href="index.html" class="nav-link ">
		472	<i class="icon-bar-chart"></i>
		473	<span class="title">Dashboard 1</span>
		474	</a>
		475	</li>
		476	<li class="nav-item start ">
		477	<a href="dashboard_2.html" class="nav-link ">
		478	<i class="icon-bulb"></i>
		479	<span class="title">Dashboard 2</span>
		480	<span class="badge badge-success">1</span>
		481	</a>
		482	</li>
		483	<li class="nav-item start ">
		484	<a href="dashboard_3.html" class="nav-link ">
		485	<i class="icon-graph"></i>
		486	<span class="title">Dashboard 3</span>
		487	<span class="badge badge-danger">5</span>
		488	</a>
		489	</li>
		490	</ul>
		491	</li>
		492	<li class="heading">
		493	<h3 class="uppercase">Features</h3>
		494	</li>
		495	<li class="nav-item active open">
		496	<a href="javascript:;" class="nav-link nav-toggle">
		497	<i class="icon-diamond"></i>
		498	<span class="title">UI Features</span>
		499	<span class="selected"></span>
		500	<span class="arrow open"></span>
		501	</a>
		502	<ul class="sub-menu">
		503	<li class="nav-item ">
		504	<a href="ui_colors.html" class="nav-link ">
		505	<span class="title">Color Library</span>
		506	</a>
		507	</li>
		508	<li class="nav-item active open">
		509	<a href="ui_general.html" class="nav-link ">
		510	<span class="title">General Components</span>
		511	<span class="selected"></span>
		512	</a>
		513	</li>
		514	<li class="nav-item ">
		515	<a href="ui_buttons.html" class="nav-link ">
		516	<span class="title">Buttons</span>
		517	</a>
		518	</li>
		519	<li class="nav-item ">
		520	<a href="ui_buttons_spinner.html" class="nav-link ">
		521	<span class="title">Spinner Buttons</span>
		522	</a>
		523	</li>
		524	<li class="nav-item ">
		525	<a href="ui_confirmations.html" class="nav-link ">
		526	<span class="title">Popover Confirmations</span>
		527	</a>
		528	</li>
		529	<li class="nav-item ">
		530	<a href="ui_icons.html" class="nav-link ">
		531	<span class="title">Font Icons</span>
		532	</a>
		533	</li>
		534	<li class="nav-item ">
		535	<a href="ui_socicons.html" class="nav-link ">
		536	<span class="title">Social Icons</span>
		537	</a>
		538	</li>
		539	<li class="nav-item ">
		540	<a href="ui_typography.html" class="nav-link ">
		541	<span class="title">Typography</span>
		542	</a>
		543	</li>
		544	<li class="nav-item ">
		545	<a href="ui_tabs_accordions_navs.html" class="nav-link ">
		546	<span class="title">Tabs, Accordions & Navs</span>
		547	</a>
		548	</li>
		549	<li class="nav-item ">
		550	<a href="ui_timeline.html" class="nav-link ">
		551	<span class="title">Timeline 1</span>
		552	</a>
		553	</li>
		554	<li class="nav-item ">
		555	<a href="ui_timeline_2.html" class="nav-link ">
		556	<span class="title">Timeline 2</span>
		557	</a>
		558	</li>
		559	<li class="nav-item ">
		560	<a href="ui_timeline_horizontal.html" class="nav-link ">
		561	<span class="title">Horizontal Timeline</span>
		562	</a>
		563	</li>
		564	<li class="nav-item ">
		565	<a href="ui_tree.html" class="nav-link ">
		566	<span class="title">Tree View</span>
		567	</a>
		568	</li>
		569	<li class="nav-item ">
		570	<a href="javascript:;" class="nav-link nav-toggle">
		571	<span class="title">Page Progress Bar</span>
		572	<span class="arrow"></span>
		573	</a>
		574	<ul class="sub-menu">
		575	<li class="nav-item ">
		576	<a href="ui_page_progress_style_1.html" class="nav-link "> Flash </a>
		577	</li>
		578	<li class="nav-item ">
		579	<a href="ui_page_progress_style_2.html" class="nav-link "> Big Counter </a>
		580	</li>
		581	</ul>
		582	</li>
		583	<li class="nav-item ">
		584	<a href="ui_blockui.html" class="nav-link ">
		585	<span class="title">Block UI</span>
		586	</a>
		587	</li>
		588	<li class="nav-item ">
		589	<a href="ui_bootstrap_growl.html" class="nav-link ">
		590	<span class="title">Bootstrap Growl Notifications</span>
		591	</a>
		592	</li>
		593	<li class="nav-item ">
		594	<a href="ui_notific8.html" class="nav-link ">
		595	<span class="title">Notific8 Notifications</span>
		596	</a>
		597	</li>
		598	<li class="nav-item ">
		599	<a href="ui_toastr.html" class="nav-link ">
		600	<span class="title">Toastr Notifications</span>
		601	</a>
		602	</li>
		603	<li class="nav-item ">
		604	<a href="ui_bootbox.html" class="nav-link ">
		605	<span class="title">Bootbox Dialogs</span>
		606	</a>
		607	</li>
		608	<li class="nav-item ">
		609	<a href="ui_alerts_api.html" class="nav-link ">
		610	<span class="title">Metronic Alerts API</span>
		611	</a>
		612	</li>
		613	<li class="nav-item ">
		614	<a href="ui_session_timeout.html" class="nav-link ">
		615	<span class="title">Session Timeout</span>
		616	</a>
		617	</li>
		618	<li class="nav-item ">
		619	<a href="ui_idle_timeout.html" class="nav-link ">
		620	<span class="title">User Idle Timeout</span>
		621	</a>
		622	</li>
		623	<li class="nav-item ">
		624	<a href="ui_modals.html" class="nav-link ">
		625	<span class="title">Modals</span>
		626	</a>
		627	</li>
		628	<li class="nav-item ">
		629	<a href="ui_extended_modals.html" class="nav-link ">
		630	<span class="title">Extended Modals</span>
		631	</a>
		632	</li>
		633	<li class="nav-item ">
		634	<a href="ui_tiles.html" class="nav-link ">
		635	<span class="title">Tiles</span>
		636	</a>
		637	</li>
		638	<li class="nav-item ">
		639	<a href="ui_datepaginator.html" class="nav-link ">
		640	<span class="title">Date Paginator</span>
		641	</a>
		642	</li>
		643	<li class="nav-item ">
		644	<a href="ui_nestable.html" class="nav-link ">
		645	<span class="title">Nestable List</span>
		646	</a>
		647	</li>
		648	</ul>
		649	</li>
		650	<li class="nav-item ">
		651	<a href="javascript:;" class="nav-link nav-toggle">
		652	<i class="icon-puzzle"></i>
		653	<span class="title">Components</span>
		654	<span class="arrow"></span>
		655	</a>
		656	<ul class="sub-menu">
		657	<li class="nav-item ">
		658	<a href="components_date_time_pickers.html" class="nav-link ">
		659	<span class="title">Date & Time Pickers</span>
		660	</a>
		661	</li>
		662	<li class="nav-item ">
		663	<a href="components_color_pickers.html" class="nav-link ">
		664	<span class="title">Color Pickers</span>
		665	<span class="badge badge-danger">2</span>
		666	</a>
		667	</li>
		668	<li class="nav-item ">
		669	<a href="components_select2.html" class="nav-link ">
		670	<span class="title">Select2 Dropdowns</span>
		671	</a>
		672	</li>
		673	<li class="nav-item ">
		674	<a href="components_bootstrap_select.html" class="nav-link ">
		675	<span class="title">Bootstrap Select</span>
		676	</a>
		677	</li>
		678	<li class="nav-item ">
		679	<a href="components_multi_select.html" class="nav-link ">
		680	<span class="title">Multi Select</span>
		681	</a>
		682	</li>
		683	<li class="nav-item ">
		684	<a href="components_bootstrap_select_splitter.html" class="nav-link ">
		685	<span class="title">Select Splitter</span>
		686	</a>
		687	</li>
		688	<li class="nav-item ">
		689	<a href="components_typeahead.html" class="nav-link ">
		690	<span class="title">Typeahead Autocomplete</span>
		691	</a>
		692	</li>
		693	<li class="nav-item ">
		694	<a href="components_bootstrap_tagsinput.html" class="nav-link ">
		695	<span class="title">Bootstrap Tagsinput</span>
		696	</a>
		697	</li>
		698	<li class="nav-item ">
		699	<a href="components_bootstrap_switch.html" class="nav-link ">
		700	<span class="title">Bootstrap Switch</span>
		701	<span class="badge badge-success">6</span>
		702	</a>
		703	</li>
		704	<li class="nav-item ">
		705	<a href="components_bootstrap_maxlength.html" class="nav-link ">
		706	<span class="title">Bootstrap Maxlength</span>
		707	</a>
		708	</li>
		709	<li class="nav-item ">
		710	<a href="components_bootstrap_fileinput.html" class="nav-link ">
		711	<span class="title">Bootstrap File Input</span>
		712	</a>
		713	</li>
		714	<li class="nav-item ">
		715	<a href="components_bootstrap_touchspin.html" class="nav-link ">
		716	<span class="title">Bootstrap Touchspin</span>
		717	</a>
		718	</li>
		719	<li class="nav-item ">
		720	<a href="components_form_tools.html" class="nav-link ">
		721	<span class="title">Form Widgets & Tools</span>
		722	</a>
		723	</li>
		724	<li class="nav-item ">
		725	<a href="components_context_menu.html" class="nav-link ">
		726	<span class="title">Context Menu</span>
		727	</a>
		728	</li>
		729	<li class="nav-item ">
		730	<a href="components_editors.html" class="nav-link ">
		731	<span class="title">Markdown & WYSIWYG Editors</span>
		732	</a>
		733	</li>
		734	<li class="nav-item ">
		735	<a href="components_code_editors.html" class="nav-link ">
		736	<span class="title">Code Editors</span>
		737	</a>
		738	</li>
		739	<li class="nav-item ">
		740	<a href="components_ion_sliders.html" class="nav-link ">
		741	<span class="title">Ion Range Sliders</span>
		742	</a>
		743	</li>
		744	<li class="nav-item ">
		745	<a href="components_noui_sliders.html" class="nav-link ">
		746	<span class="title">NoUI Range Sliders</span>
		747	</a>
		748	</li>
		749	<li class="nav-item ">
		750	<a href="components_knob_dials.html" class="nav-link ">
		751	<span class="title">Knob Circle Dials</span>
		752	</a>
		753	</li>
		754	</ul>
		755	</li>
		756	<li class="nav-item ">
		757	<a href="javascript:;" class="nav-link nav-toggle">
		758	<i class="icon-settings"></i>
		759	<span class="title">Form Stuff</span>
		760	<span class="arrow"></span>
		761	</a>
		762	<ul class="sub-menu">
		763	<li class="nav-item ">
		764	<a href="form_controls.html" class="nav-link ">
		765	<span class="title">Bootstrap Form
		766	<br>Controls</span>
		767	</a>
		768	</li>
		769	<li class="nav-item ">
		770	<a href="form_controls_md.html" class="nav-link ">
		771	<span class="title">Material Design
		772	<br>Form Controls</span>
		773	</a>
		774	</li>
		775	<li class="nav-item ">
		776	<a href="form_validation.html" class="nav-link ">
		777	<span class="title">Form Validation</span>
		778	</a>
		779	</li>
		780	<li class="nav-item ">
		781	<a href="form_validation_states_md.html" class="nav-link ">
		782	<span class="title">Material Design
		783	<br>Form Validation States</span>
		784	</a>
		785	</li>
		786	<li class="nav-item ">
		787	<a href="form_validation_md.html" class="nav-link ">
		788	<span class="title">Material Design
		789	<br>Form Validation</span>
		790	</a>
		791	</li>
		792	<li class="nav-item ">
		793	<a href="form_layouts.html" class="nav-link ">
		794	<span class="title">Form Layouts</span>
		795	</a>
		796	</li>
		797	<li class="nav-item ">
		798	<a href="form_input_mask.html" class="nav-link ">
		799	<span class="title">Form Input Mask</span>
		800	</a>
		801	</li>
		802	<li class="nav-item ">
		803	<a href="form_editable.html" class="nav-link ">
		804	<span class="title">Form X-editable</span>
		805	</a>
		806	</li>
		807	<li class="nav-item ">
		808	<a href="form_wizard.html" class="nav-link ">
		809	<span class="title">Form Wizard</span>
		810	</a>
		811	</li>
		812	<li class="nav-item ">
		813	<a href="form_icheck.html" class="nav-link ">
		814	<span class="title">iCheck Controls</span>
		815	</a>
		816	</li>
		817	<li class="nav-item ">
		818	<a href="form_image_crop.html" class="nav-link ">
		819	<span class="title">Image Cropping</span>
		820	</a>
		821	</li>
		822	<li class="nav-item ">
		823	<a href="form_fileupload.html" class="nav-link ">
		824	<span class="title">Multiple File Upload</span>
		825	</a>
		826	</li>
		827	<li class="nav-item ">
		828	<a href="form_dropzone.html" class="nav-link ">
		829	<span class="title">Dropzone File Upload</span>
		830	</a>
		831	</li>
		832	</ul>
		833	</li>
		834	<li class="nav-item ">
		835	<a href="javascript:;" class="nav-link nav-toggle">
		836	<i class="icon-bulb"></i>
		837	<span class="title">Elements</span>
		838	<span class="arrow"></span>
		839	</a>
		840	<ul class="sub-menu">
		841	<li class="nav-item ">
		842	<a href="elements_steps.html" class="nav-link ">
		843	<span class="title">Steps</span>
		844	</a>
		845	</li>
		846	<li class="nav-item ">
		847	<a href="elements_lists.html" class="nav-link ">
		848	<span class="title">Lists</span>
		849	</a>
		850	</li>
		851	<li class="nav-item ">
		852	<a href="elements_ribbons.html" class="nav-link ">
		853	<span class="title">Ribbons</span>
		854	</a>
		855	</li>
		856	<li class="nav-item ">
		857	<a href="elements_overlay.html" class="nav-link ">
		858	<span class="title">Overlays</span>
		859	</a>
		860	</li>
		861	<li class="nav-item ">
		862	<a href="elements_cards.html" class="nav-link ">
		863	<span class="title">User Cards</span>
		864	</a>
		865	</li>
		866	</ul>
		867	</li>
		868	<li class="nav-item ">
		869	<a href="javascript:;" class="nav-link nav-toggle">
		870	<i class="icon-briefcase"></i>
		871	<span class="title">Tables</span>
		872	<span class="arrow"></span>
		873	</a>
		874	<ul class="sub-menu">
		875	<li class="nav-item ">
		876	<a href="table_static_basic.html" class="nav-link ">
		877	<span class="title">Basic Tables</span>
		878	</a>
		879	</li>
		880	<li class="nav-item ">
		881	<a href="table_static_responsive.html" class="nav-link ">
		882	<span class="title">Responsive Tables</span>
		883	</a>
		884	</li>
		885	<li class="nav-item ">
		886	<a href="table_bootstrap.html" class="nav-link ">
		887	<span class="title">Bootstrap Tables</span>
		888	</a>
		889	</li>
		890	<li class="nav-item ">
		891	<a href="javascript:;" class="nav-link nav-toggle">
		892	<span class="title">Datatables</span>
		893	<span class="arrow"></span>
		894	</a>
		895	<ul class="sub-menu">
		896	<li class="nav-item ">
		897	<a href="table_datatables_managed.html" class="nav-link "> Managed Datatables </a>
		898	</li>
		899	<li class="nav-item ">
		900	<a href="table_datatables_buttons.html" class="nav-link "> Buttons Extension </a>
		901	</li>
		902	<li class="nav-item ">
		903	<a href="table_datatables_colreorder.html" class="nav-link "> Colreorder Extension </a>
		904	</li>
		905	<li class="nav-item ">
		906	<a href="table_datatables_rowreorder.html" class="nav-link "> Rowreorder Extension </a>
		907	</li>
		908	<li class="nav-item ">
		909	<a href="table_datatables_scroller.html" class="nav-link "> Scroller Extension </a>
		910	</li>
		911	<li class="nav-item ">
		912	<a href="table_datatables_fixedheader.html" class="nav-link "> FixedHeader Extension </a>
		913	</li>
		914	<li class="nav-item ">
		915	<a href="table_datatables_responsive.html" class="nav-link "> Responsive Extension </a>
		916	</li>
		917	<li class="nav-item ">
		918	<a href="table_datatables_editable.html" class="nav-link "> Editable Datatables </a>
		919	</li>
		920	<li class="nav-item ">
		921	<a href="table_datatables_ajax.html" class="nav-link "> Ajax Datatables </a>
		922	</li>
		923	</ul>
		924	</li>
		925	</ul>
		926	</li>
		927	<li class="nav-item ">
		928	<a href="?p=" class="nav-link nav-toggle">
		929	<i class="icon-wallet"></i>
		930	<span class="title">Portlets</span>
		931	<span class="arrow"></span>
		932	</a>
		933	<ul class="sub-menu">
		934	<li class="nav-item ">
		935	<a href="portlet_boxed.html" class="nav-link ">
		936	<span class="title">Boxed Portlets</span>
		937	</a>
		938	</li>
		939	<li class="nav-item ">
		940	<a href="portlet_light.html" class="nav-link ">
		941	<span class="title">Light Portlets</span>
		942	</a>
		943	</li>
		944	<li class="nav-item ">
		945	<a href="portlet_solid.html" class="nav-link ">
		946	<span class="title">Solid Portlets</span>
		947	</a>
		948	</li>
		949	<li class="nav-item ">
		950	<a href="portlet_ajax.html" class="nav-link ">
		951	<span class="title">Ajax Portlets</span>
		952	</a>
		953	</li>
		954	<li class="nav-item ">
		955	<a href="portlet_draggable.html" class="nav-link ">
		956	<span class="title">Draggable Portlets</span>
		957	</a>
		958	</li>
		959	</ul>
		960	</li>
		961	<li class="nav-item ">
		962	<a href="javascript:;" class="nav-link nav-toggle">
		963	<i class="icon-bar-chart"></i>
		964	<span class="title">Charts</span>
		965	<span class="arrow"></span>
		966	</a>
		967	<ul class="sub-menu">
		968	<li class="nav-item ">
		969	<a href="charts_amcharts.html" class="nav-link ">
		970	<span class="title">amChart</span>
		971	</a>
		972	</li>
		973	<li class="nav-item ">
		974	<a href="charts_flotcharts.html" class="nav-link ">
		975	<span class="title">Flot Charts</span>
		976	</a>
		977	</li>
		978	<li class="nav-item ">
		979	<a href="charts_flowchart.html" class="nav-link ">
		980	<span class="title">Flow Charts</span>
		981	</a>
		982	</li>
		983	<li class="nav-item ">
		984	<a href="charts_google.html" class="nav-link ">
		985	<span class="title">Google Charts</span>
		986	</a>
		987	</li>
		988	<li class="nav-item ">
		989	<a href="charts_echarts.html" class="nav-link ">
		990	<span class="title">eCharts</span>
		991	</a>
		992	</li>
		993	<li class="nav-item ">
		994	<a href="charts_morris.html" class="nav-link ">
		995	<span class="title">Morris Charts</span>
		996	</a>
		997	</li>
		998	<li class="nav-item ">
		999	<a href="javascript:;" class="nav-link nav-toggle">
		1000	<span class="title">HighCharts</span>
		1001	<span class="arrow"></span>
		1002	</a>
		1003	<ul class="sub-menu">
		1004	<li class="nav-item ">
		1005	<a href="charts_highcharts.html" class="nav-link "> HighCharts </a>
		1006	</li>
		1007	<li class="nav-item ">
		1008	<a href="charts_highstock.html" class="nav-link "> HighStock </a>
		1009	</li>
		1010	<li class="nav-item ">
		1011	<a href="charts_highmaps.html" class="nav-link "> HighMaps </a>
		1012	</li>
		1013	</ul>
		1014	</li>
		1015	</ul>
		1016	</li>
		1017	<li class="nav-item ">
		1018	<a href="javascript:;" class="nav-link nav-toggle">
		1019	<i class="icon-pointer"></i>
		1020	<span class="title">Maps</span>
		1021	<span class="arrow"></span>
		1022	</a>
		1023	<ul class="sub-menu">
		1024	<li class="nav-item ">
		1025	<a href="maps_google.html" class="nav-link ">
		1026	<span class="title">Google Maps</span>
		1027	</a>
		1028	</li>
		1029	<li class="nav-item ">
		1030	<a href="maps_vector.html" class="nav-link ">
		1031	<span class="title">Vector Maps</span>
		1032	</a>
		1033	</li>
		1034	</ul>
		1035	</li>
		1036	<li class="heading">
		1037	<h3 class="uppercase">Layouts</h3>
		1038	</li>
		1039	<li class="nav-item ">
		1040	<a href="javascript:;" class="nav-link nav-toggle">
		1041	<i class="icon-layers"></i>
		1042	<span class="title">Page Layouts</span>
		1043	<span class="arrow"></span>
		1044	</a>
		1045	<ul class="sub-menu">
		1046	<li class="nav-item ">
		1047	<a href="layout_blank_page.html" class="nav-link ">
		1048	<span class="title">Blank Page</span>
		1049	</a>
		1050	</li>
		1051	<li class="nav-item ">
		1052	<a href="layout_ajax_page.html" class="nav-link ">
		1053	<span class="title">Ajax Content Layout</span>
		1054	</a>
		1055	</li>
		1056	<li class="nav-item ">
		1057	<a href="layout_offcanvas_mobile_menu.html" class="nav-link ">
		1058	<span class="title">Off-canvas Mobile Menu</span>
		1059	</a>
		1060	</li>
		1061	<li class="nav-item ">
		1062	<a href="layout_classic_page_head.html" class="nav-link ">
		1063	<span class="title">Classic Page Head</span>
		1064	</a>
		1065	</li>
		1066	<li class="nav-item ">
		1067	<a href="layout_light_page_head.html" class="nav-link ">
		1068	<span class="title">Light Page Head</span>
		1069	</a>
		1070	</li>
		1071	<li class="nav-item ">
		1072	<a href="layout_content_grey.html" class="nav-link ">
		1073	<span class="title">Grey Bg Content</span>
		1074	</a>
		1075	</li>
		1076	<li class="nav-item ">
		1077	<a href="layout_search_on_header_1.html" class="nav-link ">
		1078	<span class="title">Search Box On Header 1</span>
		1079	</a>
		1080	</li>
		1081	<li class="nav-item ">
		1082	<a href="layout_search_on_header_2.html" class="nav-link ">
		1083	<span class="title">Search Box On Header 2</span>
		1084	</a>
		1085	</li>
		1086	<li class="nav-item ">
		1087	<a href="layout_language_bar.html" class="nav-link ">
		1088	<span class="title">Header Language Bar</span>
		1089	</a>
		1090	</li>
		1091	<li class="nav-item ">
		1092	<a href="layout_footer_fixed.html" class="nav-link ">
		1093	<span class="title">Fixed Footer</span>
		1094	</a>
		1095	</li>
		1096	<li class="nav-item ">
		1097	<a href="layout_boxed_page.html" class="nav-link ">
		1098	<span class="title">Boxed Page</span>
		1099	</a>
		1100	</li>
		1101	</ul>
		1102	</li>
		1103	<li class="nav-item ">
		1104	<a href="javascript:;" class="nav-link nav-toggle">
		1105	<i class="icon-feed"></i>
		1106	<span class="title">Sidebar Layouts</span>
		1107	<span class="arrow"></span>
		1108	</a>
		1109	<ul class="sub-menu">
		1110	<li class="nav-item ">
		1111	<a href="layout_sidebar_menu_light.html" class="nav-link ">
		1112	<span class="title">Light Sidebar Menu</span>
		1113	</a>
		1114	</li>
		1115	<li class="nav-item ">
		1116	<a href="layout_sidebar_menu_hover.html" class="nav-link ">
		1117	<span class="title">Hover Sidebar Menu</span>
		1118	</a>
		1119	</li>
		1120	<li class="nav-item ">
		1121	<a href="layout_sidebar_search_1.html" class="nav-link ">
		1122	<span class="title">Sidebar Search Option 1</span>
		1123	</a>
		1124	</li>
		1125	<li class="nav-item ">
		1126	<a href="layout_sidebar_search_2.html" class="nav-link ">
		1127	<span class="title">Sidebar Search Option 2</span>
		1128	</a>
		1129	</li>
		1130	<li class="nav-item ">
		1131	<a href="layout_toggler_on_sidebar.html" class="nav-link ">
		1132	<span class="title">Sidebar Toggler On Sidebar</span>
		1133	</a>
		1134	</li>
		1135	<li class="nav-item ">
		1136	<a href="layout_sidebar_reversed.html" class="nav-link ">
		1137	<span class="title">Reversed Sidebar Page</span>
		1138	</a>
		1139	</li>
		1140	<li class="nav-item ">
		1141	<a href="layout_sidebar_fixed.html" class="nav-link ">
		1142	<span class="title">Fixed Sidebar Layout</span>
		1143	</a>
		1144	</li>
		1145	<li class="nav-item ">
		1146	<a href="layout_sidebar_closed.html" class="nav-link ">
		1147	<span class="title">Closed Sidebar Layout</span>
		1148	</a>
		1149	</li>
		1150	</ul>
		1151	</li>
		1152	<li class="nav-item ">
		1153	<a href="javascript:;" class="nav-link nav-toggle">
		1154	<i class="icon-paper-plane"></i>
		1155	<span class="title">Horizontal Menu</span>
		1156	<span class="arrow"></span>
		1157	</a>
		1158	<ul class="sub-menu">
		1159	<li class="nav-item ">
		1160	<a href="layout_mega_menu_light.html" class="nav-link ">
		1161	<span class="title">Light Mega Menu</span>
		1162	</a>
		1163	</li>
		1164	<li class="nav-item ">
		1165	<a href="layout_mega_menu_dark.html" class="nav-link ">
		1166	<span class="title">Dark Mega Menu</span>
		1167	</a>
		1168	</li>
		1169	<li class="nav-item ">
		1170	<a href="layout_full_width.html" class="nav-link ">
		1171	<span class="title">Full Width Layout</span>
		1172	</a>
		1173	</li>
		1174	</ul>
		1175	</li>
		1176	<li class="nav-item ">
		1177	<a href="javascript:;" class="nav-link nav-toggle">
		1178	<i class=" icon-wrench"></i>
		1179	<span class="title">Custom Layouts</span>
		1180	<span class="arrow"></span>
		1181	</a>
		1182	<ul class="sub-menu">
		1183	<li class="nav-item ">
		1184	<a href="layout_disabled_menu.html" class="nav-link ">
		1185	<span class="title">Disabled Menu Links</span>
		1186	</a>
		1187	</li>
		1188	<li class="nav-item ">
		1189	<a href="layout_full_height_portlet.html" class="nav-link ">
		1190	<span class="title">Full Height Portlet</span>
		1191	</a>
		1192	</li>
		1193	<li class="nav-item ">
		1194	<a href="layout_full_height_content.html" class="nav-link ">
		1195	<span class="title">Full Height Content</span>
		1196	</a>
		1197	</li>
		1198	</ul>
		1199	</li>
		1200	<li class="heading">
		1201	<h3 class="uppercase">Pages</h3>
		1202	</li>
		1203	<li class="nav-item ">
		1204	<a href="javascript:;" class="nav-link nav-toggle">
		1205	<i class="icon-basket"></i>
		1206	<span class="title">eCommerce</span>
		1207	<span class="arrow"></span>
		1208	</a>
		1209	<ul class="sub-menu">
		1210	<li class="nav-item ">
		1211	<a href="ecommerce_index.html" class="nav-link ">
		1212	<i class="icon-home"></i>
		1213	<span class="title">Dashboard</span>
		1214	</a>
		1215	</li>
		1216	<li class="nav-item ">
		1217	<a href="ecommerce_orders.html" class="nav-link ">
		1218	<i class="icon-basket"></i>
		1219	<span class="title">Orders</span>
		1220	</a>
		1221	</li>
		1222	<li class="nav-item ">
		1223	<a href="ecommerce_orders_view.html" class="nav-link ">
		1224	<i class="icon-tag"></i>
		1225	<span class="title">Order View</span>
		1226	</a>
		1227	</li>
		1228	<li class="nav-item ">
		1229	<a href="ecommerce_products.html" class="nav-link ">
		1230	<i class="icon-graph"></i>
		1231	<span class="title">Products</span>
		1232	</a>
		1233	</li>
		1234	<li class="nav-item ">
		1235	<a href="ecommerce_products_edit.html" class="nav-link ">
		1236	<i class="icon-graph"></i>
		1237	<span class="title">Product Edit</span>
		1238	</a>
		1239	</li>
		1240	</ul>
		1241	</li>
		1242	<li class="nav-item ">
		1243	<a href="javascript:;" class="nav-link nav-toggle">
		1244	<i class="icon-docs"></i>
		1245	<span class="title">Apps</span>
		1246	<span class="arrow"></span>
		1247	</a>
		1248	<ul class="sub-menu">
		1249	<li class="nav-item ">
		1250	<a href="app_todo.html" class="nav-link ">
		1251	<i class="icon-clock"></i>
		1252	<span class="title">Todo 1</span>
		1253	</a>
		1254	</li>
		1255	<li class="nav-item ">
		1256	<a href="app_todo_2.html" class="nav-link ">
		1257	<i class="icon-check"></i>
		1258	<span class="title">Todo 2</span>
		1259	</a>
		1260	</li>
		1261	<li class="nav-item ">
		1262	<a href="app_inbox.html" class="nav-link ">
		1263	<i class="icon-envelope"></i>
		1264	<span class="title">Inbox</span>
		1265	</a>
		1266	</li>
		1267	<li class="nav-item ">
		1268	<a href="app_calendar.html" class="nav-link ">
		1269	<i class="icon-calendar"></i>
		1270	<span class="title">Calendar</span>
		1271	</a>
		1272	</li>
		1273	<li class="nav-item ">
		1274	<a href="app_ticket.html" class="nav-link ">
		1275	<i class="icon-notebook"></i>
		1276	<span class="title">Support</span>
		1277	</a>
		1278	</li>
		1279	</ul>
		1280	</li>
		1281	<li class="nav-item ">
		1282	<a href="javascript:;" class="nav-link nav-toggle">
		1283	<i class="icon-user"></i>
		1284	<span class="title">User</span>
		1285	<span class="arrow"></span>
		1286	</a>
		1287	<ul class="sub-menu">
		1288	<li class="nav-item ">
		1289	<a href="page_user_profile_1.html" class="nav-link ">
		1290	<i class="icon-user"></i>
		1291	<span class="title">Profile 1</span>
		1292	</a>
		1293	</li>
		1294	<li class="nav-item ">
		1295	<a href="page_user_profile_1_account.html" class="nav-link ">
		1296	<i class="icon-user-female"></i>
		1297	<span class="title">Profile 1 Account</span>
		1298	</a>
		1299	</li>
		1300	<li class="nav-item ">
		1301	<a href="page_user_profile_1_help.html" class="nav-link ">
		1302	<i class="icon-user-following"></i>
		1303	<span class="title">Profile 1 Help</span>
		1304	</a>
		1305	</li>
		1306	<li class="nav-item ">
		1307	<a href="page_user_profile_2.html" class="nav-link ">
		1308	<i class="icon-users"></i>
		1309	<span class="title">Profile 2</span>
		1310	</a>
		1311	</li>
		1312	<li class="nav-item ">
		1313	<a href="javascript:;" class="nav-link nav-toggle">
		1314	<i class="icon-notebook"></i>
		1315	<span class="title">Login</span>
		1316	<span class="arrow"></span>
		1317	</a>
		1318	<ul class="sub-menu">
		1319	<li class="nav-item ">
		1320	<a href="page_user_login_1.html" class="nav-link " target="_blank"> Login Page 1 </a>
		1321	</li>
		1322	<li class="nav-item ">
		1323	<a href="page_user_login_2.html" class="nav-link " target="_blank"> Login Page 2 </a>
		1324	</li>
		1325	<li class="nav-item ">
		1326	<a href="page_user_login_3.html" class="nav-link " target="_blank"> Login Page 3 </a>
		1327	</li>
		1328	<li class="nav-item ">
		1329	<a href="page_user_login_4.html" class="nav-link " target="_blank"> Login Page 4 </a>
		1330	</li>
		1331	<li class="nav-item ">
		1332	<a href="page_user_login_5.html" class="nav-link " target="_blank"> Login Page 5 </a>
		1333	</li>
		1334	<li class="nav-item ">
		1335	<a href="page_user_login_6.html" class="nav-link " target="_blank"> Login Page 6 </a>
		1336	</li>
		1337	</ul>
		1338	</li>
		1339	<li class="nav-item ">
		1340	<a href="page_user_lock_1.html" class="nav-link " target="_blank">
		1341	<i class="icon-lock"></i>
		1342	<span class="title">Lock Screen 1</span>
		1343	</a>
		1344	</li>
		1345	<li class="nav-item ">
		1346	<a href="page_user_lock_2.html" class="nav-link " target="_blank">
		1347	<i class="icon-lock-open"></i>
		1348	<span class="title">Lock Screen 2</span>
		1349	</a>
		1350	</li>
		1351	</ul>
		1352	</li>
		1353	<li class="nav-item ">
		1354	<a href="javascript:;" class="nav-link nav-toggle">
		1355	<i class="icon-social-dribbble"></i>
		1356	<span class="title">General</span>
		1357	<span class="arrow"></span>
		1358	</a>
		1359	<ul class="sub-menu">
		1360	<li class="nav-item ">
		1361	<a href="page_general_about.html" class="nav-link ">
		1362	<i class="icon-info"></i>
		1363	<span class="title">About</span>
		1364	</a>
		1365	</li>
		1366	<li class="nav-item ">
		1367	<a href="page_general_contact.html" class="nav-link ">
		1368	<i class="icon-call-end"></i>
		1369	<span class="title">Contact</span>
		1370	</a>
		1371	</li>
		1372	<li class="nav-item ">
		1373	<a href="javascript:;" class="nav-link nav-toggle">
		1374	<i class="icon-notebook"></i>
		1375	<span class="title">Portfolio</span>
		1376	<span class="arrow"></span>
		1377	</a>
		1378	<ul class="sub-menu">
		1379	<li class="nav-item ">
		1380	<a href="page_general_portfolio_1.html" class="nav-link "> Portfolio 1 </a>
		1381	</li>
		1382	<li class="nav-item ">
		1383	<a href="page_general_portfolio_2.html" class="nav-link "> Portfolio 2 </a>
		1384	</li>
		1385	<li class="nav-item ">
		1386	<a href="page_general_portfolio_3.html" class="nav-link "> Portfolio 3 </a>
		1387	</li>
		1388	<li class="nav-item ">
		1389	<a href="page_general_portfolio_4.html" class="nav-link "> Portfolio 4 </a>
		1390	</li>
		1391	</ul>
		1392	</li>
		1393	<li class="nav-item ">
		1394	<a href="javascript:;" class="nav-link nav-toggle">
		1395	<i class="icon-magnifier"></i>
		1396	<span class="title">Search</span>
		1397	<span class="arrow"></span>
		1398	</a>
		1399	<ul class="sub-menu">
		1400	<li class="nav-item ">
		1401	<a href="page_general_search.html" class="nav-link "> Search 1 </a>
		1402	</li>
		1403	<li class="nav-item ">
		1404	<a href="page_general_search_2.html" class="nav-link "> Search 2 </a>
		1405	</li>
		1406	<li class="nav-item ">
		1407	<a href="page_general_search_3.html" class="nav-link "> Search 3 </a>
		1408	</li>
		1409	<li class="nav-item ">
		1410	<a href="page_general_search_4.html" class="nav-link "> Search 4 </a>
		1411	</li>
		1412	<li class="nav-item ">
		1413	<a href="page_general_search_5.html" class="nav-link "> Search 5 </a>
		1414	</li>
		1415	</ul>
		1416	</li>
		1417	<li class="nav-item ">
		1418	<a href="page_general_pricing.html" class="nav-link ">
		1419	<i class="icon-tag"></i>
		1420	<span class="title">Pricing</span>
		1421	</a>
		1422	</li>
		1423	<li class="nav-item ">
		1424	<a href="page_general_faq.html" class="nav-link ">
		1425	<i class="icon-wrench"></i>
		1426	<span class="title">FAQ</span>
		1427	</a>
		1428	</li>
		1429	<li class="nav-item ">
		1430	<a href="page_general_blog.html" class="nav-link ">
		1431	<i class="icon-pencil"></i>
		1432	<span class="title">Blog</span>
		1433	</a>
		1434	</li>
		1435	<li class="nav-item ">
		1436	<a href="page_general_blog_post.html" class="nav-link ">
		1437	<i class="icon-note"></i>
		1438	<span class="title">Blog Post</span>
		1439	</a>
		1440	</li>
		1441	<li class="nav-item ">
		1442	<a href="page_general_invoice.html" class="nav-link ">
		1443	<i class="icon-envelope"></i>
		1444	<span class="title">Invoice</span>
		1445	</a>
		1446	</li>
		1447	<li class="nav-item ">
		1448	<a href="page_general_invoice_2.html" class="nav-link ">
		1449	<i class="icon-envelope"></i>
		1450	<span class="title">Invoice 2</span>
		1451	</a>
		1452	</li>
		1453	</ul>
		1454	</li>
		1455	<li class="nav-item ">
		1456	<a href="javascript:;" class="nav-link nav-toggle">
		1457	<i class="icon-settings"></i>
		1458	<span class="title">System</span>
		1459	<span class="arrow"></span>
		1460	</a>
		1461	<ul class="sub-menu">
		1462	<li class="nav-item ">
		1463	<a href="page_cookie_consent_1.html" class="nav-link ">
		1464	<span class="title">Cookie Consent 1</span>
		1465	</a>
		1466	</li>
		1467	<li class="nav-item ">
		1468	<a href="page_cookie_consent_2.html" class="nav-link ">
		1469	<span class="title">Cookie Consent 2</span>
		1470	</a>
		1471	</li>
		1472	<li class="nav-item ">
		1473	<a href="page_system_coming_soon.html" class="nav-link " target="_blank">
		1474	<span class="title">Coming Soon</span>
		1475	</a>
		1476	</li>
		1477	<li class="nav-item ">
		1478	<a href="page_system_404_1.html" class="nav-link ">
		1479	<span class="title">404 Page 1</span>
		1480	</a>
		1481	</li>
		1482	<li class="nav-item ">
		1483	<a href="page_system_404_2.html" class="nav-link " target="_blank">
		1484	<span class="title">404 Page 2</span>
		1485	</a>
		1486	</li>
		1487	<li class="nav-item ">
		1488	<a href="page_system_404_3.html" class="nav-link " target="_blank">
		1489	<span class="title">404 Page 3</span>
		1490	</a>
		1491	</li>
		1492	<li class="nav-item ">
		1493	<a href="page_system_500_1.html" class="nav-link ">
		1494	<span class="title">500 Page 1</span>
		1495	</a>
		1496	</li>
		1497	<li class="nav-item ">
		1498	<a href="page_system_500_2.html" class="nav-link " target="_blank">
		1499	<span class="title">500 Page 2</span>
		1500	</a>
		1501	</li>
		1502	</ul>
		1503	</li>
		1504	<li class="nav-item">
		1505	<a href="javascript:;" class="nav-link nav-toggle">
		1506	<i class="icon-folder"></i>
		1507	<span class="title">Multi Level Menu</span>
		1508	<span class="arrow "></span>
		1509	</a>
		1510	<ul class="sub-menu">
		1511	<li class="nav-item">
		1512	<a href="javascript:;" class="nav-link nav-toggle">
		1513	<i class="icon-settings"></i> Item 1
		1514	<span class="arrow"></span>
		1515	</a>
		1516	<ul class="sub-menu">
		1517	<li class="nav-item">
		1518	<a href="javascript:;" target="_blank" class="nav-link">
		1519	<i class="icon-user"></i> Arrow Toggle
		1520	<span class="arrow nav-toggle"></span>
		1521	</a>
		1522	<ul class="sub-menu">
		1523	<li class="nav-item">
		1524	<a href="#" class="nav-link">
		1525	<i class="icon-power"></i> Sample Link 1</a>
		1526	</li>
		1527	<li class="nav-item">
		1528	<a href="#" class="nav-link">
		1529	<i class="icon-paper-plane"></i> Sample Link 1</a>
		1530	</li>
		1531	<li class="nav-item">
		1532	<a href="#" class="nav-link">
		1533	<i class="icon-star"></i> Sample Link 1</a>
		1534	</li>
		1535	</ul>
		1536	</li>
		1537	<li class="nav-item">
		1538	<a href="#" class="nav-link">
		1539	<i class="icon-camera"></i> Sample Link 1</a>
		1540	</li>
		1541	<li class="nav-item">
		1542	<a href="#" class="nav-link">
		1543	<i class="icon-link"></i> Sample Link 2</a>
		1544	</li>
		1545	<li class="nav-item">
		1546	<a href="#" class="nav-link">
		1547	<i class="icon-pointer"></i> Sample Link 3</a>
		1548	</li>
		1549	</ul>
		1550	</li>
		1551	<li class="nav-item">
		1552	<a href="javascript:;" target="_blank" class="nav-link">
		1553	<i class="icon-globe"></i> Arrow Toggle
		1554	<span class="arrow nav-toggle"></span>
		1555	</a>
		1556	<ul class="sub-menu">
		1557	<li class="nav-item">
		1558	<a href="#" class="nav-link">
		1559	<i class="icon-tag"></i> Sample Link 1</a>
		1560	</li>
		1561	<li class="nav-item">
		1562	<a href="#" class="nav-link">
		1563	<i class="icon-pencil"></i> Sample Link 1</a>
		1564	</li>
		1565	<li class="nav-item">
		1566	<a href="#" class="nav-link">
		1567	<i class="icon-graph"></i> Sample Link 1</a>
		1568	</li>
		1569	</ul>
		1570	</li>
		1571	<li class="nav-item">
		1572	<a href="#" class="nav-link">
		1573	<i class="icon-bar-chart"></i> Item 3 </a>
		1574	</li>
		1575	</ul>
		1576	</li>
		1577	</ul>
		1578	<!-- END SIDEBAR MENU -->
		1579	<!-- END SIDEBAR MENU -->
		1580	</div>
		1581	<!-- END SIDEBAR -->
		1582	</div>
		1583	<!-- END SIDEBAR -->
		1584	<!-- BEGIN CONTENT -->
		1585	<div class="page-content-wrapper">
		1586	<!-- BEGIN CONTENT BODY -->
		1587	<div class="page-content">
		1588	<!-- BEGIN PAGE HEADER-->
		1589	<!-- BEGIN THEME PANEL -->
		1590	<div class="theme-panel hidden-xs hidden-sm">
		1591	<div class="toggler"> </div>
		1592	<div class="toggler-close"> </div>
		1593	<div class="theme-options">
		1594	<div class="theme-option theme-colors clearfix">
		1595	<span> THEME COLOR </span>
		1596	<ul>
		1597	<li class="color-default current tooltips" data-style="default" data-container="body" data-original-title="Default"> </li>
		1598	<li class="color-darkblue tooltips" data-style="darkblue" data-container="body" data-original-title="Dark Blue"> </li>
		1599	<li class="color-blue tooltips" data-style="blue" data-container="body" data-original-title="Blue"> </li>
		1600	<li class="color-grey tooltips" data-style="grey" data-container="body" data-original-title="Grey"> </li>
		1601	<li class="color-light tooltips" data-style="light" data-container="body" data-original-title="Light"> </li>
		1602	<li class="color-light2 tooltips" data-style="light2" data-container="body" data-html="true" data-original-title="Light 2"> </li>
		1603	</ul>
		1604	</div>
		1605	<div class="theme-option">
		1606	<span> Theme Style </span>
		1607	<select class="layout-style-option form-control input-sm">
		1608	<option value="square" selected="selected">Square corners</option>
		1609	<option value="rounded">Rounded corners</option>
		1610	</select>
		1611	</div>
		1612	<div class="theme-option">
		1613	<span> Layout </span>
		1614	<select class="layout-option form-control input-sm">
		1615	<option value="fluid" selected="selected">Fluid</option>
		1616	<option value="boxed">Boxed</option>
		1617	</select>
		1618	</div>
		1619	<div class="theme-option">
		1620	<span> Header </span>
		1621	<select class="page-header-option form-control input-sm">
		1622	<option value="fixed" selected="selected">Fixed</option>
		1623	<option value="default">Default</option>
		1624	</select>
		1625	</div>
		1626	<div class="theme-option">
		1627	<span> Top Menu Dropdown</span>
		1628	<select class="page-header-top-dropdown-style-option form-control input-sm">
		1629	<option value="light" selected="selected">Light</option>
		1630	<option value="dark">Dark</option>
		1631	</select>
		1632	</div>
		1633	<div class="theme-option">
		1634	<span> Sidebar Mode</span>
		1635	<select class="sidebar-option form-control input-sm">
		1636	<option value="fixed">Fixed</option>
		1637	<option value="default" selected="selected">Default</option>
		1638	</select>
		1639	</div>
		1640	<div class="theme-option">
		1641	<span> Sidebar Menu </span>
		1642	<select class="sidebar-menu-option form-control input-sm">
		1643	<option value="accordion" selected="selected">Accordion</option>
		1644	<option value="hover">Hover</option>
		1645	</select>
		1646	</div>
		1647	<div class="theme-option">
		1648	<span> Sidebar Style </span>
		1649	<select class="sidebar-style-option form-control input-sm">
		1650	<option value="default" selected="selected">Default</option>
		1651	<option value="light">Light</option>
		1652	</select>
		1653	</div>
		1654	<div class="theme-option">
		1655	<span> Sidebar Position </span>
		1656	<select class="sidebar-pos-option form-control input-sm">
		1657	<option value="left" selected="selected">Left</option>
		1658	<option value="right">Right</option>
		1659	</select>
		1660	</div>
		1661	<div class="theme-option">
		1662	<span> Footer </span>
		1663	<select class="page-footer-option form-control input-sm">
		1664	<option value="fixed">Fixed</option>
		1665	<option value="default" selected="selected">Default</option>
		1666	</select>
		1667	</div>
		1668	</div>
		1669	</div>
		1670	<!-- END THEME PANEL -->
		1671	<!-- BEGIN PAGE BAR -->
		1672	<div class="page-bar">
		1673	<ul class="page-breadcrumb">
		1674	<li>
		1675	<a href="index.html">Home</a>
		1676	<i class="fa fa-circle"></i>
		1677	</li>
		1678	<li>
		1679	<span>UI Features</span>
		1680	</li>
		1681	</ul>
		1682	<div class="page-toolbar">
		1683	<div class="btn-group pull-right">
		1684	<button type="button" class="btn green btn-sm btn-outline dropdown-toggle" data-toggle="dropdown"> Actions
		1685	<i class="fa fa-angle-down"></i>
		1686	</button>
		1687	<ul class="dropdown-menu pull-right" role="menu">
		1688	<li>
		1689	<a href="#">
		1690	<i class="icon-bell"></i> Action</a>
		1691	</li>
		1692	<li>
		1693	<a href="#">
		1694	<i class="icon-shield"></i> Another action</a>
		1695	</li>
		1696	<li>
		1697	<a href="#">
		1698	<i class="icon-user"></i> Something else here</a>
		1699	</li>
		1700	<li class="divider"> </li>
		1701	<li>
		1702	<a href="#">
		1703	<i class="icon-bag"></i> Separated link</a>
		1704	</li>
		1705	</ul>
		1706	</div>
		1707	</div>
		1708	</div>
		1709	<!-- END PAGE BAR -->
		1710	<!-- BEGIN PAGE TITLE-->
		1711	<h1 class="page-title"> General Components
		1712	<small>general ui components</small>
		1713	</h1>
		1714	<!-- END PAGE TITLE-->
		1715	<!-- END PAGE HEADER-->
		1716	<div class="row">
		1717	<div class="col-md-6">
		1718	<!-- BEGIN PORTLET-->
		1719	<div class="portlet light bordered">
		1720	<div class="portlet-title">
		1721	<div class="caption">
		1722	<i class="icon-share font-dark"></i>
		1723	<span class="caption-subject font-dark bold uppercase">Alerts</span>
		1724	</div>
		1725	<div class="actions">
		1726	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1727	<i class="icon-cloud-upload"></i>
		1728	</a>
		1729	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1730	<i class="icon-wrench"></i>
		1731	</a>
		1732	<a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;"> </a>
		1733	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1734	<i class="icon-trash"></i>
		1735	</a>
		1736	</div>
		1737	</div>
		1738	<div class="portlet-body">
		1739	<h4 class="block">Default Alerts</h4>
		1740	<div class="alert alert-success">
		1741	<strong>Success!</strong> The page has been added. </div>
		1742	<div class="alert alert-info">
		1743	<strong>Info!</strong> You have 198 unread messages. </div>
		1744	<div class="alert alert-warning">
		1745	<strong>Warning!</strong> Your monthly traffic is reaching limit. </div>
		1746	<div class="alert alert-danger">
		1747	<strong>Error!</strong> The daily cronjob has failed. </div>
		1748	<h4 class="block">Dismissable Alerts</h4>
		1749	<div class="alert alert-warning alert-dismissable">
		1750	<button type="button" class="close" data-dismiss="alert" aria-hidden="true"></button>
		1751	<strong>Warning!</strong> Something went wrong. Please check. </div>
		1752	<h4 class="block">Links in alerts</h4>
		1753	<div class="alert alert-success alert-dismissable">
		1754	<button type="button" class="close" data-dismiss="alert" aria-hidden="true"></button>
		1755	<strong>WOW!</strong> Well done and everything looks OK.
		1756	<a href="" class="alert-link"> Please check this one as well </a>
		1757	</div>
		1758	</div>
		1759	</div>
		1760	<!-- END PORTLET-->
		1761	<!-- BEGIN PORTLET-->
		1762	<div class="portlet light bordered">
		1763	<div class="portlet-title">
		1764	<div class="caption">
		1765	<i class="icon-share font-dark"></i>
		1766	<span class="caption-subject font-dark bold uppercase">Inline Notifications</span>
		1767	</div>
		1768	<div class="actions">
		1769	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1770	<i class="icon-cloud-upload"></i>
		1771	</a>
		1772	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1773	<i class="icon-wrench"></i>
		1774	</a>
		1775	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1776	<i class="icon-trash"></i>
		1777	</a>
		1778	</div>
		1779	</div>
		1780	<div class="portlet-body">
		1781	<div class="alert alert-block alert-danger fade in">
		1782	<button type="button" class="close" data-dismiss="alert"></button>
		1783	<h4 class="alert-heading">Error!</h4>
		1784	<p> Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. </p>
		1785	<p>
		1786	<a class="btn red" href="javascript:;"> Do this </a>
		1787	<a class="btn blue" href="javascript:;"> Cancel </a>
		1788	</p>
		1789	</div>
		1790	<div class="alert alert-block alert-success fade in">
		1791	<button type="button" class="close" data-dismiss="alert"></button>
		1792	<h4 class="alert-heading">Success!</h4>
		1793	<p> Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. </p>
		1794	<p>
		1795	<a class="btn green" href="javascript:;"> Do this </a>
		1796	<a class="btn btn-link" href="javascript:;"> Cancel </a>
		1797	</p>
		1798	</div>
		1799	<div class="alert alert-block alert-info fade in">
		1800	<button type="button" class="close" data-dismiss="alert"></button>
		1801	<h4 class="alert-heading">Info!</h4>
		1802	<p> Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. </p>
		1803	<p>
		1804	<a class="btn purple" href="javascript:;"> Do this </a>
		1805	<a class="btn dark" href="javascript:;"> Cancel </a>
		1806	</p>
		1807	</div>
		1808	<div class="alert alert-block alert-warning fade in">
		1809	<button type="button" class="close" data-dismiss="alert"></button>
		1810	<h4 class="alert-heading">Warning!</h4>
		1811	<p> Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. </p>
		1812	<p>
		1813	<a class="btn red" href="javascript:;"> Do this </a>
		1814	<a class="btn blue" href="javascript:;"> Cancel </a>
		1815	</p>
		1816	</div>
		1817	</div>
		1818	</div>
		1819	<!-- END PORTLET-->
		1820	<!-- BEGIN PORTLET-->
		1821	<div class="portlet light bordered">
		1822	<div class="portlet-title">
		1823	<div class="caption">
		1824	<i class="icon-share font-dark"></i>
		1825	<span class="caption-subject font-dark bold uppercase">Pulsate</span>
		1826	</div>
		1827	<div class="actions">
		1828	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1829	<i class="icon-cloud-upload"></i>
		1830	</a>
		1831	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1832	<i class="icon-wrench"></i>
		1833	</a>
		1834	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1835	<i class="icon-trash"></i>
		1836	</a>
		1837	</div>
		1838	</div>
		1839	<div class="portlet-body">
		1840	<h4>Pulsate any page elements.</h4>
		1841	<div class="margin-top-10 margin-bottom-10 clearfix">
		1842	<table class="table table-bordered table-striped">
		1843	<tr>
		1844	<td> Repeating Pulsate </td>
		1845	<td>
		1846	<div id="pulsate-regular" style="padding:5px;"> Repeating Pulsate </div>
		1847	</td>
		1848	</tr>
		1849	<tr>
		1850	<td>
		1851	<button class="btn green" id="pulsate-once">Pulsate Once</button>
		1852	</td>
		1853	<td>
		1854	<div id="pulsate-once-target" style="padding:5px;"> Pulsate me </div>
		1855	</td>
		1856	</tr>
		1857	<tr>
		1858	<td>
		1859	<button class="btn red" id="pulsate-crazy">Crazy Pulsate :)</button>
		1860	</td>
		1861	<td>
		1862	<div id="pulsate-crazy-target" style="padding:5px;"> Pulsate me </div>
		1863	</td>
		1864	</tr>
		1865	</table>
		1866	</div>
		1867	<span class="label label-danger"> NOTE! </span>
		1868	<span> Pulsate is supported in Latest Firefox, Chrome, Opera, Safari and Internet Explorer 9 and Internet Explorer 10 only. </span>
		1869	</div>
		1870	</div>
		1871	<!-- END PORTLET-->
		1872	<!-- BEGIN PORTLET-->
		1873	<div class="portlet light bordered">
		1874	<div class="portlet-title">
		1875	<div class="caption">
		1876	<span class="caption-subject font-dark bold uppercase">Modal Dialogs</span>
		1877	</div>
		1878	<div class="actions">
		1879	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1880	<i class="icon-cloud-upload"></i>
		1881	</a>
		1882	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1883	<i class="icon-wrench"></i>
		1884	</a>
		1885	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1886	<i class="icon-trash"></i>
		1887	</a>
		1888	</div>
		1889	</div>
		1890	<div class="portlet-body">
		1891	<h4>Click on below buttons to check it out.</h4>
		1892	<!-- Button to trigger modal -->
		1893	<a href="#myModal1" role="button" class="btn blue" data-toggle="modal"> Modal Dialog </a>
		1894	<a href="#myModal2" role="button" class="btn red" data-toggle="modal"> Alert </a>
		1895	<a href="#myModal3" role="button" class="btn yellow" data-toggle="modal"> Confirm </a>
		1896	<!-- Modal -->
		1897	<div id="myModal1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
		1898	<div class="modal-dialog">
		1899	<div class="modal-content">
		1900	<div class="modal-header">
		1901	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		1902	<h4 class="modal-title">Modal title</h4>
		1903	</div>
		1904	<div class="modal-body">
		1905	<p> Body goes here... </p>
		1906	</div>
		1907	<div class="modal-footer">
		1908	<button class="btn default" data-dismiss="modal" aria-hidden="true">Close</button>
		1909	<button class="btn yellow">Save</button>
		1910	</div>
		1911	</div>
		1912	</div>
		1913	</div>
		1914	<div id="myModal2" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
		1915	<div class="modal-dialog">
		1916	<div class="modal-content">
		1917	<div class="modal-header">
		1918	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		1919	<h4 class="modal-title">Alert Header</h4>
		1920	</div>
		1921	<div class="modal-body">
		1922	<p> Body goes here... </p>
		1923	</div>
		1924	<div class="modal-footer">
		1925	<button data-dismiss="modal" class="btn green">OK</button>
		1926	</div>
		1927	</div>
		1928	</div>
		1929	</div>
		1930	<div id="myModal3" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true">
		1931	<div class="modal-dialog">
		1932	<div class="modal-content">
		1933	<div class="modal-header">
		1934	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		1935	<h4 class="modal-title">Confirm Header</h4>
		1936	</div>
		1937	<div class="modal-body">
		1938	<p> Body goes here... </p>
		1939	</div>
		1940	<div class="modal-footer">
		1941	<button class="btn default" data-dismiss="modal" aria-hidden="true">Close</button>
		1942	<button data-dismiss="modal" class="btn blue">Confirm</button>
		1943	</div>
		1944	</div>
		1945	</div>
		1946	</div>
		1947	</div>
		1948	</div>
		1949	<!-- END MODAL DIALOG PORTLET-->
		1950	<!-- BEGIN TOOLTIPS PORTLET-->
		1951	<div class="portlet light bordered">
		1952	<div class="portlet-title">
		1953	<div class="caption">
		1954	<i class="icon-share font-green-sharp"></i>
		1955	<span class="caption-subject font-green-sharp bold uppercase">Tooltips</span>
		1956	</div>
		1957	<div class="actions">
		1958	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1959	<i class="icon-cloud-upload"></i>
		1960	</a>
		1961	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1962	<i class="icon-wrench"></i>
		1963	</a>
		1964	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1965	<i class="icon-trash"></i>
		1966	</a>
		1967	</div>
		1968	</div>
		1969	<div class="portlet-body">
		1970	<p> Tight pants next level keffiyeh
		1971	<a href="javascript:;" class="tooltips" data-original-title="Very long toolips Very long toolips Very long toolips Very long toolips"> you probably </a> haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel
		1972	<a href="javascript:;"
		1973	class="tooltips" data-original-title="Another tooltip"> have a </a> terry richardson vinyl chambray.
		1974	<a href="javascript:;" class="tooltips" title="12" data-original-title="The last tip!"> twitter handle </a> freegan cred raw denim single-origin coffee viral. </p>
		1975	<button class="btn btn-default tooltips" data-container="body" data-placement="top" data-original-title="Tooltip in top">Top</button>
		1976	<button class="btn btn-default tooltips" data-container="body" data-placement="left" data-original-title="Tooltip in left">Left</button>
		1977	<button class="btn btn-default tooltips" data-container="body" data-placement="right" data-original-title="Tooltip in right">Right</button>
		1978	<button class="btn btn-default tooltips" data-container="body" data-placement="bottom" data-original-title="Tooltip in bottom">Bottom</button>
		1979	<div class="inline-block tooltips" data-container="body" data-original-title="Tooltip goes here">
		1980	<button type="button" class="btn btn-default disabled">Disabled1</button>
		1981	</div>
		1982	</div>
		1983	</div>
		1984	<!-- END TOOLTIPS PORTLET-->
		1985	<!-- BEGIN POPOVERS PORTLET-->
		1986	<div class="portlet light bordered">
		1987	<div class="portlet-title">
		1988	<div class="caption">
		1989	<i class="icon-share font-red-sunglo"></i>
		1990	<span class="caption-subject font-red-sunglo bold uppercase">Popovers</span>
		1991	</div>
		1992	<div class="actions">
		1993	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1994	<i class="icon-cloud-upload"></i>
		1995	</a>
		1996	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1997	<i class="icon-wrench"></i>
		1998	</a>
		1999	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2000	<i class="icon-trash"></i>
		2001	</a>
		2002	</div>
		2003	</div>
		2004	<div class="portlet-body">
		2005	<p> Tight pants next level keffiyeh
		2006	<a href="javascript:;" class="popovers" data-container="body" data-content="Popover body goes here! Popover body goes here!" data-original-title="Default Popover"> trigger me on click </a> haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel
		2007	<a href="javascript:;"
		2008	class="popovers" data-container="body" data-trigger="hover" data-content="Popover body goes here! Popover body goes here!" data-original-title="Another Popover"> trigger me on hover </a> terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa. </p>
		2009	<button class="btn btn-default popovers" data-container="body"
		2010	data-trigger="hover" data-placement="top" data-content="Popover body goes here! Popover body goes here!" data-original-title="Popover in top">Top</button>
		2011	<button class="btn btn-default popovers" data-container="body" onclick=" " data-trigger="hover" data-placement="left" data-content="Popover body goes here! Popover body goes here!" data-original-title="Popover in left">Left</button>
		2012	<button class="btn btn-default popovers" data-container="body" data-trigger="hover" data-placement="right" data-content="Popover body goes here! Popover body goes here!" data-original-title="Popover in right">Right</button>
		2013	<button class="btn btn-default popovers" data-container="body" data-trigger="hover" data-placement="bottom" data-content="Popover body goes here! Popover body goes here!" data-original-title="Popover in bottom">Bottom</button>
		2014	<div class="inline-block popovers" data-container="body" data-trigger="hover" data-placement="bottom" data-content="Popover body goes here! Popover body goes here!" data-original-title="Popover in bottom">
		2015	<button type="button" class="btn btn-default disabled">Disabled</button>
		2016	</div>
		2017	</div>
		2018	</div>
		2019	<!-- END POPOVERS PORTLET-->
		2020	<!-- BEGIN LIST PORTLET-->
		2021	<div class="portlet light bordered">
		2022	<div class="portlet-title">
		2023	<div class="caption">
		2024	<i class="icon-share font-green-sharp"></i>
		2025	<span class="caption-subject font-green-sharp bold uppercase">List Groups</span>
		2026	</div>
		2027	<div class="actions">
		2028	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2029	<i class="icon-cloud-upload"></i>
		2030	</a>
		2031	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2032	<i class="icon-wrench"></i>
		2033	</a>
		2034	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2035	<i class="icon-trash"></i>
		2036	</a>
		2037	</div>
		2038	</div>
		2039	<div class="portlet-body">
		2040	<h4 class="block">Basic</h4>
		2041	<ul class="list-group">
		2042	<li class="list-group-item"> Cras justo odio </li>
		2043	<li class="list-group-item"> Dapibus ac facilisis in </li>
		2044	<li class="list-group-item"> Morbi leo risus </li>
		2045	<li class="list-group-item"> Porta ac consectetur ac </li>
		2046	<li class="list-group-item"> Vestibulum at eros </li>
		2047	</ul>
		2048	<h4 class="block">Custom Colors(refer to ui_colors.html for more colors)</h4>
		2049	<ul class="list-group">
		2050	<li class="list-group-item bg-blue bg-font-blue"> Cras justo odio </li>
		2051	<li class="list-group-item bg-red bg-font-red"> Dapibus ac facilisis in </li>
		2052	<li class="list-group-item bg-green bg-font-green"> Morbi leo risus </li>
		2053	<li class="list-group-item bg-purple bg-font-purple"> Porta ac consectetur ac </li>
		2054	<li class="list-group-item bg-yellow bg-font-yellow"> Vestibulum at eros </li>
		2055	</ul>
		2056	<h4 class="block">Badges</h4>
		2057	<ul class="list-group">
		2058	<li class="list-group-item"> Cras justo odio
		2059	<span class="badge badge-default"> 3 </span>
		2060	</li>
		2061	<li class="list-group-item"> Dapibus ac facilisis in
		2062	<span class="badge badge-success"> 11 </span>
		2063	</li>
		2064	<li class="list-group-item"> Morbi leo risus
		2065	<span class="badge badge-danger"> new </span>
		2066	</li>
		2067	<li class="list-group-item"> Porta ac consectetur ac
		2068	<span class="badge badge-warning"> 4 </span>
		2069	</li>
		2070	<li class="list-group-item"> Vestibulum at eros
		2071	<span class="badge badge-info"> 3 </span>
		2072	</li>
		2073	</ul>
		2074	<h4 class="block">Contextual States</h4>
		2075	<ul class="list-group">
		2076	<li class="list-group-item"> Default </li>
		2077	<li class="list-group-item list-group-item-success"> Success </li>
		2078	<li class="list-group-item list-group-item-info"> Info
		2079	<span class="badge badge-warning"> 3 </span>
		2080	</li>
		2081	<li class="list-group-item list-group-item-warning"> Warning
		2082	<span class="badge badge-default"> 3 </span>
		2083	</li>
		2084	<li class="list-group-item list-group-item-danger"> Danger </li>
		2085	</ul>
		2086	<h4 class="block">Disabled States</h4>
		2087	<ul class="list-group">
		2088	<li class="list-group-item disabled"> Item 1 </li>
		2089	<li class="list-group-item disabled"> Item 2 </li>
		2090	<li class="list-group-item disabled"> Item 3
		2091	<span class="badge badge-warning"> 3 </span>
		2092	</li>
		2093	<li class="list-group-item disabled"> Item 4
		2094	<span class="badge badge-default"> 3 </span>
		2095	</li>
		2096	</ul>
		2097	<h4 class="block">Linked Contextual Items</h4>
		2098	<div class="list-group">
		2099	<a href="javascript:;" class="list-group-item"> Default </a>
		2100	<a href="javascript:;" class="list-group-item list-group-item-success"> Success </a>
		2101	<a href="javascript:;" class="list-group-item list-group-item-info"> Info
		2102	<span class="badge badge-warning"> 3 </span>
		2103	</a>
		2104	<a href="javascript:;" class="list-group-item list-group-item-warning"> Warning
		2105	<span class="badge badge-default"> 3 </span>
		2106	</a>
		2107	<a href="javascript:;" class="list-group-item list-group-item-danger"> Danger </a>
		2108	</div>
		2109	<h4 class="block">Custom Content</h4>
		2110	<div class="list-group">
		2111	<a href="javascript:;" class="list-group-item active">
		2112	<h4 class="list-group-item-heading">List group item heading</h4>
		2113	<p class="list-group-item-text"> Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit. </p>
		2114	</a>
		2115	<a href="javascript:;" class="list-group-item">
		2116	<h4 class="list-group-item-heading">List group item heading</h4>
		2117	<p class="list-group-item-text"> Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit. </p>
		2118	</a>
		2119	<a href="javascript:;" class="list-group-item">
		2120	<h4 class="list-group-item-heading">List group item heading</h4>
		2121	<p class="list-group-item-text"> Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit. </p>
		2122	</a>
		2123	</div>
		2124	</div>
		2125	</div>
		2126	<!-- END LIST PORTLET-->
		2127	<!-- BEGIN PANELS PORTLET-->
		2128	<div class="portlet light bordered">
		2129	<div class="portlet-title">
		2130	<div class="caption">
		2131	<i class="icon-share font-red-sunglo"></i>
		2132	<span class="caption-subject font-red-sunglo bold uppercase">Panels</span>
		2133	</div>
		2134	<div class="actions">
		2135	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2136	<i class="icon-cloud-upload"></i>
		2137	</a>
		2138	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2139	<i class="icon-wrench"></i>
		2140	</a>
		2141	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2142	<i class="icon-trash"></i>
		2143	</a>
		2144	</div>
		2145	</div>
		2146	<div class="portlet-body">
		2147	<h4 class="block">Basic Panels</h4>
		2148	<div class="panel panel-default">
		2149	<div class="panel-heading"> Panel heading without title </div>
		2150	<div class="panel-body"> Panel content </div>
		2151	</div>
		2152	<div class="panel panel-default">
		2153	<div class="panel-heading">
		2154	<h3 class="panel-title">Panel title</h3>
		2155	</div>
		2156	<div class="panel-body"> Panel content </div>
		2157	</div>
		2158	<div class="panel panel-default">
		2159	<div class="panel-body"> Panel content </div>
		2160	<div class="panel-footer"> Panel footer </div>
		2161	</div>
		2162	<div class="clearfix">
		2163	<h4 class="block">Contextual Panels</h4>
		2164	<div class="panel panel-default">
		2165	<div class="panel-heading">
		2166	<h3 class="panel-title">Primary Panel</h3>
		2167	</div>
		2168	<div class="panel-body"> Panel content </div>
		2169	</div>
		2170	<div class="panel panel-primary">
		2171	<div class="panel-heading">
		2172	<h3 class="panel-title">Primary Panel</h3>
		2173	</div>
		2174	<div class="panel-body"> Panel content </div>
		2175	</div>
		2176	<div class="panel panel-success">
		2177	<div class="panel-heading">
		2178	<h3 class="panel-title">Success Panel</h3>
		2179	</div>
		2180	<div class="panel-body"> Panel content </div>
		2181	</div>
		2182	<div class="panel panel-info">
		2183	<div class="panel-heading">
		2184	<h3 class="panel-title">Info Panel</h3>
		2185	</div>
		2186	<div class="panel-body"> Panel content </div>
		2187	</div>
		2188	<div class="panel panel-warning">
		2189	<div class="panel-heading">
		2190	<h3 class="panel-title">Warning Panel</h3>
		2191	</div>
		2192	<div class="panel-body"> Panel content </div>
		2193	</div>
		2194	<div class="panel panel-danger">
		2195	<div class="panel-heading">
		2196	<h3 class="panel-title">Danger Panel</h3>
		2197	</div>
		2198	<div class="panel-body"> Panel content </div>
		2199	</div>
		2200	</div>
		2201	<div class="clearfix">
		2202	<h4 class="block">With Tables</h4>
		2203	<div class="panel panel-success">
		2204	<!-- Default panel contents -->
		2205	<div class="panel-heading">
		2206	<h3 class="panel-title">Panel Title</h3>
		2207	</div>
		2208	<div class="panel-body">
		2209	<p> Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
		2210	Nullam id dolor id nibh ultricies vehicula ut id elit. </p>
		2211	</div>
		2212	<!-- Table -->
		2213	<table class="table">
		2214	<thead>
		2215	<tr>
		2216	<th> # </th>
		2217	<th> First Name </th>
		2218	<th> Last Name </th>
		2219	<th> Username </th>
		2220	</tr>
		2221	</thead>
		2222	<tbody>
		2223	<tr>
		2224	<td> 1 </td>
		2225	<td> Mark </td>
		2226	<td> Otto </td>
		2227	<td> @mdo </td>
		2228	</tr>
		2229	<tr>
		2230	<td> 2 </td>
		2231	<td> Jacob </td>
		2232	<td> Thornton </td>
		2233	<td> @fat </td>
		2234	</tr>
		2235	<tr>
		2236	<td> 3 </td>
		2237	<td> Larry </td>
		2238	<td> the Bird </td>
		2239	<td> @twitter </td>
		2240	</tr>
		2241	</tbody>
		2242	</table>
		2243	</div>
		2244	</div>
		2245	<div class="clearfix">
		2246	<h4 class="block">With List Groups</h4>
		2247	<div class="panel panel-warning">
		2248	<!-- Default panel contents -->
		2249	<div class="panel-heading">
		2250	<h3 class="panel-title">Panel Title</h3>
		2251	</div>
		2252	<div class="panel-body">
		2253	<p> Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies
		2254	vehicula ut id elit. </p>
		2255	</div>
		2256	<!-- List group -->
		2257	<ul class="list-group">
		2258	<li class="list-group-item"> Cras justo odio
		2259	<span class="badge badge-default"> 3 </span>
		2260	</li>
		2261	<li class="list-group-item"> Dapibus ac facilisis in
		2262	<span class="badge badge-success"> 11 </span>
		2263	</li>
		2264	<li class="list-group-item"> Morbi leo risus
		2265	<span class="badge badge-danger"> new </span>
		2266	</li>
		2267	<li class="list-group-item"> Porta ac consectetur ac
		2268	<span class="badge badge-warning"> 4 </span>
		2269	</li>
		2270	<li class="list-group-item"> Vestibulum at eros
		2271	<span class="badge badge-info"> 3 </span>
		2272	</li>
		2273	<li class="list-group-item"> Vestibulum at eros </li>
		2274	</ul>
		2275	</div>
		2276	</div>
		2277	</div>
		2278	</div>
		2279	<!-- END PANELS PORTLET-->
		2280	</div>
		2281	<div class="col-md-6">
		2282	<!-- BEGIN PORTLET-->
		2283	<div class="portlet light bordered">
		2284	<div class="portlet-title">
		2285	<div class="caption">
		2286	<i class="icon-edit font-dark"></i>
		2287	<span class="caption-subject font-dark bold uppercase">Notes</span>
		2288	</div>
		2289	<div class="actions">
		2290	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2291	<i class="icon-cloud-upload"></i>
		2292	</a>
		2293	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2294	<i class="icon-wrench"></i>
		2295	</a>
		2296	<a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;"> </a>
		2297	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2298	<i class="icon-trash"></i>
		2299	</a>
		2300	</div>
		2301	</div>
		2302	<div class="portlet-body">
		2303	<div class="note note-success">
		2304	<h4 class="block">Success! Some Header Goes Here</h4>
		2305	<p> Duis mollis, est non commodo luctus, nisi erat mattis consectetur purus sit amet porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. </p>
		2306	</div>
		2307	<div class="note note-info">
		2308	<h4 class="block">Info! Some Header Goes Here</h4>
		2309	<p> Duis mollis, est non commodo luctus, nisi erat porttitor ligula, mattis consectetur purus sit amet eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. </p>
		2310	</div>
		2311	<div class="note note-danger">
		2312	<h4 class="block">Danger! Some Header Goes Here</h4>
		2313	<p> Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit mattis consectetur purus sit amet.\ Cras mattis consectetur purus sit amet fermentum. </p>
		2314	</div>
		2315	<div class="note note-warning">
		2316	<h4 class="block">Warning! Some Header Goes Here</h4>
		2317	<p> Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit mattis consectetur purus sit amet. Cras mattis consectetur purus sit amet fermentum. </p>
		2318	</div>
		2319	</div>
		2320	</div>
		2321	<!-- END PORTLET-->
		2322	<!-- BEGIN PROGRESS BARS PORTLET-->
		2323	<div class="portlet light bordered">
		2324	<div class="portlet-title">
		2325	<div class="caption">
		2326	<i class="icon-share font-red-sunglo"></i>
		2327	<span class="caption-subject font-red-sunglo bold uppercase">Progress Bars</span>
		2328	</div>
		2329	<div class="actions">
		2330	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2331	<i class="icon-cloud-upload"></i>
		2332	</a>
		2333	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2334	<i class="icon-wrench"></i>
		2335	</a>
		2336	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2337	<i class="icon-trash"></i>
		2338	</a>
		2339	</div>
		2340	</div>
		2341	<div class="portlet-body">
		2342	<div class="note note-warning">
		2343	<h4 class="block">Cross-browser compatibility</h4>
		2344	<p> Progress bars use CSS3 transitions and animations to achieve some of their effects. These features are not supported in Internet Explorer 9 and below or older versions of Firefox. Opera 12 does not support animations.
		2345	</p>
		2346	</div>
		2347	<h3>Basic</h3>
		2348	<div class="progress">
		2349	<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
		2350	<span class="sr-only"> 40% Complete (success) </span>
		2351	</div>
		2352	</div>
		2353	<div class="progress">
		2354	<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
		2355	<span class="sr-only"> 20% Complete </span>
		2356	</div>
		2357	</div>
		2358	<div class="progress">
		2359	<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
		2360	<span class="sr-only"> 60% Complete (warning) </span>
		2361	</div>
		2362	</div>
		2363	<div class="progress">
		2364	<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
		2365	<span class="sr-only"> 80% Complete </span>
		2366	</div>
		2367	</div>
		2368	<h3>Striped</h3>
		2369	<div class="progress progress-striped">
		2370	<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
		2371	<span class="sr-only"> 40% Complete (success) </span>
		2372	</div>
		2373	</div>
		2374	<div class="progress progress-striped">
		2375	<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
		2376	<span class="sr-only"> 20% Complete </span>
		2377	</div>
		2378	</div>
		2379	<div class="progress progress-striped">
		2380	<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
		2381	<span class="sr-only"> 60% Complete (warning) </span>
		2382	</div>
		2383	</div>
		2384	<div class="progress progress-striped">
		2385	<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
		2386	<span class="sr-only"> 80% Complete (danger) </span>
		2387	</div>
		2388	</div>
		2389	<h3>Animated</h3>
		2390	<div class="progress progress-striped active">
		2391	<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
		2392	<span class="sr-only"> 40% Complete (success) </span>
		2393	</div>
		2394	</div>
		2395	<div class="progress progress-striped active">
		2396	<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
		2397	<span class="sr-only"> 20% Complete </span>
		2398	</div>
		2399	</div>
		2400	<div class="progress progress-striped active">
		2401	<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
		2402	<span class="sr-only"> 60% Complete (warning) </span>
		2403	</div>
		2404	</div>
		2405	<div class="progress progress-striped active">
		2406	<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
		2407	<span class="sr-only"> 80% Complete (danger) </span>
		2408	</div>
		2409	</div>
		2410	<h3>Stacked</h3>
		2411	<div class="progress">
		2412	<div class="progress-bar progress-bar-success" style="width: 35%">
		2413	<span class="sr-only"> 35% Complete (success) </span>
		2414	</div>
		2415	<div class="progress-bar progress-bar-warning" style="width: 20%">
		2416	<span class="sr-only"> 20% Complete (warning) </span>
		2417	</div>
		2418	<div class="progress-bar progress-bar-danger" style="width: 10%">
		2419	<span class="sr-only"> 10% Complete (danger) </span>
		2420	</div>
		2421	</div>
		2422	</div>
		2423	</div>
		2424	<!-- END PROGRESS BARS PORTLET-->
		2425	<!-- BEGIN LABELS AND BADGES PORTLET-->
		2426	<div class="portlet light bordered">
		2427	<div class="portlet-title">
		2428	<div class="caption">
		2429	<i class="icon-share font-red-sunglo"></i>
		2430	<span class="caption-subject font-red-sunglo bold uppercase">Labels & Badges</span>
		2431	</div>
		2432	<div class="actions">
		2433	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2434	<i class="icon-cloud-upload"></i>
		2435	</a>
		2436	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2437	<i class="icon-wrench"></i>
		2438	</a>
		2439	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2440	<i class="icon-trash"></i>
		2441	</a>
		2442	</div>
		2443	</div>
		2444	<div class="portlet-body">
		2445	<h4 class="block">Labels & Badges Styles</h4>
		2446	<table class="table table-bordered table-striped">
		2447	<thead>
		2448	<tr>
		2449	<th> Class </th>
		2450	<th> Labels </th>
		2451	<th> Badges </th>
		2452	<th> Roundless Badges </th>
		2453	</tr>
		2454	</thead>
		2455	<tbody>
		2456	<tr>
		2457	<td> Default </td>
		2458	<td>
		2459	<span class="label label-default"> Default </span>
		2460	</td>
		2461	<td>
		2462	<span class="badge badge-default"> 5 </span>
		2463	</td>
		2464	<td>
		2465	<span class="badge badge-default badge-roundless"> 3 </span>
		2466	</td>
		2467	</tr>
		2468	<tr>
		2469	<td> Primary </td>
		2470	<td>
		2471	<span class="label label-primary"> Primary </span>
		2472	</td>
		2473	<td>
		2474	<span class="badge badge-primary"> 4 </span>
		2475	</td>
		2476	<td>
		2477	<span class="badge badge-primary badge-roundless"> Hot </span>
		2478	</td>
		2479	</tr>
		2480	<tr>
		2481	<td> Info </td>
		2482	<td>
		2483	<span class="label label-info"> Info </span>
		2484	</td>
		2485	<td>
		2486	<span class="badge badge-info"> 6 </span>
		2487	</td>
		2488	<td>
		2489	<span class="badge badge-info badge-roundless"> New </span>
		2490	</td>
		2491	</tr>
		2492	<tr>
		2493	<td> Success </td>
		2494	<td>
		2495	<span class="label label-success"> Success </span>
		2496	</td>
		2497	<td>
		2498	<span class="badge badge-success"> 1 </span>
		2499	</td>
		2500	<td>
		2501	<span class="badge badge-success badge-roundless"> 2 </span>
		2502	</td>
		2503	</tr>
		2504	<tr>
		2505	<td> Danger </td>
		2506	<td>
		2507	<span class="label label-danger"> Danger </span>
		2508	</td>
		2509	<td>
		2510	<span class="badge badge-danger"> 3 </span>
		2511	</td>
		2512	<td>
		2513	<span class="badge badge-danger badge-roundless"> 5 </span>
		2514	</td>
		2515	</tr>
		2516	<tr>
		2517	<td> Warning </td>
		2518	<td>
		2519	<span class="label label-warning"> Warning </span>
		2520	</td>
		2521	<td>
		2522	<span class="badge badge-warning"> 12 </span>
		2523	</td>
		2524	<td>
		2525	<span class="badge badge-warning badge-roundless"> 3 </span>
		2526	</td>
		2527	</tr>
		2528	</tbody>
		2529	</table>
		2530	<h4 class="block">Labels In Headings</h4>
		2531	<div class="well">
		2532	<h1>Example heading
		2533	<span class="label label-default"> default </span>
		2534	</h1>
		2535	<h2>Example heading
		2536	<span class="label label-success"> success </span>
		2537	</h2>
		2538	<h3>Example heading
		2539	<span class="label label-danger"> danger </span>
		2540	</h3>
		2541	<h4 class="block">Example heading
		2542	<span class="label label-info"> info </span>
		2543	</h4>
		2544	<h4>Example heading
		2545	<span class="label label-warning"> warning </span>
		2546	</h4>
		2547	<h6>Example heading
		2548	<span class="label label-primary"> primary </span>
		2549	</h6>
		2550	</div>
		2551	<div class="clearfix">
		2552	<h4 class="block">Badges in Navs</h4>
		2553	<ul class="nav nav-pills">
		2554	<li class="active">
		2555	<a href="javascript:;"> Home
		2556	<span class="badge1"> 42 </span>
		2557	</a>
		2558	</li>
		2559	<li>
		2560	<a href="javascript:;"> Profile </a>
		2561	</li>
		2562	<li>
		2563	<a href="javascript:;"> Messages
		2564	<span class="badge badge-danger"> 3 </span>
		2565	</a>
		2566	</li>
		2567	</ul>
		2568	<div class="clearfix margin-bottom-10"> </div>
		2569	<ul class="nav nav-pills nav-stacked" style="max-width: 260px;">
		2570	<li class="active">
		2571	<a href="javascript:;">
		2572	<span class="badge badge-warning pull-right"> 42 </span> Home </a>
		2573	</li>
		2574	<li>
		2575	<a href="javascript:;"> Profile </a>
		2576	</li>
		2577	<li>
		2578	<a href="javascript:;">
		2579	<span class="badge badge-success pull-right"> 3 </span> Messages </a>
		2580	</li>
		2581	</ul>
		2582	</div>
		2583	<div class="clearfix">
		2584	<h4 class="block">Badges in Inline Dropdowns</h4>
		2585	<div class="dropdown inline clearfix">
		2586	<!-- Link or button to toggle dropdown -->
		2587	<ul class="dropdown-menu" role="menu">
		2588	<li role="presentation">
		2589	<a role="menuitem" tabindex="-1" href="javascript:;"> Action
		2590	<span class="badge badge-success"> 2 </span>
		2591	</a>
		2592	</li>
		2593	<li role="presentation">
		2594	<a role="menuitem" tabindex="-1" href="javascript:;"> Another action
		2595	<span class="badge badge-warning"> 5 </span>
		2596	</a>
		2597	</li>
		2598	<li role="presentation">
		2599	<a role="menuitem" tabindex="-1" href="javascript:;"> Something here
		2600	<span class="badge badge-danger"> 7 </span>
		2601	</a>
		2602	</li>
		2603	<li role="presentation" class="divider"> </li>
		2604	<li role="presentation">
		2605	<a role="menuitem" tabindex="-1" href="javascript:;"> Separated link
		2606	<span class="badge badge-info"> 12 </span>
		2607	</a>
		2608	</li>
		2609	</ul>
		2610	</div>
		2611	<div class="clearfix"> </div>
		2612	<h4 class="block">Badges in Button Dropdowns</h4>
		2613	<div class="btn-group ">
		2614	<button class="btn blue dropdown-toggle" data-toggle="dropdown">Open Me!
		2615	<i class="fa fa-angle-down"></i>
		2616	</button>
		2617	<ul class="dropdown-menu" role="menu">
		2618	<li role="presentation">
		2619	<a role="menuitem" tabindex="-1" href="javascript:;"> Action
		2620	<span class="badge badge-success"> 2 </span>
		2621	</a>
		2622	</li>
		2623	<li role="presentation">
		2624	<a role="menuitem" tabindex="-1" href="javascript:;"> Another action
		2625	<span class="badge badge-warning"> 5 </span>
		2626	</a>
		2627	</li>
		2628	<li role="presentation">
		2629	<a role="menuitem" tabindex="-1" href="javascript:;"> Something here
		2630	<span class="badge badge-danger"> 7 </span>
		2631	</a>
		2632	</li>
		2633	<li role="presentation" class="divider"> </li>
		2634	<li role="presentation">
		2635	<a role="menuitem" tabindex="-1" href="javascript:;"> Separated link
		2636	<span class="badge badge-info"> 12 </span>
		2637	</a>
		2638	</li>
		2639	</ul>
		2640	</div>
		2641	</div>
		2642	</div>
		2643	</div>
		2644	<!-- END LABELS AND BADGES PORTLET-->
		2645	<!-- BEGIN PAGINATION PORTLET-->
		2646	<div class="portlet light bordered">
		2647	<div class="portlet-title">
		2648	<div class="caption">
		2649	<i class="icon-share font-red-sunglo"></i>
		2650	<span class="caption-subject font-red-sunglo bold uppercase">Pagination</span>
		2651	</div>
		2652	<div class="actions">
		2653	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2654	<i class="icon-cloud-upload"></i>
		2655	</a>
		2656	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2657	<i class="icon-wrench"></i>
		2658	</a>
		2659	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2660	<i class="icon-trash"></i>
		2661	</a>
		2662	</div>
		2663	</div>
		2664	<div class="portlet-body">
		2665	<div>
		2666	<ul class="pagination pagination-lg">
		2667	<li>
		2668	<a href="javascript:;">
		2669	<i class="fa fa-angle-left"></i>
		2670	</a>
		2671	</li>
		2672	<li>
		2673	<a href="javascript:;"> 1 </a>
		2674	</li>
		2675	<li>
		2676	<a href="javascript:;"> 2 </a>
		2677	</li>
		2678	<li class="active">
		2679	<a href="javascript:;"> 3 </a>
		2680	</li>
		2681	<li>
		2682	<a href="javascript:;"> 4 </a>
		2683	</li>
		2684	<li>
		2685	<a href="javascript:;"> 5 </a>
		2686	</li>
		2687	<li>
		2688	<a href="javascript:;"> 6 </a>
		2689	</li>
		2690	<li>
		2691	<a href="javascript:;">
		2692	<i class="fa fa-angle-right"></i>
		2693	</a>
		2694	</li>
		2695	</ul>
		2696	</div>
		2697	<div>
		2698	<ul class="pagination">
		2699	<li>
		2700	<a href="javascript:;">
		2701	<i class="fa fa-angle-left"></i>
		2702	</a>
		2703	</li>
		2704	<li>
		2705	<a href="javascript:;"> 1 </a>
		2706	</li>
		2707	<li>
		2708	<a href="javascript:;"> 2 </a>
		2709	</li>
		2710	<li class="active">
		2711	<a href="javascript:;"> 3 </a>
		2712	</li>
		2713	<li>
		2714	<a href="javascript:;"> 4 </a>
		2715	</li>
		2716	<li>
		2717	<a href="javascript:;"> 5 </a>
		2718	</li>
		2719	<li>
		2720	<a href="javascript:;"> 6 </a>
		2721	</li>
		2722	<li>
		2723	<a href="javascript:;">
		2724	<i class="fa fa-angle-right"></i>
		2725	</a>
		2726	</li>
		2727	</ul>
		2728	</div>
		2729	<div>
		2730	<ul class="pagination pagination-sm">
		2731	<li>
		2732	<a href="javascript:;">
		2733	<i class="fa fa-angle-left"></i>
		2734	</a>
		2735	</li>
		2736	<li>
		2737	<a href="javascript:;"> 1 </a>
		2738	</li>
		2739	<li class="active">
		2740	<a href="javascript:;"> 2 </a>
		2741	</li>
		2742	<li>
		2743	<a href="javascript:;"> 3 </a>
		2744	</li>
		2745	<li>
		2746	<a href="javascript:;"> 4 </a>
		2747	</li>
		2748	<li>
		2749	<a href="javascript:;"> 5 </a>
		2750	</li>
		2751	<li>
		2752	<a href="javascript:;"> 6 </a>
		2753	</li>
		2754	<li>
		2755	<a href="javascript:;">
		2756	<i class="fa fa-angle-right"></i>
		2757	</a>
		2758	</li>
		2759	</ul>
		2760	</div>
		2761	</div>
		2762	</div>
		2763	<!-- END PAGINATION PORTLET-->
		2764	<!-- BEGIN PAGINATION PORTLET-->
		2765	<div class="portlet light bordered">
		2766	<div class="portlet-title">
		2767	<div class="caption">
		2768	<i class="icon-share font-green-sharp"></i>
		2769	<span class="caption-subject font-green-sharp bold uppercase">Pager With Aligned Links</span>
		2770	</div>
		2771	<div class="actions">
		2772	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2773	<i class="icon-cloud-upload"></i>
		2774	</a>
		2775	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2776	<i class="icon-wrench"></i>
		2777	</a>
		2778	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2779	<i class="icon-trash"></i>
		2780	</a>
		2781	</div>
		2782	</div>
		2783	<div class="portlet-body">
		2784	<h4 class="block">Default</h4>
		2785	<div class="well"> Tight pants next level keffiyeh trigger me on click haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. </div>
		2786	<ul class="pager">
		2787	<li class="previous">
		2788	<a href="javascript:;"> ← Older </a>
		2789	</li>
		2790	<li class="next">
		2791	<a href="javascript:;"> Newer → </a>
		2792	</li>
		2793	</ul>
		2794	<h4 class="block">Optional Disabled State</h4>
		2795	<div class="well"> Tight pants next level keffiyeh trigger me on click haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. </div>
		2796	<ul class="pager">
		2797	<li class="previous disabled">
		2798	<a href="javascript:;"> ← Older </a>
		2799	</li>
		2800	<li class="next">
		2801	<a href="javascript:;"> Newer → </a>
		2802	</li>
		2803	</ul>
		2804	<h4 class="block">With Styled Buttons & Icons</h4>
		2805	<div class="well"> Tight pants next level keffiyeh trigger me on click haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. </div>
		2806	<ul class="pager">
		2807	<li class="previous">
		2808	<a href="javascript:;" class="btn blue">
		2809	<i class="fa fa-angle-left"></i> Older </a>
		2810	</li>
		2811	<li class="next">
		2812	<a href="javascript:;" class="btn blue"> Newer
		2813	<i class="fa fa-angle-right"></i>
		2814	</a>
		2815	</li>
		2816	</ul>
		2817	</div>
		2818	</div>
		2819	<!-- END PAGINATION PORTLET-->
		2820	<!-- BEGIN PAGINATION PORTLET-->
		2821	<div class="portlet light bordered">
		2822	<div class="portlet-title">
		2823	<div class="caption">
		2824	<i class="icon-share font-red-sunglo"></i>
		2825	<span class="caption-subject font-red-sunglo bold uppercase">Dynamic Pagination(jQuery Bootpag)</span>
		2826	</div>
		2827	<div class="actions">
		2828	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2829	<i class="icon-cloud-upload"></i>
		2830	</a>
		2831	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2832	<i class="icon-wrench"></i>
		2833	</a>
		2834	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2835	<i class="icon-trash"></i>
		2836	</a>
		2837	</div>
		2838	</div>
		2839	<div class="portlet-body">
		2840	<div>
		2841	<h4 class="block">Basic Pagination</h4>
		2842	<p id="dynamic_pager_content1" class="well"> Page 1 content here </p>
		2843	<p id="dynamic_pager_demo1"> </p>
		2844	</div>
		2845	<hr>
		2846	<div>
		2847	<h4 class="block">Advance Pagination</h4>
		2848	<p id="dynamic_pager_content2" class="well"> Page 1 content here </p>
		2849	<p id="dynamic_pager_demo2"> </p>
		2850	</div>
		2851	</div>
		2852	</div>
		2853	<!-- END PAGINATION PORTLET-->
		2854	<!-- BEGIN WELL PORTLET-->
		2855	<div class="portlet light bordered">
		2856	<div class="portlet-title">
		2857	<div class="caption">
		2858	<i class="icon-share font-red-sunglo"></i>
		2859	<span class="caption-subject font-red-sunglo bold uppercase">Wells</span>
		2860	</div>
		2861	<div class="actions">
		2862	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2863	<i class="icon-cloud-upload"></i>
		2864	</a>
		2865	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2866	<i class="icon-wrench"></i>
		2867	</a>
		2868	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2869	<i class="icon-trash"></i>
		2870	</a>
		2871	</div>
		2872	</div>
		2873	<div class="portlet-body">
		2874	<div class="well well-lg">
		2875	<h4 class="block">I am a large well</h4>
		2876	<p> Tight pants next level keffiyeh trigger me on click haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. </p>
		2877	</div>
		2878	<div class="well">
		2879	<h4 class="block">I am a default well</h4>
		2880	<p> Tight pants next level keffiyeh trigger me on click haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. </p>
		2881	</div>
		2882	<div class="well well-sm">
		2883	<h4 class="block">I am a small well</h4>
		2884	<p> Tight pants next level keffiyeh trigger me on click haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. </p>
		2885	</div>
		2886	</div>
		2887	</div>
		2888	<!-- END WELL PORTLET-->
		2889	<!-- BEGIN MEDIA PORTLET-->
		2890	<div class="portlet light bordered">
		2891	<div class="portlet-title">
		2892	<div class="caption">
		2893	<i class="icon-share font-red-sunglo"></i>
		2894	<span class="caption-subject font-red-sunglo bold uppercase">Media Objects</span>
		2895	</div>
		2896	<div class="actions">
		2897	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2898	<i class="icon-cloud-upload"></i>
		2899	</a>
		2900	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2901	<i class="icon-wrench"></i>
		2902	</a>
		2903	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2904	<i class="icon-trash"></i>
		2905	</a>
		2906	</div>
		2907	</div>
		2908	<div class="portlet-body">
		2909	<div class="note note-success">
		2910	<p> Abstract object styles for building various types of components (like blog comments, Tweets, etc) that feature a left or right aligned image alongside textual content. </p>
		2911	</div>
		2912	<div class="clearfix">
		2913	<ul class="media-list">
		2914	<li class="media">
		2915	<a class="pull-left" href="javascript:;">
		2916	<img class="media-object" src="../assets/global/plugins/holder.js/64x64" alt=""> </a>
		2917	<div class="media-body">
		2918	<h4 class="media-heading">Media heading</h4>
		2919	<p> 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. </p>
		2920	<!-- Nested media object -->
		2921	<div class="media">
		2922	<a class="pull-left" href="javascript:;">
		2923	<img class="media-object" src="../assets/global/plugins/holder.js/64x64" alt=""> </a>
		2924	<div class="media-body">
		2925	<h4 class="media-heading">Nested media heading</h4> 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.
		2926	<!-- Nested media object -->
		2927	<div class="media">
		2928	<a class="pull-left" href="javascript:;">
		2929	<img class="media-object" src="../assets/global/plugins/holder.js/64x64" alt=""> </a>
		2930	<div class="media-body">
		2931	<h4 class="media-heading">Nested media heading</h4> Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra
		2932	turpis. </div>
		2933	</div>
		2934	</div>
		2935	</div>
		2936	<!-- Nested media object -->
		2937	<div class="media">
		2938	<a class="pull-left" href="javascript:;">
		2939	<img class="media-object" src="../assets/global/plugins/holder.js/64x64" alt=""> </a>
		2940	<div class="media-body">
		2941	<h4 class="media-heading">Nested media heading</h4> 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.
		2942	</div>
		2943	</div>
		2944	</div>
		2945	</li>
		2946	<li class="media">
		2947	<a class="pull-right" href="javascript:;">
		2948	<img class="media-object" src="../assets/global/plugins/holder.js/64x64" alt=""> </a>
		2949	<div class="media-body">
		2950	<h4 class="media-heading">Media heading</h4> 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. </div>
		2951	</li>
		2952	</ul>
		2953	</div>
		2954	</div>
		2955	</div>
		2956	<!-- END MEDIA PORTLET-->
		2957	<!-- BEGIN THUMBNAILS PORTLET-->
		2958	<div class="portlet light bordered">
		2959	<div class="portlet-title">
		2960	<div class="caption">
		2961	<i class="icon-share font-green-sharp"></i>
		2962	<span class="caption-subject font-green-sharp bold uppercase">Thumbnails</span>
		2963	</div>
		2964	<div class="actions">
		2965	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2966	<i class="icon-cloud-upload"></i>
		2967	</a>
		2968	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2969	<i class="icon-wrench"></i>
		2970	</a>
		2971	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		2972	<i class="icon-trash"></i>
		2973	</a>
		2974	</div>
		2975	</div>
		2976	<div class="portlet-body">
		2977	<div class="note note-info">
		2978	<p> Extend Bootstrap's grid system with the thumbnail component to easily display grids of images, videos, text, and more. </p>
		2979	</div>
		2980	<h4 class="block">Default</h4>
		2981	<div class="row">
		2982	<div class="col-sm-6 col-md-3">
		2983	<a href="javascript:;" class="thumbnail">
		2984	<img src="../assets/global/plugins/holder.js/100%x180" alt="100%x180" style="height: 180px; width: 100%; display: block;"> </a>
		2985	</div>
		2986	<div class="col-sm-6 col-md-3">
		2987	<a href="javascript:;" class="thumbnail">
		2988	<img src="../assets/global/plugins/holder.js/100%x180" alt="100%x180" style="height: 180px; width: 100%; display: block;"> </a>
		2989	</div>
		2990	<div class="col-sm-6 col-md-3">
		2991	<a href="javascript:;" class="thumbnail">
		2992	<img src="../assets/global/plugins/holder.js/100%x180" alt="100%x180" style="height: 180px; width: 100%; display: block;"> </a>
		2993	</div>
		2994	<div class="col-sm-6 col-md-3">
		2995	<a href="javascript:;" class="thumbnail">
		2996	<img src="../assets/global/plugins/holder.js/100%x180" alt="100%x180" style="height: 180px; width: 100%; display: block;"> </a>
		2997	</div>
		2998	</div>
		2999	<h4 class="block">Custom Content</h4>
		3000	<div class="row">
		3001	<div class="col-sm-12 col-md-6">
		3002	<div class="thumbnail">
		3003	<img src="../assets/global/plugins/holder.js/100%x200" alt="" style="width: 100%; height: 200px;">
		3004	<div class="caption">
		3005	<h3>Thumbnail label</h3>
		3006	<p> Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. </p>
		3007	<p>
		3008	<a href="javascript:;" class="btn blue"> Button </a>
		3009	<a href="javascript:;" class="btn default"> Button </a>
		3010	</p>
		3011	</div>
		3012	</div>
		3013	</div>
		3014	<div class="col-sm-12 col-md-6">
		3015	<div class="thumbnail">
		3016	<img src="../assets/global/plugins/holder.js/100%x200" alt="" style="width: 100%; height: 200px;">
		3017	<div class="caption">
		3018	<h3>Thumbnail label</h3>
		3019	<p> Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. </p>
		3020	<p>
		3021	<a href="javascript:;" class="btn red"> Button </a>
		3022	<a href="javascript:;" class="btn default"> Button </a>
		3023	</p>
		3024	</div>
		3025	</div>
		3026	</div>
		3027	</div>
		3028	</div>
		3029	</div>
		3030	<!-- END THUMBNAILS PORTLET-->
		3031	</div>
		3032	</div>
		3033	</div>
		3034	<!-- END CONTENT BODY -->
		3035	</div>
		3036	<!-- END CONTENT -->
		3037	<!-- BEGIN QUICK SIDEBAR -->
		3038	<a href="javascript:;" class="page-quick-sidebar-toggler">
		3039	<i class="icon-login"></i>
		3040	</a>
		3041	<div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
		3042	<div class="page-quick-sidebar">
		3043	<ul class="nav nav-tabs">
		3044	<li class="active">
		3045	<a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
		3046	<span class="badge badge-danger">2</span>
		3047	</a>
		3048	</li>
		3049	<li>
		3050	<a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
		3051	<span class="badge badge-success">7</span>
		3052	</a>
		3053	</li>
		3054	<li class="dropdown">
		3055	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
		3056	<i class="fa fa-angle-down"></i>
		3057	</a>
		3058	<ul class="dropdown-menu pull-right">
		3059	<li>
		3060	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		3061	<i class="icon-bell"></i> Alerts </a>
		3062	</li>
		3063	<li>
		3064	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		3065	<i class="icon-info"></i> Notifications </a>
		3066	</li>
		3067	<li>
		3068	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		3069	<i class="icon-speech"></i> Activities </a>
		3070	</li>
		3071	<li class="divider"></li>
		3072	<li>
		3073	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		3074	<i class="icon-settings"></i> Settings </a>
		3075	</li>
		3076	</ul>
		3077	</li>
		3078	</ul>
		3079	<div class="tab-content">
		3080	<div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
		3081	<div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
		3082	<h3 class="list-heading">Staff</h3>
		3083	<ul class="media-list list-items">
		3084	<li class="media">
		3085	<div class="media-status">
		3086	<span class="badge badge-success">8</span>
		3087	</div>
		3088	<img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
		3089	<div class="media-body">
		3090	<h4 class="media-heading">Bob Nilson</h4>
		3091	<div class="media-heading-sub"> Project Manager </div>
		3092	</div>
		3093	</li>
		3094	<li class="media">
		3095	<img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
		3096	<div class="media-body">
		3097	<h4 class="media-heading">Nick Larson</h4>
		3098	<div class="media-heading-sub"> Art Director </div>
		3099	</div>
		3100	</li>
		3101	<li class="media">
		3102	<div class="media-status">
		3103	<span class="badge badge-danger">3</span>
		3104	</div>
		3105	<img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
		3106	<div class="media-body">
		3107	<h4 class="media-heading">Deon Hubert</h4>
		3108	<div class="media-heading-sub"> CTO </div>
		3109	</div>
		3110	</li>
		3111	<li class="media">
		3112	<img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
		3113	<div class="media-body">
		3114	<h4 class="media-heading">Ella Wong</h4>
		3115	<div class="media-heading-sub"> CEO </div>
		3116	</div>
		3117	</li>
		3118	</ul>
		3119	<h3 class="list-heading">Customers</h3>
		3120	<ul class="media-list list-items">
		3121	<li class="media">
		3122	<div class="media-status">
		3123	<span class="badge badge-warning">2</span>
		3124	</div>
		3125	<img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
		3126	<div class="media-body">
		3127	<h4 class="media-heading">Lara Kunis</h4>
		3128	<div class="media-heading-sub"> CEO, Loop Inc </div>
		3129	<div class="media-heading-small"> Last seen 03:10 AM </div>
		3130	</div>
		3131	</li>
		3132	<li class="media">
		3133	<div class="media-status">
		3134	<span class="label label-sm label-success">new</span>
		3135	</div>
		3136	<img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
		3137	<div class="media-body">
		3138	<h4 class="media-heading">Ernie Kyllonen</h4>
		3139	<div class="media-heading-sub"> Project Manager,
		3140	<br> SmartBizz PTL </div>
		3141	</div>
		3142	</li>
		3143	<li class="media">
		3144	<img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
		3145	<div class="media-body">
		3146	<h4 class="media-heading">Lisa Stone</h4>
		3147	<div class="media-heading-sub"> CTO, Keort Inc </div>
		3148	<div class="media-heading-small"> Last seen 13:10 PM </div>
		3149	</div>
		3150	</li>
		3151	<li class="media">
		3152	<div class="media-status">
		3153	<span class="badge badge-success">7</span>
		3154	</div>
		3155	<img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
		3156	<div class="media-body">
		3157	<h4 class="media-heading">Deon Portalatin</h4>
		3158	<div class="media-heading-sub"> CFO, H&D LTD </div>
		3159	</div>
		3160	</li>
		3161	<li class="media">
		3162	<img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
		3163	<div class="media-body">
		3164	<h4 class="media-heading">Irina Savikova</h4>
		3165	<div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
		3166	</div>
		3167	</li>
		3168	<li class="media">
		3169	<div class="media-status">
		3170	<span class="badge badge-danger">4</span>
		3171	</div>
		3172	<img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
		3173	<div class="media-body">
		3174	<h4 class="media-heading">Maria Gomez</h4>
		3175	<div class="media-heading-sub"> Manager, Infomatic Inc </div>
		3176	<div class="media-heading-small"> Last seen 03:10 AM </div>
		3177	</div>
		3178	</li>
		3179	</ul>
		3180	</div>
		3181	<div class="page-quick-sidebar-item">
		3182	<div class="page-quick-sidebar-chat-user">
		3183	<div class="page-quick-sidebar-nav">
		3184	<a href="javascript:;" class="page-quick-sidebar-back-to-list">
		3185	<i class="icon-arrow-left"></i>Back</a>
		3186	</div>
		3187	<div class="page-quick-sidebar-chat-user-messages">
		3188	<div class="post out">
		3189	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3190	<div class="message">
		3191	<span class="arrow"></span>
		3192	<a href="javascript:;" class="name">Bob Nilson</a>
		3193	<span class="datetime">20:15</span>
		3194	<span class="body"> When could you send me the report ? </span>
		3195	</div>
		3196	</div>
		3197	<div class="post in">
		3198	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		3199	<div class="message">
		3200	<span class="arrow"></span>
		3201	<a href="javascript:;" class="name">Ella Wong</a>
		3202	<span class="datetime">20:15</span>
		3203	<span class="body"> Its almost done. I will be sending it shortly </span>
		3204	</div>
		3205	</div>
		3206	<div class="post out">
		3207	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3208	<div class="message">
		3209	<span class="arrow"></span>
		3210	<a href="javascript:;" class="name">Bob Nilson</a>
		3211	<span class="datetime">20:15</span>
		3212	<span class="body"> Alright. Thanks! :) </span>
		3213	</div>
		3214	</div>
		3215	<div class="post in">
		3216	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		3217	<div class="message">
		3218	<span class="arrow"></span>
		3219	<a href="javascript:;" class="name">Ella Wong</a>
		3220	<span class="datetime">20:16</span>
		3221	<span class="body"> You are most welcome. Sorry for the delay. </span>
		3222	</div>
		3223	</div>
		3224	<div class="post out">
		3225	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3226	<div class="message">
		3227	<span class="arrow"></span>
		3228	<a href="javascript:;" class="name">Bob Nilson</a>
		3229	<span class="datetime">20:17</span>
		3230	<span class="body"> No probs. Just take your time :) </span>
		3231	</div>
		3232	</div>
		3233	<div class="post in">
		3234	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		3235	<div class="message">
		3236	<span class="arrow"></span>
		3237	<a href="javascript:;" class="name">Ella Wong</a>
		3238	<span class="datetime">20:40</span>
		3239	<span class="body"> Alright. I just emailed it to you. </span>
		3240	</div>
		3241	</div>
		3242	<div class="post out">
		3243	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3244	<div class="message">
		3245	<span class="arrow"></span>
		3246	<a href="javascript:;" class="name">Bob Nilson</a>
		3247	<span class="datetime">20:17</span>
		3248	<span class="body"> Great! Thanks. Will check it right away. </span>
		3249	</div>
		3250	</div>
		3251	<div class="post in">
		3252	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		3253	<div class="message">
		3254	<span class="arrow"></span>
		3255	<a href="javascript:;" class="name">Ella Wong</a>
		3256	<span class="datetime">20:40</span>
		3257	<span class="body"> Please let me know if you have any comment. </span>
		3258	</div>
		3259	</div>
		3260	<div class="post out">
		3261	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		3262	<div class="message">
		3263	<span class="arrow"></span>
		3264	<a href="javascript:;" class="name">Bob Nilson</a>
		3265	<span class="datetime">20:17</span>
		3266	<span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
		3267	</div>
		3268	</div>
		3269	</div>
		3270	<div class="page-quick-sidebar-chat-user-form">
		3271	<div class="input-group">
		3272	<input type="text" class="form-control" placeholder="Type a message here...">
		3273	<div class="input-group-btn">
		3274	<button type="button" class="btn green">
		3275	<i class="icon-paper-clip"></i>
		3276	</button>
		3277	</div>
		3278	</div>
		3279	</div>
		3280	</div>
		3281	</div>
		3282	</div>
		3283	<div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
		3284	<div class="page-quick-sidebar-alerts-list">
		3285	<h3 class="list-heading">General</h3>
		3286	<ul class="feeds list-items">
		3287	<li>
		3288	<div class="col1">
		3289	<div class="cont">
		3290	<div class="cont-col1">
		3291	<div class="label label-sm label-info">
		3292	<i class="fa fa-check"></i>
		3293	</div>
		3294	</div>
		3295	<div class="cont-col2">
		3296	<div class="desc"> You have 4 pending tasks.
		3297	<span class="label label-sm label-warning "> Take action
		3298	<i class="fa fa-share"></i>
		3299	</span>
		3300	</div>
		3301	</div>
		3302	</div>
		3303	</div>
		3304	<div class="col2">
		3305	<div class="date"> Just now </div>
		3306	</div>
		3307	</li>
		3308	<li>
		3309	<a href="javascript:;">
		3310	<div class="col1">
		3311	<div class="cont">
		3312	<div class="cont-col1">
		3313	<div class="label label-sm label-success">
		3314	<i class="fa fa-bar-chart-o"></i>
		3315	</div>
		3316	</div>
		3317	<div class="cont-col2">
		3318	<div class="desc"> Finance Report for year 2013 has been released. </div>
		3319	</div>
		3320	</div>
		3321	</div>
		3322	<div class="col2">
		3323	<div class="date"> 20 mins </div>
		3324	</div>
		3325	</a>
		3326	</li>
		3327	<li>
		3328	<div class="col1">
		3329	<div class="cont">
		3330	<div class="cont-col1">
		3331	<div class="label label-sm label-danger">
		3332	<i class="fa fa-user"></i>
		3333	</div>
		3334	</div>
		3335	<div class="cont-col2">
		3336	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		3337	</div>
		3338	</div>
		3339	</div>
		3340	<div class="col2">
		3341	<div class="date"> 24 mins </div>
		3342	</div>
		3343	</li>
		3344	<li>
		3345	<div class="col1">
		3346	<div class="cont">
		3347	<div class="cont-col1">
		3348	<div class="label label-sm label-info">
		3349	<i class="fa fa-shopping-cart"></i>
		3350	</div>
		3351	</div>
		3352	<div class="cont-col2">
		3353	<div class="desc"> New order received with
		3354	<span class="label label-sm label-success"> Reference Number: DR23923 </span>
		3355	</div>
		3356	</div>
		3357	</div>
		3358	</div>
		3359	<div class="col2">
		3360	<div class="date"> 30 mins </div>
		3361	</div>
		3362	</li>
		3363	<li>
		3364	<div class="col1">
		3365	<div class="cont">
		3366	<div class="cont-col1">
		3367	<div class="label label-sm label-success">
		3368	<i class="fa fa-user"></i>
		3369	</div>
		3370	</div>
		3371	<div class="cont-col2">
		3372	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		3373	</div>
		3374	</div>
		3375	</div>
		3376	<div class="col2">
		3377	<div class="date"> 24 mins </div>
		3378	</div>
		3379	</li>
		3380	<li>
		3381	<div class="col1">
		3382	<div class="cont">
		3383	<div class="cont-col1">
		3384	<div class="label label-sm label-info">
		3385	<i class="fa fa-bell-o"></i>
		3386	</div>
		3387	</div>
		3388	<div class="cont-col2">
		3389	<div class="desc"> Web server hardware needs to be upgraded.
		3390	<span class="label label-sm label-warning"> Overdue </span>
		3391	</div>
		3392	</div>
		3393	</div>
		3394	</div>
		3395	<div class="col2">
		3396	<div class="date"> 2 hours </div>
		3397	</div>
		3398	</li>
		3399	<li>
		3400	<a href="javascript:;">
		3401	<div class="col1">
		3402	<div class="cont">
		3403	<div class="cont-col1">
		3404	<div class="label label-sm label-default">
		3405	<i class="fa fa-briefcase"></i>
		3406	</div>
		3407	</div>
		3408	<div class="cont-col2">
		3409	<div class="desc"> IPO Report for year 2013 has been released. </div>
		3410	</div>
		3411	</div>
		3412	</div>
		3413	<div class="col2">
		3414	<div class="date"> 20 mins </div>
		3415	</div>
		3416	</a>
		3417	</li>
		3418	</ul>
		3419	<h3 class="list-heading">System</h3>
		3420	<ul class="feeds list-items">
		3421	<li>
		3422	<div class="col1">
		3423	<div class="cont">
		3424	<div class="cont-col1">
		3425	<div class="label label-sm label-info">
		3426	<i class="fa fa-check"></i>
		3427	</div>
		3428	</div>
		3429	<div class="cont-col2">
		3430	<div class="desc"> You have 4 pending tasks.
		3431	<span class="label label-sm label-warning "> Take action
		3432	<i class="fa fa-share"></i>
		3433	</span>
		3434	</div>
		3435	</div>
		3436	</div>
		3437	</div>
		3438	<div class="col2">
		3439	<div class="date"> Just now </div>
		3440	</div>
		3441	</li>
		3442	<li>
		3443	<a href="javascript:;">
		3444	<div class="col1">
		3445	<div class="cont">
		3446	<div class="cont-col1">
		3447	<div class="label label-sm label-danger">
		3448	<i class="fa fa-bar-chart-o"></i>
		3449	</div>
		3450	</div>
		3451	<div class="cont-col2">
		3452	<div class="desc"> Finance Report for year 2013 has been released. </div>
		3453	</div>
		3454	</div>
		3455	</div>
		3456	<div class="col2">
		3457	<div class="date"> 20 mins </div>
		3458	</div>
		3459	</a>
		3460	</li>
		3461	<li>
		3462	<div class="col1">
		3463	<div class="cont">
		3464	<div class="cont-col1">
		3465	<div class="label label-sm label-default">
		3466	<i class="fa fa-user"></i>
		3467	</div>
		3468	</div>
		3469	<div class="cont-col2">
		3470	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		3471	</div>
		3472	</div>
		3473	</div>
		3474	<div class="col2">
		3475	<div class="date"> 24 mins </div>
		3476	</div>
		3477	</li>
		3478	<li>
		3479	<div class="col1">
		3480	<div class="cont">
		3481	<div class="cont-col1">
		3482	<div class="label label-sm label-info">
		3483	<i class="fa fa-shopping-cart"></i>
		3484	</div>
		3485	</div>
		3486	<div class="cont-col2">
		3487	<div class="desc"> New order received with
		3488	<span class="label label-sm label-success"> Reference Number: DR23923 </span>
		3489	</div>
		3490	</div>
		3491	</div>
		3492	</div>
		3493	<div class="col2">
		3494	<div class="date"> 30 mins </div>
		3495	</div>
		3496	</li>
		3497	<li>
		3498	<div class="col1">
		3499	<div class="cont">
		3500	<div class="cont-col1">
		3501	<div class="label label-sm label-success">
		3502	<i class="fa fa-user"></i>
		3503	</div>
		3504	</div>
		3505	<div class="cont-col2">
		3506	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		3507	</div>
		3508	</div>
		3509	</div>
		3510	<div class="col2">
		3511	<div class="date"> 24 mins </div>
		3512	</div>
		3513	</li>
		3514	<li>
		3515	<div class="col1">
		3516	<div class="cont">
		3517	<div class="cont-col1">
		3518	<div class="label label-sm label-warning">
		3519	<i class="fa fa-bell-o"></i>
		3520	</div>
		3521	</div>
		3522	<div class="cont-col2">
		3523	<div class="desc"> Web server hardware needs to be upgraded.
		3524	<span class="label label-sm label-default "> Overdue </span>
		3525	</div>
		3526	</div>
		3527	</div>
		3528	</div>
		3529	<div class="col2">
		3530	<div class="date"> 2 hours </div>
		3531	</div>
		3532	</li>
		3533	<li>
		3534	<a href="javascript:;">
		3535	<div class="col1">
		3536	<div class="cont">
		3537	<div class="cont-col1">
		3538	<div class="label label-sm label-info">
		3539	<i class="fa fa-briefcase"></i>
		3540	</div>
		3541	</div>
		3542	<div class="cont-col2">
		3543	<div class="desc"> IPO Report for year 2013 has been released. </div>
		3544	</div>
		3545	</div>
		3546	</div>
		3547	<div class="col2">
		3548	<div class="date"> 20 mins </div>
		3549	</div>
		3550	</a>
		3551	</li>
		3552	</ul>
		3553	</div>
		3554	</div>
		3555	<div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
		3556	<div class="page-quick-sidebar-settings-list">
		3557	<h3 class="list-heading">General Settings</h3>
		3558	<ul class="list-items borderless">
		3559	<li> Enable Notifications
		3560	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		3561	<li> Allow Tracking
		3562	<input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		3563	<li> Log Errors
		3564	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		3565	<li> Auto Sumbit Issues
		3566	<input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		3567	<li> Enable SMS Alerts
		3568	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		3569	</ul>
		3570	<h3 class="list-heading">System Settings</h3>
		3571	<ul class="list-items borderless">
		3572	<li> Security Level
		3573	<select class="form-control input-inline input-sm input-small">
		3574	<option value="1">Normal</option>
		3575	<option value="2" selected>Medium</option>
		3576	<option value="e">High</option>
		3577	</select>
		3578	</li>
		3579	<li> Failed Email Attempts
		3580	<input class="form-control input-inline input-sm input-small" value="5" /> </li>
		3581	<li> Secondary SMTP Port
		3582	<input class="form-control input-inline input-sm input-small" value="3560" /> </li>
		3583	<li> Notify On System Error
		3584	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		3585	<li> Notify On SMTP Error
		3586	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		3587	</ul>
		3588	<div class="inner-content">
		3589	<button class="btn btn-success">
		3590	<i class="icon-settings"></i> Save Changes</button>
		3591	</div>
		3592	</div>
		3593	</div>
		3594	</div>
		3595	</div>
		3596	</div>
		3597	<!-- END QUICK SIDEBAR -->
		3598	</div>
		3599	<!-- END CONTAINER -->
		3600	<!-- BEGIN FOOTER -->
		3601	<div class="page-footer">
		3602	<div class="page-footer-inner"> 2016 © Metronic Theme By
		3603	<a target="_blank" href="http://keenthemes.com">Keenthemes</a>  \|
		3604	<a href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes" title="Purchase Metronic just for 27$ and get lifetime updates for free" target="_blank">Purchase Metronic!</a>
		3605	</div>
		3606	<div class="scroll-to-top">
		3607	<i class="icon-arrow-up"></i>
		3608	</div>
		3609	</div>
		3610	<!-- END FOOTER -->
		3611	</div>
		3612	<!--[if lt IE 9]>
		3613	<script src="../assets/global/plugins/respond.min.js"></script>
		3614	<script src="../assets/global/plugins/excanvas.min.js"></script>
		3615	<![endif]-->
		3616	<!-- BEGIN CORE PLUGINS -->
		3617	<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
		3618	<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		3619	<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
		3620	<script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		3621	<script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		3622	<script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
		3623	<!-- END CORE PLUGINS -->
		3624	<!-- BEGIN PAGE LEVEL PLUGINS -->
		3625	<script src="../assets/global/plugins/jquery.pulsate.min.js" type="text/javascript"></script>
		3626	<script src="../assets/global/plugins/jquery-bootpag/jquery.bootpag.min.js" type="text/javascript"></script>
		3627	<script src="../assets/global/plugins/holder.js" type="text/javascript"></script>
		3628	<!-- END PAGE LEVEL PLUGINS -->
		3629	<!-- BEGIN THEME GLOBAL SCRIPTS -->
		3630	<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
		3631	<!-- END THEME GLOBAL SCRIPTS -->
		3632	<!-- BEGIN PAGE LEVEL SCRIPTS -->
		3633	<script src="../assets/pages/scripts/ui-general.min.js" type="text/javascript"></script>
		3634	<!-- END PAGE LEVEL SCRIPTS -->
		3635	<!-- BEGIN THEME LAYOUT SCRIPTS -->
		3636	<script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
		3637	<script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
		3638	<script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
		3639	<!-- END THEME LAYOUT SCRIPTS -->
		3640	</body>

Subversion Repositories Integrator Subversion

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