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

Rev	Author	Line No.	Line
1	espaco	1	<!DOCTYPE html>
		2	<!--
		3	Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.2
		4	Version: 3.2.0
		5	Author: KeenThemes
		6	Website: http://www.keenthemes.com/
		7	Contact: support@keenthemes.com
		8	Follow: www.twitter.com/keenthemes
		9	Like: www.facebook.com/keenthemes
		10	Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
		11	License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
		12	-->
		13	<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
		14	<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
		15	<!--[if !IE]><!-->
		16	<html lang="en">
		17	<!--<![endif]-->
		18	<!-- BEGIN HEAD -->
		19	<head>
		20	<meta charset="utf-8"/>
		21	<title>Metronic \| General</title>
		22	<meta http-equiv="X-UA-Compatible" content="IE=edge">
		23	<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
		24	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		25	<meta content="" name="description"/>
		26	<meta content="" name="author"/>
		27	<!-- BEGIN GLOBAL MANDATORY STYLES -->
		28	<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css">
		29	<link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
		30	<link href="../../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css">
		31	<link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
		32	<link href="../../assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css">
		33	<!-- END GLOBAL MANDATORY STYLES -->
		34	<!-- BEGIN THEME STYLES -->
		35	<link href="../../assets/global/css/components-rounded.css" id="style_components" rel="stylesheet" type="text/css">
		36	<link href="../../assets/global/css/plugins.css" rel="stylesheet" type="text/css">
		37	<link href="../../assets/admin/layout3/css/layout.css" rel="stylesheet" type="text/css">
		38	<link href="../../assets/admin/layout3/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color">
		39	<link href="../../assets/admin/layout3/css/custom.css" rel="stylesheet" type="text/css">
		40	<!-- END THEME STYLES -->
		41	<link rel="shortcut icon" href="favicon.ico"/>
		42	</head>
		43	<!-- END HEAD -->
		44	<!-- BEGIN BODY -->
		45	<!-- DOC: Apply "page-header-menu-fixed" class to set the mega menu fixed -->
		46	<!-- DOC: Apply "page-header-top-fixed" class to set the top menu fixed -->
		47	<body>
		48	<!-- BEGIN HEADER -->
		49	<div class="page-header">
		50	<!-- BEGIN HEADER TOP -->
		51	<div class="page-header-top">
		52	<div class="container">
		53	<!-- BEGIN LOGO -->
		54	<div class="page-logo">
		55	<a href="index.html"><img src="../../assets/admin/layout3/img/logo-default.png" alt="logo" class="logo-default"></a>
		56	</div>
		57	<!-- END LOGO -->
		58	<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		59	<a href="javascript:;" class="menu-toggler"></a>
		60	<!-- END RESPONSIVE MENU TOGGLER -->
		61	<!-- BEGIN TOP NAVIGATION MENU -->
		62	<div class="top-menu">
		63	<ul class="nav navbar-nav pull-right">
		64	<!-- BEGIN NOTIFICATION DROPDOWN -->
		65	<li class="dropdown dropdown-extended dropdown-dark dropdown-notification" id="header_notification_bar">
		66	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		67	<i class="icon-bell"></i>
		68	<span class="badge badge-default">7</span>
		69	</a>
		70	<ul class="dropdown-menu">
		71	<li class="external">
		72	<h3>You have <strong>12 pending</strong> tasks</h3>
		73	<a href="javascript:;">view all</a>
		74	</li>
		75	<li>
		76	<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
		77	<li>
		78	<a href="javascript:;">
		79	<span class="time">just now</span>
		80	<span class="details">
		81	<span class="label label-sm label-icon label-success">
		82	<i class="fa fa-plus"></i>
		83	</span>
		84	New user registered. </span>
		85	</a>
		86	</li>
		87	<li>
		88	<a href="javascript:;">
		89	<span class="time">3 mins</span>
		90	<span class="details">
		91	<span class="label label-sm label-icon label-danger">
		92	<i class="fa fa-bolt"></i>
		93	</span>
		94	Server #12 overloaded. </span>
		95	</a>
		96	</li>
		97	<li>
		98	<a href="javascript:;">
		99	<span class="time">10 mins</span>
		100	<span class="details">
		101	<span class="label label-sm label-icon label-warning">
		102	<i class="fa fa-bell-o"></i>
		103	</span>
		104	Server #2 not responding. </span>
		105	</a>
		106	</li>
		107	<li>
		108	<a href="javascript:;">
		109	<span class="time">14 hrs</span>
		110	<span class="details">
		111	<span class="label label-sm label-icon label-info">
		112	<i class="fa fa-bullhorn"></i>
		113	</span>
		114	Application error. </span>
		115	</a>
		116	</li>
		117	<li>
		118	<a href="javascript:;">
		119	<span class="time">2 days</span>
		120	<span class="details">
		121	<span class="label label-sm label-icon label-danger">
		122	<i class="fa fa-bolt"></i>
		123	</span>
		124	Database overloaded 68%. </span>
		125	</a>
		126	</li>
		127	<li>
		128	<a href="javascript:;">
		129	<span class="time">3 days</span>
		130	<span class="details">
		131	<span class="label label-sm label-icon label-danger">
		132	<i class="fa fa-bolt"></i>
		133	</span>
		134	A user IP blocked. </span>
		135	</a>
		136	</li>
		137	<li>
		138	<a href="javascript:;">
		139	<span class="time">4 days</span>
		140	<span class="details">
		141	<span class="label label-sm label-icon label-warning">
		142	<i class="fa fa-bell-o"></i>
		143	</span>
		144	Storage Server #4 not responding dfdfdfd. </span>
		145	</a>
		146	</li>
		147	<li>
		148	<a href="javascript:;">
		149	<span class="time">5 days</span>
		150	<span class="details">
		151	<span class="label label-sm label-icon label-info">
		152	<i class="fa fa-bullhorn"></i>
		153	</span>
		154	System Error. </span>
		155	</a>
		156	</li>
		157	<li>
		158	<a href="javascript:;">
		159	<span class="time">9 days</span>
		160	<span class="details">
		161	<span class="label label-sm label-icon label-danger">
		162	<i class="fa fa-bolt"></i>
		163	</span>
		164	Storage server failed. </span>
		165	</a>
		166	</li>
		167	</ul>
		168	</li>
		169	</ul>
		170	</li>
		171	<!-- END NOTIFICATION DROPDOWN -->
		172	<!-- BEGIN TODO DROPDOWN -->
		173	<li class="dropdown dropdown-extended dropdown-dark dropdown-tasks" id="header_task_bar">
		174	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		175	<i class="icon-calendar"></i>
		176	<span class="badge badge-default">3</span>
		177	</a>
		178	<ul class="dropdown-menu extended tasks">
		179	<li class="external">
		180	<h3>You have <strong>12 pending</strong> tasks</h3>
		181	<a href="javascript:;">view all</a>
		182	</li>
		183	<li>
		184	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		185	<li>
		186	<a href="javascript:;">
		187	<span class="task">
		188	<span class="desc">New release v1.2 </span>
		189	<span class="percent">30%</span>
		190	</span>
		191	<span class="progress">
		192	<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">40% Complete</span></span>
		193	</span>
		194	</a>
		195	</li>
		196	<li>
		197	<a href="javascript:;">
		198	<span class="task">
		199	<span class="desc">Application deployment</span>
		200	<span class="percent">65%</span>
		201	</span>
		202	<span class="progress">
		203	<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">65% Complete</span></span>
		204	</span>
		205	</a>
		206	</li>
		207	<li>
		208	<a href="javascript:;">
		209	<span class="task">
		210	<span class="desc">Mobile app release</span>
		211	<span class="percent">98%</span>
		212	</span>
		213	<span class="progress">
		214	<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">98% Complete</span></span>
		215	</span>
		216	</a>
		217	</li>
		218	<li>
		219	<a href="javascript:;">
		220	<span class="task">
		221	<span class="desc">Database migration</span>
		222	<span class="percent">10%</span>
		223	</span>
		224	<span class="progress">
		225	<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">10% Complete</span></span>
		226	</span>
		227	</a>
		228	</li>
		229	<li>
		230	<a href="javascript:;">
		231	<span class="task">
		232	<span class="desc">Web server upgrade</span>
		233	<span class="percent">58%</span>
		234	</span>
		235	<span class="progress">
		236	<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">58% Complete</span></span>
		237	</span>
		238	</a>
		239	</li>
		240	<li>
		241	<a href="javascript:;">
		242	<span class="task">
		243	<span class="desc">Mobile development</span>
		244	<span class="percent">85%</span>
		245	</span>
		246	<span class="progress">
		247	<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">85% Complete</span></span>
		248	</span>
		249	</a>
		250	</li>
		251	<li>
		252	<a href="javascript:;">
		253	<span class="task">
		254	<span class="desc">New UI release</span>
		255	<span class="percent">38%</span>
		256	</span>
		257	<span class="progress progress-striped">
		258	<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">38% Complete</span></span>
		259	</span>
		260	</a>
		261	</li>
		262	</ul>
		263	</li>
		264	</ul>
		265	</li>
		266	<!-- END TODO DROPDOWN -->
		267	<li class="droddown dropdown-separator">
		268	<span class="separator"></span>
		269	</li>
		270	<!-- BEGIN INBOX DROPDOWN -->
		271	<li class="dropdown dropdown-extended dropdown-dark dropdown-inbox" id="header_inbox_bar">
		272	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		273	<span class="circle">3</span>
		274	<span class="corner"></span>
		275	</a>
		276	<ul class="dropdown-menu">
		277	<li class="external">
		278	<h3>You have <strong>7 New</strong> Messages</h3>
		279	<a href="javascript:;">view all</a>
		280	</li>
		281	<li>
		282	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		283	<li>
		284	<a href="inbox.html?a=view">
		285	<span class="photo">
		286	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		287	</span>
		288	<span class="subject">
		289	<span class="from">
		290	Lisa Wong </span>
		291	<span class="time">Just Now </span>
		292	</span>
		293	<span class="message">
		294	Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		295	</a>
		296	</li>
		297	<li>
		298	<a href="inbox.html?a=view">
		299	<span class="photo">
		300	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		301	</span>
		302	<span class="subject">
		303	<span class="from">
		304	Richard Doe </span>
		305	<span class="time">16 mins </span>
		306	</span>
		307	<span class="message">
		308	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		309	</a>
		310	</li>
		311	<li>
		312	<a href="inbox.html?a=view">
		313	<span class="photo">
		314	<img src="../../assets/admin/layout3/img/avatar1.jpg" class="img-circle" alt="">
		315	</span>
		316	<span class="subject">
		317	<span class="from">
		318	Bob Nilson </span>
		319	<span class="time">2 hrs </span>
		320	</span>
		321	<span class="message">
		322	Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		323	</a>
		324	</li>
		325	<li>
		326	<a href="inbox.html?a=view">
		327	<span class="photo">
		328	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		329	</span>
		330	<span class="subject">
		331	<span class="from">
		332	Lisa Wong </span>
		333	<span class="time">40 mins </span>
		334	</span>
		335	<span class="message">
		336	Vivamus sed auctor 40% nibh congue nibh... </span>
		337	</a>
		338	</li>
		339	<li>
		340	<a href="inbox.html?a=view">
		341	<span class="photo">
		342	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		343	</span>
		344	<span class="subject">
		345	<span class="from">
		346	Richard Doe </span>
		347	<span class="time">46 mins </span>
		348	</span>
		349	<span class="message">
		350	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		351	</a>
		352	</li>
		353	</ul>
		354	</li>
		355	</ul>
		356	</li>
		357	<!-- END INBOX DROPDOWN -->
		358	<!-- BEGIN USER LOGIN DROPDOWN -->
		359	<li class="dropdown dropdown-user dropdown-dark">
		360	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		361	<img alt="" class="img-circle" src="../../assets/admin/layout3/img/avatar9.jpg">
		362	<span class="username username-hide-mobile">Nick</span>
		363	</a>
		364	<ul class="dropdown-menu dropdown-menu-default">
		365	<li>
		366	<a href="extra_profile.html">
		367	<i class="icon-user"></i> My Profile </a>
		368	</li>
		369	<li>
		370	<a href="page_calendar.html">
		371	<i class="icon-calendar"></i> My Calendar </a>
		372	</li>
		373	<li>
		374	<a href="inbox.html">
		375	<i class="icon-envelope-open"></i> My Inbox <span class="badge badge-danger">
		376	3 </span>
		377	</a>
		378	</li>
		379	<li>
		380	<a href="javascript:;">
		381	<i class="icon-rocket"></i> My Tasks <span class="badge badge-success">
		382	7 </span>
		383	</a>
		384	</li>
		385	<li class="divider">
		386	</li>
		387	<li>
		388	<a href="extra_lock.html">
		389	<i class="icon-lock"></i> Lock Screen </a>
		390	</li>
		391	<li>
		392	<a href="login.html">
		393	<i class="icon-key"></i> Log Out </a>
		394	</li>
		395	</ul>
		396	</li>
		397	<!-- END USER LOGIN DROPDOWN -->
		398	</ul>
		399	</div>
		400	<!-- END TOP NAVIGATION MENU -->
		401	</div>
		402	</div>
		403	<!-- END HEADER TOP -->
		404	<!-- BEGIN HEADER MENU -->
		405	<div class="page-header-menu">
		406	<div class="container">
		407	<!-- BEGIN HEADER SEARCH BOX -->
		408	<form class="search-form" action="extra_search.html" method="GET">
		409	<div class="input-group">
		410	<input type="text" class="form-control" placeholder="Search" name="query">
		411	<span class="input-group-btn">
		412	<a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
		413	</span>
		414	</div>
		415	</form>
		416	<!-- END HEADER SEARCH BOX -->
		417	<!-- BEGIN MEGA MENU -->
		418	<!-- DOC: Apply "hor-menu-light" class after the "hor-menu" class below to have a horizontal menu with white background -->
		419	<!-- DOC: Remove data-hover="dropdown" and data-close-others="true" attributes below to disable the dropdown opening on mouse hover -->
		420	<div class="hor-menu ">
		421	<ul class="nav navbar-nav">
		422	<li>
		423	<a href="index.html">Dashboard</a>
		424	</li>
		425	<li class="menu-dropdown mega-menu-dropdown ">
		426	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
		427	Features <i class="fa fa-angle-down"></i>
		428	</a>
		429	<ul class="dropdown-menu" style="min-width: 710px">
		430	<li>
		431	<div class="mega-menu-content">
		432	<div class="row">
		433	<div class="col-md-4">
		434	<ul class="mega-menu-submenu">
		435	<li>
		436	<h3>eCommerce</h3>
		437	</li>
		438	<li>
		439	<a href="ecommerce_index.html" class="iconify">
		440	<i class="icon-home"></i>
		441	eCommerce </a>
		442	</li>
		443	<li>
		444	<a href="ecommerce_orders.html" class="iconify">
		445	<i class="icon-basket"></i>
		446	Manage Orders </a>
		447	</li>
		448	<li>
		449	<a href="ecommerce_orders_view.html" class="iconify">
		450	<i class="icon-tag"></i>
		451	Order View </a>
		452	</li>
		453	<li>
		454	<a href="ecommerce_products.html" class="iconify">
		455	<i class="icon-handbag"></i>
		456	Manage Products </a>
		457	</li>
		458	<li>
		459	<a href="ecommerce_products_edit.html" class="iconify">
		460	<i class="icon-pencil"></i>
		461	Product Edit </a>
		462	</li>
		463	</ul>
		464	</div>
		465	<div class="col-md-4">
		466	<ul class="mega-menu-submenu">
		467	<li>
		468	<h3>Layouts</h3>
		469	</li>
		470	<li>
		471	<a href="layout_fluid.html" class="iconify">
		472	<i class="icon-cursor-move"></i>
		473	Fluid Layout </a>
		474	</li>
		475	<li>
		476	<a href="layout_mega_menu_fixed.html" class="iconify">
		477	<i class="icon-pin"></i>
		478	Fixed Mega Menu </a>
		479	</li>
		480	<li>
		481	<a href="layout_top_bar_fixed.html" class="iconify">
		482	<i class="icon-bar-chart"></i>
		483	Fixed Top Bar </a>
		484	</li>
		485	<li>
		486	<a href="layout_light_header.html" class="iconify">
		487	<i class="icon-paper-plane"></i>
		488	Light Header Dropdowns </a>
		489	</li>
		490	<li>
		491	<a href="layout_blank_page.html" class="iconify">
		492	<i class="icon-doc"></i>
		493	Blank Page Layout </a>
		494	</li>
		495	</ul>
		496	</div>
		497	<div class="col-md-4">
		498	<ul class="mega-menu-submenu">
		499	<li>
		500	<h3>More Layouts</h3>
		501	</li>
		502	<li>
		503	<a href="layout_click_dropdowns.html" class="iconify">
		504	<i class="icon-speech"></i>
		505	Click vs. Hover Dropdowns </a>
		506	</li>
		507	<li>
		508	<a href="layout_fontawesome_icons.html" class="iconify">
		509	<i class="icon-link"></i>
		510	Layout with Fontawesome </a>
		511	</li>
		512	<li>
		513	<a href="layout_glyphicons.html" class="iconify">
		514	<i class="icon-settings"></i>
		515	Layout with Glyphicon </a>
		516	</li>
		517	<li>
		518	<a href="layout_language_bar.html" class="iconify">
		519	<i class="icon-globe"></i>
		520	Language Switch Bar </a>
		521	</li>
		522	<li>
		523	<a href="layout_disabled_menu.html" class="iconify">
		524	<i class=" icon-lock"></i>
		525	Disabled Menu Links </a>
		526	</li>
		527	</ul>
		528	</div>
		529	</div>
		530	</div>
		531	</li>
		532	</ul>
		533	</li>
		534	<li class="menu-dropdown mega-menu-dropdown mega-menu-full active">
		535	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
		536	UI Components <i class="fa fa-angle-down"></i>
		537	</a>
		538	<ul class="dropdown-menu">
		539	<li>
		540	<div class="mega-menu-content">
		541	<div class="row">
		542	<div class="col-md-3">
		543	<ul class="mega-menu-submenu">
		544	<li>
		545	<h3>UI Components</h3>
		546	</li>
		547	<li class="active">
		548	<a href="ui_general.html">
		549	<i class="fa fa-angle-right"></i>
		550	General </a>
		551	</li>
		552	<li>
		553	<a href="ui_buttons.html">
		554	<i class="fa fa-angle-right"></i>
		555	Buttons </a>
		556	</li>
		557	<li>
		558	<a href="ui_icons.html">
		559	<i class="fa fa-angle-right"></i>
		560	Font Icons </a>
		561	</li>
		562	<li>
		563	<a href="ui_colors.html">
		564	<i class="fa fa-angle-right"></i>
		565	Flat UI Colors </a>
		566	</li>
		567	<li>
		568	<a href="ui_typography.html">
		569	<i class="fa fa-angle-right"></i>
		570	Typography </a>
		571	</li>
		572	<li>
		573	<a href="ui_tabs_accordions_navs.html">
		574	<i class="fa fa-angle-right"></i>
		575	Tabs, Accordions & Navs </a>
		576	</li>
		577	<li>
		578	<a href="ui_tree.html">
		579	<i class="fa fa-angle-right"></i>
		580	Tree View </a>
		581	</li>
		582	<li>
		583	<a href="ui_page_progress_style_1.html">
		584	<i class="fa fa-angle-right"></i>
		585	Page Progress Bar <span class="badge badge-roundless badge-warning">new</span></a>
		586	</li>
		587	<li>
		588	<a href="ui_blockui.html">
		589	<i class="fa fa-angle-right"></i>
		590	Block UI </a>
		591	</li>
		592	<li>
		593	<a href="ui_notific8.html">
		594	<i class="fa fa-angle-right"></i>
		595	Notific8 Notifications </a>
		596	</li>
		597	</ul>
		598	</div>
		599	<div class="col-md-3">
		600	<ul class="mega-menu-submenu">
		601	<li>
		602	<h3>More UI Components</h3>
		603	</li>
		604	<li>
		605	<a href="ui_toastr.html">
		606	<i class="fa fa-angle-right"></i>
		607	Toastr Notifications </a>
		608	</li>
		609	<li>
		610	<a href="ui_alert_dialog_api.html">
		611	<i class="fa fa-angle-right"></i>
		612	Alerts & Dialogs API <span class="badge badge-roundless badge-danger">new</span></a>
		613	</li>
		614	<li>
		615	<a href="ui_session_timeout.html">
		616	<i class="fa fa-angle-right"></i>
		617	Session Timeout </a>
		618	</li>
		619	<li>
		620	<a href="ui_idle_timeout.html">
		621	<i class="fa fa-angle-right"></i>
		622	User Idle Timeout </a>
		623	</li>
		624	<li>
		625	<a href="ui_modals.html">
		626	<i class="fa fa-angle-right"></i>
		627	Modals </a>
		628	</li>
		629	<li>
		630	<a href="ui_extended_modals.html">
		631	<i class="fa fa-angle-right"></i>
		632	Extended Modals </a>
		633	</li>
		634	<li>
		635	<a href="ui_tiles.html">
		636	<i class="fa fa-angle-right"></i>
		637	Tiles </a>
		638	</li>
		639	<li>
		640	<a href="ui_datepaginator.html">
		641	<i class="fa fa-angle-right"></i>
		642	Date Paginator </a>
		643	</li>
		644	<li>
		645	<a href="ui_nestable.html">
		646	<i class="fa fa-angle-right"></i>
		647	Nestable List </a>
		648	</li>
		649	</ul>
		650	</div>
		651	<div class="col-md-3">
		652	<ul class="mega-menu-submenu">
		653	<li>
		654	<h3>Form Stuff</h3>
		655	</li>
		656	<li>
		657	<a href="form_controls.html">
		658	<i class="fa fa-angle-right"></i>
		659	Form Controls </a>
		660	</li>
		661	<li>
		662	<a href="form_icheck.html">
		663	<i class="fa fa-angle-right"></i>
		664	iCheck Controls </a>
		665	</li>
		666	<li>
		667	<a href="form_layouts.html">
		668	<i class="fa fa-angle-right"></i>
		669	Form Layouts </a>
		670	</li>
		671	<li>
		672	<a href="form_editable.html">
		673	<i class="fa fa-angle-right"></i>
		674	Form X-editable <span class="badge badge-roundless badge-success">new</span></a>
		675	</li>
		676	<li>
		677	<a href="form_wizard.html">
		678	<i class="fa fa-angle-right"></i>
		679	Form Wizard </a>
		680	</li>
		681	<li>
		682	<a href="form_validation.html">
		683	<i class="fa fa-angle-right"></i>
		684	Form Validation </a>
		685	</li>
		686	<li>
		687	<a href="form_image_crop.html">
		688	<i class="fa fa-angle-right"></i>
		689	Image Cropping </a>
		690	</li>
		691	<li>
		692	<a href="form_fileupload.html">
		693	<i class="fa fa-angle-right"></i>
		694	Multiple File Upload </a>
		695	</li>
		696	<li>
		697	<a href="form_dropzone.html">
		698	<i class="fa fa-angle-right"></i>
		699	Dropzone File Upload </a>
		700	</li>
		701	</ul>
		702	</div>
		703	<div class="col-md-3">
		704	<ul class="mega-menu-submenu">
		705	<li>
		706	<h3>Form Components</h3>
		707	</li>
		708	<li>
		709	<a href="components_pickers.html">
		710	<i class="fa fa-angle-right"></i>
		711	Date & Time Pickers </a>
		712	</li>
		713	<li>
		714	<a href="components_context_menu.html">
		715	<i class="fa fa-angle-right"></i>
		716	Context Menu </a>
		717	</li>
		718	<li>
		719	<a href="components_dropdowns.html">
		720	<i class="fa fa-angle-right"></i>
		721	Custom Dropdowns </a>
		722	</li>
		723	<li>
		724	<a href="components_form_tools.html">
		725	<i class="fa fa-angle-right"></i>
		726	Form Tools </a>
		727	</li>
		728	<li>
		729	<a href="components_editors.html">
		730	<i class="fa fa-angle-right"></i>
		731	Markdown & WYSIWYG Editors </a>
		732	</li>
		733	<li>
		734	<a href="components_ion_sliders.html">
		735	<i class="fa fa-angle-right"></i>
		736	Ion Range Sliders </a>
		737	</li>
		738	<li>
		739	<a href="components_noui_sliders.html">
		740	<i class="fa fa-angle-right"></i>
		741	NoUI Range Sliders </a>
		742	</li>
		743	<li>
		744	<a href="components_jqueryui_sliders.html">
		745	<i class="fa fa-angle-right"></i>
		746	jQuery UI Sliders </a>
		747	</li>
		748	<li>
		749	<a href="components_knob_dials.html">
		750	<i class="fa fa-angle-right"></i>
		751	Knob Circle Dials </a>
		752	</li>
		753	</ul>
		754	</div>
		755	</div>
		756	</div>
		757	</li>
		758	</ul>
		759	</li>
		760	<li class="menu-dropdown classic-menu-dropdown ">
		761	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;">
		762	Extra <i class="fa fa-angle-down"></i>
		763	</a>
		764	<ul class="dropdown-menu pull-left">
		765	<li class=" dropdown-submenu">
		766	<a href=":;">
		767	<i class="icon-briefcase"></i>
		768	Data Tables </a>
		769	<ul class="dropdown-menu">
		770	<li class=" ">
		771	<a href="table_basic.html">
		772	Basic Datatables </a>
		773	</li>
		774	<li class=" ">
		775	<a href="table_tree.html">
		776	Tree Datatables </a>
		777	</li>
		778	<li class=" ">
		779	<a href="table_responsive.html">
		780	Responsive Datatables </a>
		781	</li>
		782	<li class=" ">
		783	<a href="table_managed.html">
		784	Managed Datatables </a>
		785	</li>
		786	<li class=" ">
		787	<a href="table_editable.html">
		788	Editable Datatables </a>
		789	</li>
		790	<li class=" ">
		791	<a href="table_advanced.html">
		792	Advanced Datatables </a>
		793	</li>
		794	<li class=" ">
		795	<a href="table_ajax.html">
		796	Ajax Datatables </a>
		797	</li>
		798	</ul>
		799	</li>
		800	<li class=" dropdown-submenu">
		801	<a href=":;">
		802	<i class="icon-wallet"></i>
		803	Portlets </a>
		804	<ul class="dropdown-menu">
		805	<li class=" ">
		806	<a href="portlet_general.html">
		807	General Portlets </a>
		808	</li>
		809	<li class=" ">
		810	<a href="portlet_general2.html">
		811	New Portlets #1 <span class="badge badge-roundless badge-danger">new</span>
		812	</a>
		813	</li>
		814	<li class=" ">
		815	<a href="portlet_general3.html">
		816	New Portlets #2 <span class="badge badge-roundless badge-danger">new</span>
		817	</a>
		818	</li>
		819	<li class=" ">
		820	<a href="portlet_ajax.html">
		821	Ajax Portlets </a>
		822	</li>
		823	<li class=" ">
		824	<a href="portlet_draggable.html">
		825	Draggable Portlets </a>
		826	</li>
		827	</ul>
		828	</li>
		829	<li class=" dropdown-submenu">
		830	<a href=":;">
		831	<i class="icon-bar-chart"></i>
		832	Charts </a>
		833	<ul class="dropdown-menu">
		834	<li class=" ">
		835	<a href="charts_amcharts.html">
		836	amChart </a>
		837	</li>
		838	<li class=" ">
		839	<a href="charts_flotcharts.html">
		840	Flotchart </a>
		841	</li>
		842	</ul>
		843	</li>
		844	<li class=" dropdown-submenu">
		845	<a href=":;">
		846	<i class="icon-pointer"></i>
		847	Maps </a>
		848	<ul class="dropdown-menu">
		849	<li class=" ">
		850	<a href="maps_google.html">
		851	Google Maps </a>
		852	</li>
		853	<li class=" ">
		854	<a href="maps_vector.html">
		855	Vector Maps </a>
		856	</li>
		857	</ul>
		858	</li>
		859	<li class=" dropdown-submenu">
		860	<a href=":;">
		861	<i class="icon-puzzle"></i>
		862	Multi Level </a>
		863	<ul class="dropdown-menu">
		864	<li class=" ">
		865	<a href="javascript:;">
		866	<i class="icon-settings"></i>
		867	Item 1 </a>
		868	</li>
		869	<li class=" ">
		870	<a href="javascript:;">
		871	<i class="icon-user"></i>
		872	Item 2 </a>
		873	</li>
		874	<li class=" ">
		875	<a href="javascript:;">
		876	<i class="icon-globe"></i>
		877	Item 3 </a>
		878	</li>
		879	<li class=" dropdown-submenu">
		880	<a href="#">
		881	<i class="icon-folder"></i>
		882	Sub Items </a>
		883	<ul class="dropdown-menu">
		884	<li class=" ">
		885	<a href="javascript:;">
		886	Item 1 </a>
		887	</li>
		888	<li class=" ">
		889	<a href="javascript:;">
		890	Item 2 </a>
		891	</li>
		892	<li class=" ">
		893	<a href="javascript:;">
		894	Item 3 </a>
		895	</li>
		896	<li class=" ">
		897	<a href="javascript:;">
		898	Item 4 </a>
		899	</li>
		900	</ul>
		901	</li>
		902	<li class=" ">
		903	<a href="javascript:;">
		904	<i class="icon-share"></i>
		905	Item 4 </a>
		906	</li>
		907	<li class=" ">
		908	<a href="javascript:;">
		909	<i class="icon-bar-chart"></i>
		910	Item 5 </a>
		911	</li>
		912	</ul>
		913	</li>
		914	</ul>
		915	</li>
		916	<li class="menu-dropdown mega-menu-dropdown mega-menu-full ">
		917	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
		918	Pages <i class="fa fa-angle-down"></i>
		919	</a>
		920	<ul class="dropdown-menu">
		921	<li>
		922	<div class="mega-menu-content">
		923	<div class="row">
		924	<div class="col-md-3">
		925	<ul class="mega-menu-submenu">
		926	<li>
		927	<h3>User Pages</h3>
		928	</li>
		929	<li>
		930	<a href="page_timeline.html">
		931	<i class="fa fa-angle-right"></i>
		932	New Timeline <span class="badge badge-warning">2</span></a>
		933	</li>
		934	<li>
		935	<a href="extra_profile.html">
		936	<i class="fa fa-angle-right"></i>
		937	New User Profile <span class="badge badge-success badge-roundless">new</span></a>
		938	</li>
		939	<li>
		940	<a href="page_todo.html">
		941	<i class="fa fa-angle-right"></i>
		942	Todo & Tasks <span class="badge badge-danger">4</span></a>
		943	</li>
		944	<li>
		945	<a href="inbox.html">
		946	<i class="fa fa-angle-right"></i>
		947	User Inbox <span class="badge badge-success">4</span></a>
		948	</li>
		949	<li>
		950	<a href="page_calendar.html">
		951	<i class="fa fa-angle-right"></i>
		952	User Calendar <span class="badge badge-warning">14</span></a>
		953	</li>
		954	<li>
		955	<a href="page_timeline_old.html">
		956	<i class="fa fa-angle-right"></i>
		957	Old Timeline <span class="badge badge-warning">2</span></a>
		958	</li>
		959	<li>
		960	<a href="extra_profile_old.html">
		961	<i class="fa fa-angle-right"></i>
		962	Old User Profile </a>
		963	</li>
		964	</ul>
		965	</div>
		966	<div class="col-md-3">
		967	<ul class="mega-menu-submenu">
		968	<li>
		969	<h3>General Pages</h3>
		970	</li>
		971	<li>
		972	<a href="extra_faq.html">
		973	<i class="fa fa-angle-right"></i>
		974	FAQ Page </a>
		975	</li>
		976	<li>
		977	<a href="page_portfolio.html">
		978	<i class="fa fa-angle-right"></i>
		979	Portfolio </a>
		980	</li>
		981	<li>
		982	<a href="page_timeline.html">
		983	<i class="fa fa-angle-right"></i>
		984	Timeline <span class="badge badge-info">4</span></a>
		985	</li>
		986	<li>
		987	<a href="page_coming_soon.html">
		988	<i class="fa fa-angle-right"></i>
		989	Coming Soon </a>
		990	</li>
		991	<li>
		992	<a href="extra_invoice.html">
		993	<i class="fa fa-angle-right"></i>
		994	Invoice </a>
		995	</li>
		996	<li>
		997	<a href="page_blog.html">
		998	<i class="fa fa-angle-right"></i>
		999	Blog </a>
		1000	</li>
		1001	<li>
		1002	<a href="page_blog_item.html">
		1003	<i class="fa fa-angle-right"></i>
		1004	Blog Post </a>
		1005	</li>
		1006	</ul>
		1007	</div>
		1008	<div class="col-md-3">
		1009	<ul class="mega-menu-submenu">
		1010	<li>
		1011	<h3>Custom Pages</h3>
		1012	</li>
		1013	<li>
		1014	<a href="page_news.html">
		1015	<i class="fa fa-angle-right"></i>
		1016	News <span class="badge badge-success">9</span></a>
		1017	</li>
		1018	<li>
		1019	<a href="page_news_item.html">
		1020	<i class="fa fa-angle-right"></i>
		1021	News View </a>
		1022	</li>
		1023	<li>
		1024	<a href="page_about.html">
		1025	<i class="fa fa-angle-right"></i>
		1026	About Us </a>
		1027	</li>
		1028	<li>
		1029	<a href="page_contact.html">
		1030	<i class="fa fa-angle-right"></i>
		1031	Contact Us </a>
		1032	</li>
		1033	<li>
		1034	<a href="extra_search.html">
		1035	<i class="fa fa-angle-right"></i>
		1036	Search Results </a>
		1037	</li>
		1038	<li>
		1039	<a href="extra_pricing_table.html">
		1040	<i class="fa fa-angle-right"></i>
		1041	Pricing Tables </a>
		1042	</li>
		1043	<li>
		1044	<a href="login.html">
		1045	<i class="fa fa-angle-right"></i>
		1046	Login Form 1 </a>
		1047	</li>
		1048	<li>
		1049	<a href="login_2.html">
		1050	<i class="fa fa-angle-right"></i>
		1051	Login Form 2 </a>
		1052	</li>
		1053	<li>
		1054	<a href="login_3.html">
		1055	<i class="fa fa-angle-right"></i>
		1056	Login Form 3 </a>
		1057	</li>
		1058	<li>
		1059	<a href="login_soft.html">
		1060	<i class="fa fa-angle-right"></i>
		1061	Login Form 4 </a>
		1062	</li>
		1063	</ul>
		1064	</div>
		1065	<div class="col-md-3">
		1066	<ul class="mega-menu-submenu">
		1067	<li>
		1068	<h3>Miscellaneous</h3>
		1069	</li>
		1070	<li>
		1071	<a href="extra_lock.html">
		1072	<i class="fa fa-angle-right"></i>
		1073	Lock Screen 1 </a>
		1074	</li>
		1075	<li>
		1076	<a href="extra_lock2.html">
		1077	<i class="fa fa-angle-right"></i>
		1078	Lock Screen 2 </a>
		1079	</li>
		1080	<li>
		1081	<a href="extra_404_option1.html">
		1082	<i class="fa fa-angle-right"></i>
		1083	404 Page Option 1 </a>
		1084	</li>
		1085	<li>
		1086	<a href="extra_404_option2.html">
		1087	<i class="fa fa-angle-right"></i>
		1088	404 Page Option 2 </a>
		1089	</li>
		1090	<li>
		1091	<a href="extra_404_option3.html">
		1092	<i class="fa fa-angle-right"></i>
		1093	404 Page Option 3 </a>
		1094	</li>
		1095	<li>
		1096	<a href="extra_500_option1.html">
		1097	<i class="fa fa-angle-right"></i>
		1098	500 Page Option 1 </a>
		1099	</li>
		1100	<li>
		1101	<a href="extra_500_option2.html">
		1102	<i class="fa fa-angle-right"></i>
		1103	500 Page Option 2 </a>
		1104	</li>
		1105	<li>
		1106	<a href="email_newsletter.html">
		1107	<i class="fa fa-angle-right"></i>
		1108	Newsletter Email Template </a>
		1109	</li>
		1110	<li>
		1111	<a href="email_system.html">
		1112	<i class="fa fa-angle-right"></i>
		1113	System Email Template </a>
		1114	</li>
		1115	</ul>
		1116	</div>
		1117	</div>
		1118	</div>
		1119	</li>
		1120	</ul>
		1121	</li>
		1122	<li class="menu-dropdown">
		1123	<a href="angularjs" target="_blank" class="tooltips" data-container="body" data-placement="bottom" data-html="true" data-original-title="AngularJS version demo">
		1124	AngularJS Version </a>
		1125	</li>
		1126	</ul>
		1127	</div>
		1128	<!-- END MEGA MENU -->
		1129	</div>
		1130	</div>
		1131	<!-- END HEADER MENU -->
		1132	</div>
		1133	<!-- END HEADER -->
		1134	<!-- BEGIN PAGE CONTAINER -->
		1135	<div class="page-container">
		1136	<!-- BEGIN PAGE HEAD -->
		1137	<div class="page-head">
		1138	<div class="container">
		1139	<!-- BEGIN PAGE TITLE -->
		1140	<div class="page-title">
		1141	<h1>General <small>general ui components</small></h1>
		1142	</div>
		1143	<!-- END PAGE TITLE -->
		1144	<!-- BEGIN PAGE TOOLBAR -->
		1145	<div class="page-toolbar">
		1146	<!-- BEGIN THEME PANEL -->
		1147	<div class="btn-group btn-theme-panel">
		1148	<a href="javascript:;" class="btn dropdown-toggle" data-toggle="dropdown">
		1149	<i class="icon-settings"></i>
		1150	</a>
		1151	<div class="dropdown-menu theme-panel pull-right dropdown-custom hold-on-click">
		1152	<div class="row">
		1153	<div class="col-md-6 col-sm-6 col-xs-12">
		1154	<h3>THEME COLORS</h3>
		1155	<div class="row">
		1156	<div class="col-md-6 col-sm-6 col-xs-12">
		1157	<ul class="theme-colors">
		1158	<li class="theme-color theme-color-default" data-theme="default">
		1159	<span class="theme-color-view"></span>
		1160	<span class="theme-color-name">Default</span>
		1161	</li>
		1162	<li class="theme-color theme-color-blue-hoki" data-theme="blue-hoki">
		1163	<span class="theme-color-view"></span>
		1164	<span class="theme-color-name">Blue Hoki</span>
		1165	</li>
		1166	<li class="theme-color theme-color-blue-steel" data-theme="blue-steel">
		1167	<span class="theme-color-view"></span>
		1168	<span class="theme-color-name">Blue Steel</span>
		1169	</li>
		1170	<li class="theme-color theme-color-yellow-orange" data-theme="yellow-orange">
		1171	<span class="theme-color-view"></span>
		1172	<span class="theme-color-name">Orange</span>
		1173	</li>
		1174	<li class="theme-color theme-color-yellow-crusta" data-theme="yellow-crusta">
		1175	<span class="theme-color-view"></span>
		1176	<span class="theme-color-name">Yellow Crusta</span>
		1177	</li>
		1178	</ul>
		1179	</div>
		1180	<div class="col-md-6 col-sm-6 col-xs-12">
		1181	<ul class="theme-colors">
		1182	<li class="theme-color theme-color-green-haze" data-theme="green-haze">
		1183	<span class="theme-color-view"></span>
		1184	<span class="theme-color-name">Green Haze</span>
		1185	</li>
		1186	<li class="theme-color theme-color-red-sunglo" data-theme="red-sunglo">
		1187	<span class="theme-color-view"></span>
		1188	<span class="theme-color-name">Red Sunglo</span>
		1189	</li>
		1190	<li class="theme-color theme-color-red-intense" data-theme="red-intense">
		1191	<span class="theme-color-view"></span>
		1192	<span class="theme-color-name">Red Intense</span>
		1193	</li>
		1194	<li class="theme-color theme-color-purple-plum" data-theme="purple-plum">
		1195	<span class="theme-color-view"></span>
		1196	<span class="theme-color-name">Purple Plum</span>
		1197	</li>
		1198	<li class="theme-color theme-color-purple-studio" data-theme="purple-studio">
		1199	<span class="theme-color-view"></span>
		1200	<span class="theme-color-name">Purple Studio</span>
		1201	</li>
		1202	</ul>
		1203	</div>
		1204	</div>
		1205	</div>
		1206	<div class="col-md-6 col-sm-6 col-xs-12 seperator">
		1207	<h3>LAYOUT</h3>
		1208	<ul class="theme-settings">
		1209	<li>
		1210	Theme Style
		1211	<select class="theme-setting theme-setting-style form-control input-sm input-small input-inline tooltips" data-original-title="Change theme style" data-container="body" data-placement="left">
		1212	<option value="boxed" selected="selected">Square corners</option>
		1213	<option value="rounded">Rounded corners</option>
		1214	</select>
		1215	</li>
		1216	<li>
		1217	Layout
		1218	<select class="theme-setting theme-setting-layout form-control input-sm input-small input-inline tooltips" data-original-title="Change layout type" data-container="body" data-placement="left">
		1219	<option value="boxed" selected="selected">Boxed</option>
		1220	<option value="fluid">Fluid</option>
		1221	</select>
		1222	</li>
		1223	<li>
		1224	Top Menu Style
		1225	<select class="theme-setting theme-setting-top-menu-style form-control input-sm input-small input-inline tooltips" data-original-title="Change top menu dropdowns style" data-container="body" data-placement="left">
		1226	<option value="dark" selected="selected">Dark</option>
		1227	<option value="light">Light</option>
		1228	</select>
		1229	</li>
		1230	<li>
		1231	Top Menu Mode
		1232	<select class="theme-setting theme-setting-top-menu-mode form-control input-sm input-small input-inline tooltips" data-original-title="Enable fixed(sticky) top menu" data-container="body" data-placement="left">
		1233	<option value="fixed">Fixed</option>
		1234	<option value="not-fixed" selected="selected">Not Fixed</option>
		1235	</select>
		1236	</li>
		1237	<li>
		1238	Mega Menu Style
		1239	<select class="theme-setting theme-setting-mega-menu-style form-control input-sm input-small input-inline tooltips" data-original-title="Change mega menu dropdowns style" data-container="body" data-placement="left">
		1240	<option value="dark" selected="selected">Dark</option>
		1241	<option value="light">Light</option>
		1242	</select>
		1243	</li>
		1244	<li>
		1245	Mega Menu Mode
		1246	<select class="theme-setting theme-setting-mega-menu-mode form-control input-sm input-small input-inline tooltips" data-original-title="Enable fixed(sticky) mega menu" data-container="body" data-placement="left">
		1247	<option value="fixed" selected="selected">Fixed</option>
		1248	<option value="not-fixed">Not Fixed</option>
		1249	</select>
		1250	</li>
		1251	</ul>
		1252	</div>
		1253	</div>
		1254	</div>
		1255	</div>
		1256	<!-- END THEME PANEL -->
		1257	</div>
		1258	<!-- END PAGE TOOLBAR -->
		1259	</div>
		1260	</div>
		1261	<!-- END PAGE HEAD -->
		1262	<!-- BEGIN PAGE CONTENT -->
		1263	<div class="page-content">
		1264	<div class="container">
		1265	<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1266	<div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		1267	<div class="modal-dialog">
		1268	<div class="modal-content">
		1269	<div class="modal-header">
		1270	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		1271	<h4 class="modal-title">Modal title</h4>
		1272	</div>
		1273	<div class="modal-body">
		1274	Widget settings form goes here
		1275	</div>
		1276	<div class="modal-footer">
		1277	<button type="button" class="btn blue">Save changes</button>
		1278	<button type="button" class="btn default" data-dismiss="modal">Close</button>
		1279	</div>
		1280	</div>
		1281	<!-- /.modal-content -->
		1282	</div>
		1283	<!-- /.modal-dialog -->
		1284	</div>
		1285	<!-- /.modal -->
		1286	<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1287	<!-- BEGIN PAGE BREADCRUMB -->
		1288	<ul class="page-breadcrumb breadcrumb">
		1289	<li>
		1290	<a href="#">Home</a><i class="fa fa-circle"></i>
		1291	</li>
		1292	<li>
		1293	<a href="ui_general.html">UI Components</a>
		1294	<i class="fa fa-circle"></i>
		1295	</li>
		1296	<li class="active">
		1297	General
		1298	</li>
		1299	</ul>
		1300	<!-- END PAGE BREADCRUMB -->
		1301	<!-- BEGIN PAGE CONTENT INNER -->
		1302	<div class="row">
		1303	<div class="col-md-6">
		1304	<!-- BEGIN ALERTS PORTLET-->
		1305	<div class="portlet light">
		1306	<div class="portlet-title">
		1307	<div class="caption">
		1308	<i class="fa fa-cogs font-green-sharp"></i>
		1309	<span class="caption-subject font-green-sharp bold uppercase">Alerts</span>
		1310	<span class="caption-helper">alert samples...</span>
		1311	</div>
		1312	<div class="tools">
		1313	<a href="javascript:;" class="collapse">
		1314	</a>
		1315	<a href="#portlet-config" data-toggle="modal" class="config">
		1316	</a>
		1317	<a href="javascript:;" class="reload">
		1318	</a>
		1319	<a href="javascript:;" class="remove">
		1320	</a>
		1321	</div>
		1322	</div>
		1323	<div class="portlet-body">
		1324	<h4 class="block">Default Alerts</h4>
		1325	<div class="alert alert-success">
		1326	<strong>Success!</strong> The page has been added.
		1327	</div>
		1328	<div class="alert alert-info">
		1329	<strong>Info!</strong> You have 198 unread messages.
		1330	</div>
		1331	<div class="alert alert-warning">
		1332	<strong>Warning!</strong> Your monthly traffic is reaching limit.
		1333	</div>
		1334	<div class="alert alert-danger">
		1335	<strong>Error!</strong> The daily cronjob has failed.
		1336	</div>
		1337	<h4 class="block">Dismissable Alerts</h4>
		1338	<div class="alert alert-warning alert-dismissable">
		1339	<button type="button" class="close" data-dismiss="alert" aria-hidden="true"></button>
		1340	<strong>Warning!</strong> Something went wrong. Please check.
		1341	</div>
		1342	<h4 class="block">Links in alerts</h4>
		1343	<div class="alert alert-success alert-dismissable">
		1344	<button type="button" class="close" data-dismiss="alert" aria-hidden="true"></button>
		1345	<strong>WOW!</strong> Well done and everything looks OK. <a href="" class="alert-link">
		1346	Please check this one as well </a>
		1347	</div>
		1348	</div>
		1349	</div>
		1350	<!-- END ALERTS PORTLET-->
		1351	</div>
		1352	<div class="col-md-6">
		1353	<!-- BEGIN ALERTS PORTLET-->
		1354	<div class="portlet light">
		1355	<div class="portlet-title">
		1356	<div class="caption">
		1357	<i class="fa fa-cogs font-red-sunglo"></i>
		1358	<span class="caption-subject font-red-sunglo bold uppercase">Notes</span>
		1359	<span class="caption-helper">notes samples...</span>
		1360	</div>
		1361	<div class="tools">
		1362	<a href="javascript:;" class="collapse">
		1363	</a>
		1364	<a href="#portlet-config" data-toggle="modal" class="config">
		1365	</a>
		1366	<a href="javascript:;" class="reload">
		1367	</a>
		1368	<a href="javascript:;" class="remove">
		1369	</a>
		1370	</div>
		1371	</div>
		1372	<div class="portlet-body">
		1373	<div class="note note-success">
		1374	<h4 class="block">Success! Some Header Goes Here</h4>
		1375	<p>
		1376	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.
		1377	</p>
		1378	</div>
		1379	<div class="note note-info">
		1380	<h4 class="block">Info! Some Header Goes Here</h4>
		1381	<p>
		1382	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.
		1383	</p>
		1384	</div>
		1385	<div class="note note-danger">
		1386	<h4 class="block">Danger! Some Header Goes Here</h4>
		1387	<p>
		1388	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.
		1389	</p>
		1390	</div>
		1391	<div class="note note-warning">
		1392	<h4 class="block">Warning! Some Header Goes Here</h4>
		1393	<p>
		1394	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.
		1395	</p>
		1396	</div>
		1397	</div>
		1398	</div>
		1399	<!-- END ALERTS PORTLET-->
		1400	</div>
		1401	</div>
		1402	<div class="row">
		1403	<div class="col-md-6">
		1404	<!-- BEGIN INLINE NOTIFICATIONS PORTLET-->
		1405	<div class="portlet light">
		1406	<div class="portlet-title">
		1407	<div class="caption">
		1408	<i class="fa fa-cogs font-green-sharp"></i>
		1409	<span class="caption-subject font-green-sharp bold uppercase">Inline Notifications</span>
		1410	</div>
		1411	<div class="tools">
		1412	<a href="javascript:;" class="collapse">
		1413	</a>
		1414	<a href="#portlet-config" data-toggle="modal" class="config">
		1415	</a>
		1416	<a href="javascript:;" class="reload">
		1417	</a>
		1418	<a href="javascript:;" class="remove">
		1419	</a>
		1420	</div>
		1421	</div>
		1422	<div class="portlet-body">
		1423	<div class="alert alert-block alert-danger fade in">
		1424	<button type="button" class="close" data-dismiss="alert"></button>
		1425	<h4 class="alert-heading">Error!</h4>
		1426	<p>
		1427	Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
		1428	</p>
		1429	<p>
		1430	<a class="btn red" href="javascript:;">
		1431	Do this </a>
		1432	<a class="btn blue" href="javascript:;">
		1433	Cancel </a>
		1434	</p>
		1435	</div>
		1436	<div class="alert alert-block alert-success fade in">
		1437	<button type="button" class="close" data-dismiss="alert"></button>
		1438	<h4 class="alert-heading">Success!</h4>
		1439	<p>
		1440	Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
		1441	</p>
		1442	<p>
		1443	<a class="btn green" href="javascript:;">
		1444	Do this </a>
		1445	<a class="btn btn-link" href="javascript:;">
		1446	Cancel </a>
		1447	</p>
		1448	</div>
		1449	<div class="alert alert-block alert-info fade in">
		1450	<button type="button" class="close" data-dismiss="alert"></button>
		1451	<h4 class="alert-heading">Info!</h4>
		1452	<p>
		1453	Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
		1454	</p>
		1455	<p>
		1456	<a class="btn purple" href="javascript:;">
		1457	Do this </a>
		1458	<a class="btn dark" href="javascript:;">
		1459	Cancel </a>
		1460	</p>
		1461	</div>
		1462	<div class="alert alert-block alert-warning fade in">
		1463	<button type="button" class="close" data-dismiss="alert"></button>
		1464	<h4 class="alert-heading">Warning!</h4>
		1465	<p>
		1466	Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
		1467	</p>
		1468	<p>
		1469	<a class="btn red" href="javascript:;">
		1470	Do this </a>
		1471	<a class="btn blue" href="javascript:;">
		1472	Cancel </a>
		1473	</p>
		1474	</div>
		1475	</div>
		1476	</div>
		1477	<div class="portlet light">
		1478	<div class="portlet-title">
		1479	<div class="caption">
		1480	<i class="fa fa-cogs font-green-sharp"></i>
		1481	<span class="caption-subject font-green-sharp bold uppercase">Pulsate</span>
		1482	</div>
		1483	<div class="tools">
		1484	<a href="javascript:;" class="collapse">
		1485	</a>
		1486	<a href="#portlet-config" data-toggle="modal" class="config">
		1487	</a>
		1488	<a href="javascript:;" class="reload">
		1489	</a>
		1490	<a href="javascript:;" class="remove">
		1491	</a>
		1492	</div>
		1493	</div>
		1494	<div class="portlet-body">
		1495	<h4>Pulsate any page elements.</h4>
		1496	<div class="margin-top-10 margin-bottom-10 clearfix">
		1497	<table class="table table-bordered table-striped">
		1498	<tr>
		1499	<td>
		1500	Repeating Pulsate
		1501	</td>
		1502	<td>
		1503	<div id="pulsate-regular" style="padding:5px;">
		1504	Repeating Pulsate
		1505	</div>
		1506	</td>
		1507	</tr>
		1508	<tr>
		1509	<td>
		1510	<button class="btn green" id="pulsate-once">Pulsate Once</button>
		1511	</td>
		1512	<td>
		1513	<div id="pulsate-once-target" style="padding:5px;">
		1514	Pulsate me
		1515	</div>
		1516	</td>
		1517	</tr>
		1518	<tr>
		1519	<td>
		1520	<button class="btn red" id="pulsate-crazy">Crazy Pulsate :)</button>
		1521	</td>
		1522	<td>
		1523	<div id="pulsate-crazy-target" style="padding:5px;">
		1524	Pulsate me
		1525	</div>
		1526	</td>
		1527	</tr>
		1528	</table>
		1529	</div>
		1530	<span class="label label-danger">
		1531	NOTE! </span>
		1532	<span>
		1533	Pulsate is supported in Latest Firefox, Chrome, Opera, Safari and Internet Explorer 9 and Internet Explorer 10 only. </span>
		1534	</div>
		1535	</div>
		1536	<!-- END PULSATE PORTLET-->
		1537	<!-- BEGIN MODAL DIALOG PORTLET-->
		1538	<div class="portlet light">
		1539	<div class="portlet-title">
		1540	<div class="caption">
		1541	<i class="fa fa-cogs font-green-sharp"></i>
		1542	<span class="caption-subject font-green-sharp bold uppercase">Modal Dialogs</span>
		1543	</div>
		1544	<div class="tools">
		1545	<a href="javascript:;" class="collapse">
		1546	</a>
		1547	<a href="#portlet-config" data-toggle="modal" class="config">
		1548	</a>
		1549	<a href="javascript:;" class="reload">
		1550	</a>
		1551	<a href="javascript:;" class="remove">
		1552	</a>
		1553	</div>
		1554	</div>
		1555	<div class="portlet-body">
		1556	<h4>Click on below buttons to check it out.</h4>
		1557	<!-- Button to trigger modal -->
		1558	<a href="#myModal1" role="button" class="btn blue" data-toggle="modal">
		1559	Modal Dialog </a>
		1560	<a href="#myModal2" role="button" class="btn red" data-toggle="modal">
		1561	Alert </a>
		1562	<a href="#myModal3" role="button" class="btn yellow" data-toggle="modal">
		1563	Confirm </a>
		1564	<!-- Modal -->
		1565	<div id="myModal1" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
		1566	<div class="modal-dialog">
		1567	<div class="modal-content">
		1568	<div class="modal-header">
		1569	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		1570	<h4 class="modal-title">Modal title</h4>
		1571	</div>
		1572	<div class="modal-body">
		1573	<p>
		1574	Body goes here...
		1575	</p>
		1576	</div>
		1577	<div class="modal-footer">
		1578	<button class="btn default" data-dismiss="modal" aria-hidden="true">Close</button>
		1579	<button class="btn yellow">Save</button>
		1580	</div>
		1581	</div>
		1582	</div>
		1583	</div>
		1584	<div id="myModal2" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
		1585	<div class="modal-dialog">
		1586	<div class="modal-content">
		1587	<div class="modal-header">
		1588	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		1589	<h4 class="modal-title">Alert Header</h4>
		1590	</div>
		1591	<div class="modal-body">
		1592	<p>
		1593	Body goes here...
		1594	</p>
		1595	</div>
		1596	<div class="modal-footer">
		1597	<button data-dismiss="modal" class="btn green">OK</button>
		1598	</div>
		1599	</div>
		1600	</div>
		1601	</div>
		1602	<div id="myModal3" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true">
		1603	<div class="modal-dialog">
		1604	<div class="modal-content">
		1605	<div class="modal-header">
		1606	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		1607	<h4 class="modal-title">Confirm Header</h4>
		1608	</div>
		1609	<div class="modal-body">
		1610	<p>
		1611	Body goes here...
		1612	</p>
		1613	</div>
		1614	<div class="modal-footer">
		1615	<button class="btn default" data-dismiss="modal" aria-hidden="true">Close</button>
		1616	<button data-dismiss="modal" class="btn blue">Confirm</button>
		1617	</div>
		1618	</div>
		1619	</div>
		1620	</div>
		1621	</div>
		1622	</div>
		1623	<!-- END MODAL DIALOG PORTLET-->
		1624	<!-- BEGIN TOOLTIPS PORTLET-->
		1625	<div class="portlet light">
		1626	<div class="portlet-title">
		1627	<div class="caption">
		1628	<i class="fa fa-cogs font-green-sharp"></i>
		1629	<span class="caption-subject font-green-sharp bold uppercase">Tooltips</span>
		1630	</div>
		1631	<div class="tools">
		1632	<a href="javascript:;" class="collapse">
		1633	</a>
		1634	<a href="#portlet-config" data-toggle="modal" class="config">
		1635	</a>
		1636	<a href="javascript:;" class="reload">
		1637	</a>
		1638	<a href="javascript:;" class="remove">
		1639	</a>
		1640	</div>
		1641	</div>
		1642	<div class="portlet-body">
		1643	<p>
		1644	Tight pants next level keffiyeh <a href="javascript:;" class="tooltips" data-original-title="Very long toolips Very long toolips Very long toolips Very long toolips">
		1645	you probably </a>
		1646	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 <a href="javascript:;" class="tooltips" data-original-title="Another tooltip">
		1647	have a </a>
		1648	terry richardson vinyl chambray. <a href="javascript:;" class="tooltips" title="12" data-original-title="The last tip!">
		1649	twitter handle </a>
		1650	freegan cred raw denim single-origin coffee viral.
		1651	</p>
		1652	<button class="btn tooltips" data-container="body" data-placement="top" data-original-title="Tooltip in top">Top</button>
		1653	<button class="btn tooltips" data-container="body" data-placement="left" data-original-title="Tooltip in left">Left</button>
		1654	<button class="btn tooltips" data-container="body" data-placement="right" data-original-title="Tooltip in right">Right</button>
		1655	<button class="btn tooltips" data-container="body" data-placement="bottom" data-original-title="Tooltip in bottom">Bottom</button>
		1656	<div class="inline-block tooltips" data-container="body" data-original-title="Tooltip goes here">
		1657	<button type="button" class="btn btn-default disabled">Disabled1</button>
		1658	</div>
		1659	</div>
		1660	</div>
		1661	<!-- END TOOLTIPS PORTLET-->
		1662	<!-- BEGIN TOOLTIPS PORTLET-->
		1663	<div class="portlet light">
		1664	<div class="portlet-title">
		1665	<div class="caption">
		1666	<i class="fa fa-cogs font-green-sharp"></i>
		1667	<span class="caption-subject font-green-sharp bold uppercase">Tooltips In Slim Scroll</span>
		1668	</div>
		1669	<div class="tools">
		1670	<a href="javascript:;" class="collapse">
		1671	</a>
		1672	<a href="#portlet-config" data-toggle="modal" class="config">
		1673	</a>
		1674	<a href="javascript:;" class="reload">
		1675	</a>
		1676	<a href="javascript:;" class="remove">
		1677	</a>
		1678	</div>
		1679	</div>
		1680	<div class="portlet-body">
		1681	<div class="scroller" style="height:150px" data-always-visible="1" data-rail-visible="0">
		1682	<button class="btn tooltips" data-container="body" data-placement="top" data-original-title="Tooltip in top">Top</button>
		1683	<button class="btn tooltips" data-container="body" data-placement="left" data-original-title="Tooltip in left">Left</button>
		1684	<button class="btn tooltips" data-container="body" data-placement="right" data-original-title="Tooltip in right">Right</button>
		1685	<button class="btn tooltips" data-container="body" data-placement="bottom" data-original-title="Tooltip in bottom">Bottom</button>
		1686	<div class="inline-block tooltips" data-container="body" data-original-title="Tooltip goes here">
		1687	<button type="button" class="btn btn-default disabled">Disabled</button>
		1688	</div>
		1689	<p>
		1690	Tight pants next level keffiyeh <a href="javascript:;" class="tooltips" data-container="body" data-original-title="Default tooltip">
		1691	you probably </a>
		1692	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 <a href="javascript:;" class="tooltips" data-container="body" data-original-title="Another tooltip">
		1693	have a </a>
		1694	terry richardson vinyl chambray. <a href="javascript:;" class="tooltips" title="12" data-container="body" data-original-title="The last tip!">
		1695	twitter handle </a>
		1696	freegan cred raw denim single-origin coffee viral.
		1697	</p>
		1698	<button class="btn tooltips" data-container="body" data-placement="top" data-original-title="Tooltip in top">Top</button>
		1699	<button class="btn tooltips" data-container="body" data-placement="left" data-original-title="Tooltip in left">Left</button>
		1700	<button class="btn tooltips" data-container="body" data-placement="right" data-original-title="Tooltip in right">Right</button>
		1701	<button class="btn tooltips" data-container="body" data-placement="bottom" data-original-title="Tooltip in bottom">Bottom</button>
		1702	<div class="inline-block tooltips" data-container="body" data-original-title="Tooltip goes here">
		1703	<button type="button" class="btn btn-default disabled">Disabled</button>
		1704	</div>
		1705	<p>
		1706	Tight pants next level keffiyeh <a href="javascript:;" class="tooltips" data-container="body" data-original-title="Default tooltip">
		1707	you probably </a>
		1708	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 <a href="javascript:;" class="tooltips" data-container="body" data-original-title="Another tooltip">
		1709	have a </a>
		1710	terry richardson vinyl chambray. <a href="javascript:;" class="tooltips" title="12" data-container="body" data-original-title="The last tip!">
		1711	twitter handle </a>
		1712	freegan cred raw denim single-origin coffee viral.
		1713	</p>
		1714	</div>
		1715	</div>
		1716	</div>
		1717	<!-- END TOOLTIPS PORTLET-->
		1718	<!-- BEGIN POPOVERS PORTLET-->
		1719	<div class="portlet light">
		1720	<div class="portlet-title">
		1721	<div class="caption">
		1722	<i class="fa fa-cogs font-green-sharp"></i>
		1723	<span class="caption-subject font-green-sharp bold uppercase">Popovers</span>
		1724	</div>
		1725	<div class="tools">
		1726	<a href="javascript:;" class="collapse">
		1727	</a>
		1728	<a href="#portlet-config" data-toggle="modal" class="config">
		1729	</a>
		1730	<a href="javascript:;" class="reload">
		1731	</a>
		1732	<a href="javascript:;" class="remove">
		1733	</a>
		1734	</div>
		1735	</div>
		1736	<div class="portlet-body">
		1737	<p>
		1738	Tight pants next level keffiyeh <a href="javascript:;" class="popovers" data-container="body" data-content="Popover body goes here! Popover body goes here!" data-original-title="Default Popover">
		1739	trigger me on click </a>
		1740	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 <a href="javascript:;" class="popovers" data-container="body" data-trigger="hover" data-content="Popover body goes here! Popover body goes here!" data-original-title="Another Popover">
		1741	trigger me on hover </a>
		1742	terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa.
		1743	</p>
		1744	<button class="btn popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Popover body goes here! Popover body goes here!" data-original-title="Popover in top">Top</button>
		1745	<button class="btn 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>
		1746	<button class="btn 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>
		1747	<button class="btn 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>
		1748	<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">
		1749	<button type="button" class="btn btn-default disabled">Disabled</button>
		1750	</div>
		1751	</div>
		1752	</div>
		1753	<!-- END POPOVERS PORTLET-->
		1754	<!-- BEGIN POPOVERS PORTLET-->
		1755	<div class="portlet light">
		1756	<div class="portlet-title">
		1757	<div class="caption">
		1758	<i class="fa fa-cogs font-green-sharp"></i>
		1759	<span class="caption-subject font-green-sharp bold uppercase">Popovers In Slim Scroll</span>
		1760	</div>
		1761	<div class="tools">
		1762	<a href="javascript:;" class="collapse">
		1763	</a>
		1764	<a href="#portlet-config" data-toggle="modal" class="config">
		1765	</a>
		1766	<a href="javascript:;" class="reload">
		1767	</a>
		1768	<a href="javascript:;" class="remove">
		1769	</a>
		1770	</div>
		1771	</div>
		1772	<div class="portlet-body">
		1773	<div class="scroller" style="height:150px" data-always-visible="1" data-rail-visible="0">
		1774	<button class="btn popovers" data-trigger="hover" data-container="body" data-placement="top" data-content="Popover body goes here! Popover body goes here!" data-original-title="Popover in top">Top</button>
		1775	<button class="btn popovers" data-trigger="hover" data-container="body" data-placement="left" data-content="Popover body goes here! Popover body goes here!" data-original-title="Popover in left">Left</button>
		1776	<button class="btn popovers" data-trigger="hover" data-container="body" data-placement="right" data-content="Popover body goes here! Popover body goes here!" data-original-title="Popover in right">Right</button>
		1777	<button class="btn popovers" data-trigger="hover" data-container="body" data-placement="bottom" data-content="Popover body goes here! Popover body goes here!" data-original-title="Popover in bottom">Bottom</button>
		1778	<div class="inline-block popovers" data-trigger="hover" data-container="body" data-placement="bottom" data-content="Popover body goes here! Popover body goes here!" data-original-title="Popover in bottom">
		1779	<button type="button" class="btn btn-default disabled">Disabled</button>
		1780	</div>
		1781	<p>
		1782	Tight pants next level keffiyeh <a href="javascript:;" class="popovers" data-container="body" data-content="Popover body goes here! Popover body goes here!" data-original-title="Default Popover">
		1783	trigger me on click </a>
		1784	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 <a href="javascript:;" class="popovers" data-container="body" data-trigger="hover" data-content="Popover body goes here! Popover body goes here!" data-original-title="Another Popover">
		1785	trigger me on hover </a>
		1786	terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa.
		1787	</p>
		1788	<button class="btn popovers" data-trigger="hover" data-container="body" data-placement="top" data-content="Popover body goes here! Popover body goes here!" data-original-title="Popover in top">Top</button>
		1789	<button class="btn popovers" data-trigger="hover" data-container="body" data-placement="left" data-content="Popover body goes here! Popover body goes here!" data-original-title="Popover in left">Left</button>
		1790	<button class="btn popovers" data-trigger="hover" data-container="body" data-placement="right" data-content="Popover body goes here! Popover body goes here!" data-original-title="Popover in right">Right</button>
		1791	<button class="btn popovers" data-trigger="hover" data-container="body" data-placement="bottom" data-content="Popover body goes here! Popover body goes here!" data-original-title="Popover in bottom">Bottom</button>
		1792	<div class="inline-block popovers" data-trigger="hover" data-container="body" data-placement="bottom" data-content="Popover body goes here! Popover body goes here!" data-original-title="Popover in bottom">
		1793	<button type="button" class="btn btn-default disabled">Disabled</button>
		1794	</div>
		1795	<p>
		1796	Tight pants next level keffiyeh <a href="javascript:;" class="popovers" data-container="body" data-content="Popover body goes here! Popover body goes here!" data-original-title="Default Popover">
		1797	trigger me on click </a>
		1798	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 <a href="javascript:;" class="popovers" data-container="body" data-trigger="hover" data-content="Popover body goes here! Popover body goes here!" data-original-title="Another Popover">
		1799	trigger me on hover </a>
		1800	terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa.
		1801	</p>
		1802	</div>
		1803	</div>
		1804	</div>
		1805	<!-- END POPOVERS PORTLET-->
		1806	<!-- BEGIN POPOVERS PORTLET-->
		1807	<div class="portlet light">
		1808	<div class="portlet-title">
		1809	<div class="caption">
		1810	<i class="fa fa-cogs font-green-sharp"></i>
		1811	<span class="caption-subject font-green-sharp bold uppercase">List Groups</span>
		1812	</div>
		1813	<div class="tools">
		1814	<a href="javascript:;" class="collapse">
		1815	</a>
		1816	<a href="#portlet-config" data-toggle="modal" class="config">
		1817	</a>
		1818	<a href="javascript:;" class="reload">
		1819	</a>
		1820	<a href="javascript:;" class="remove">
		1821	</a>
		1822	</div>
		1823	</div>
		1824	<div class="portlet-body">
		1825	<h4 class="block">Basic</h4>
		1826	<ul class="list-group">
		1827	<li class="list-group-item">
		1828	Cras justo odio
		1829	</li>
		1830	<li class="list-group-item">
		1831	Dapibus ac facilisis in
		1832	</li>
		1833	<li class="list-group-item">
		1834	Morbi leo risus
		1835	</li>
		1836	<li class="list-group-item">
		1837	Porta ac consectetur ac
		1838	</li>
		1839	<li class="list-group-item">
		1840	Vestibulum at eros
		1841	</li>
		1842	</ul>
		1843	<h4 class="block">Custom Colors(refer to ui_colors.html for more colors)</h4>
		1844	<ul class="list-group">
		1845	<li class="list-group-item bg-blue">
		1846	Cras justo odio
		1847	</li>
		1848	<li class="list-group-item bg-red">
		1849	Dapibus ac facilisis in
		1850	</li>
		1851	<li class="list-group-item bg-green">
		1852	Morbi leo risus
		1853	</li>
		1854	<li class="list-group-item bg-purple">
		1855	Porta ac consectetur ac
		1856	</li>
		1857	<li class="list-group-item bg-yellow">
		1858	Vestibulum at eros
		1859	</li>
		1860	</ul>
		1861	<h4 class="block">Badges</h4>
		1862	<ul class="list-group">
		1863	<li class="list-group-item">
		1864	Cras justo odio <span class="badge badge-default">
		1865	3 </span>
		1866	</li>
		1867	<li class="list-group-item">
		1868	Dapibus ac facilisis in <span class="badge badge-success">
		1869	11 </span>
		1870	</li>
		1871	<li class="list-group-item">
		1872	Morbi leo risus <span class="badge badge-danger">
		1873	new </span>
		1874	</li>
		1875	<li class="list-group-item">
		1876	Porta ac consectetur ac <span class="badge badge-warning">
		1877	4 </span>
		1878	</li>
		1879	<li class="list-group-item">
		1880	Vestibulum at eros <span class="badge badge-info">
		1881	3 </span>
		1882	</li>
		1883	</ul>
		1884	<h4 class="block">Contextual States</h4>
		1885	<ul class="list-group">
		1886	<li class="list-group-item">
		1887	Default
		1888	</li>
		1889	<li class="list-group-item list-group-item-success">
		1890	Success
		1891	</li>
		1892	<li class="list-group-item list-group-item-info">
		1893	Info <span class="badge badge-warning">
		1894	3 </span>
		1895	</li>
		1896	<li class="list-group-item list-group-item-warning">
		1897	Warning <span class="badge badge-default">
		1898	3 </span>
		1899	</li>
		1900	<li class="list-group-item list-group-item-danger">
		1901	Danger
		1902	</li>
		1903	</ul>
		1904	<h4 class="block">Linked Contextual Items</h4>
		1905	<div class="list-group">
		1906	<a href="javascript:;" class="list-group-item">
		1907	Default </a>
		1908	<a href="javascript:;" class="list-group-item list-group-item-success">
		1909	Success </a>
		1910	<a href="javascript:;" class="list-group-item list-group-item-info">
		1911	Info <span class="badge badge-warning">
		1912	3 </span>
		1913	</a>
		1914	<a href="javascript:;" class="list-group-item list-group-item-warning">
		1915	Warning <span class="badge badge-default">
		1916	3 </span>
		1917	</a>
		1918	<a href="javascript:;" class="list-group-item list-group-item-danger">
		1919	Danger </a>
		1920	</div>
		1921	<h4 class="block">Custom Content</h4>
		1922	<div class="list-group">
		1923	<a href="javascript:;" class="list-group-item active">
		1924	<h4 class="list-group-item-heading">List group item heading</h4>
		1925	<p class="list-group-item-text">
		1926	Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
		1927	</p>
		1928	</a>
		1929	<a href="javascript:;" class="list-group-item">
		1930	<h4 class="list-group-item-heading">List group item heading</h4>
		1931	<p class="list-group-item-text">
		1932	Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
		1933	</p>
		1934	</a>
		1935	<a href="javascript:;" class="list-group-item">
		1936	<h4 class="list-group-item-heading">List group item heading</h4>
		1937	<p class="list-group-item-text">
		1938	Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
		1939	</p>
		1940	</a>
		1941	</div>
		1942	</div>
		1943	</div>
		1944	<!-- END POPOVERS PORTLET-->
		1945	<!-- BEGIN POPOVERS PORTLET-->
		1946	<div class="portlet light">
		1947	<div class="portlet-title">
		1948	<div class="caption">
		1949	<i class="fa fa-cogs font-green-sharp"></i>
		1950	<span class="caption-subject font-green-sharp bold uppercase">Panels</span>
		1951	</div>
		1952	<div class="tools">
		1953	<a href="javascript:;" class="collapse">
		1954	</a>
		1955	<a href="#portlet-config" data-toggle="modal" class="config">
		1956	</a>
		1957	<a href="javascript:;" class="reload">
		1958	</a>
		1959	<a href="javascript:;" class="remove">
		1960	</a>
		1961	</div>
		1962	</div>
		1963	<div class="portlet-body">
		1964	<h4 class="block">Basic Panels</h4>
		1965	<div class="panel panel-default">
		1966	<div class="panel-heading">
		1967	Panel heading without title
		1968	</div>
		1969	<div class="panel-body">
		1970	Panel content
		1971	</div>
		1972	</div>
		1973	<div class="panel panel-default">
		1974	<div class="panel-heading">
		1975	<h3 class="panel-title">Panel title</h3>
		1976	</div>
		1977	<div class="panel-body">
		1978	Panel content
		1979	</div>
		1980	</div>
		1981	<div class="panel panel-default">
		1982	<div class="panel-body">
		1983	Panel content
		1984	</div>
		1985	<div class="panel-footer">
		1986	Panel footer
		1987	</div>
		1988	</div>
		1989	<div class="clearfix">
		1990	<h4 class="block">Contextual Panels</h4>
		1991	<div class="panel panel-default">
		1992	<div class="panel-heading">
		1993	<h3 class="panel-title">Primary Panel</h3>
		1994	</div>
		1995	<div class="panel-body">
		1996	Panel content
		1997	</div>
		1998	</div>
		1999	<div class="panel panel-primary">
		2000	<div class="panel-heading">
		2001	<h3 class="panel-title">Primary Panel</h3>
		2002	</div>
		2003	<div class="panel-body">
		2004	Panel content
		2005	</div>
		2006	</div>
		2007	<div class="panel panel-success">
		2008	<div class="panel-heading">
		2009	<h3 class="panel-title">Success Panel</h3>
		2010	</div>
		2011	<div class="panel-body">
		2012	Panel content
		2013	</div>
		2014	</div>
		2015	<div class="panel panel-info">
		2016	<div class="panel-heading">
		2017	<h3 class="panel-title">Info Panel</h3>
		2018	</div>
		2019	<div class="panel-body">
		2020	Panel content
		2021	</div>
		2022	</div>
		2023	<div class="panel panel-warning">
		2024	<div class="panel-heading">
		2025	<h3 class="panel-title">Warning Panel</h3>
		2026	</div>
		2027	<div class="panel-body">
		2028	Panel content
		2029	</div>
		2030	</div>
		2031	<div class="panel panel-danger">
		2032	<div class="panel-heading">
		2033	<h3 class="panel-title">Danger Panel</h3>
		2034	</div>
		2035	<div class="panel-body">
		2036	Panel content
		2037	</div>
		2038	</div>
		2039	</div>
		2040	<div class="clearfix">
		2041	<h4 class="block">With Tables</h4>
		2042	<div class="panel panel-success">
		2043	<!-- Default panel contents -->
		2044	<div class="panel-heading">
		2045	<h3 class="panel-title">Panel Title</h3>
		2046	</div>
		2047	<div class="panel-body">
		2048	<p>
		2049	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. Nullam id dolor id nibh ultricies vehicula ut id elit.
		2050	</p>
		2051	</div>
		2052	<!-- Table -->
		2053	<table class="table">
		2054	<thead>
		2055	<tr>
		2056	<th>
		2057	#
		2058	</th>
		2059	<th>
		2060	First Name
		2061	</th>
		2062	<th>
		2063	Last Name
		2064	</th>
		2065	<th>
		2066	Username
		2067	</th>
		2068	</tr>
		2069	</thead>
		2070	<tbody>
		2071	<tr>
		2072	<td>
		2073	1
		2074	</td>
		2075	<td>
		2076	Mark
		2077	</td>
		2078	<td>
		2079	Otto
		2080	</td>
		2081	<td>
		2082	@mdo
		2083	</td>
		2084	</tr>
		2085	<tr>
		2086	<td>
		2087	2
		2088	</td>
		2089	<td>
		2090	Jacob
		2091	</td>
		2092	<td>
		2093	Thornton
		2094	</td>
		2095	<td>
		2096	@fat
		2097	</td>
		2098	</tr>
		2099	<tr>
		2100	<td>
		2101	3
		2102	</td>
		2103	<td>
		2104	Larry
		2105	</td>
		2106	<td>
		2107	the Bird
		2108	</td>
		2109	<td>
		2110	@twitter
		2111	</td>
		2112	</tr>
		2113	</tbody>
		2114	</table>
		2115	</div>
		2116	</div>
		2117	<div class="clearfix">
		2118	<h4 class="block">With List Groups</h4>
		2119	<div class="panel panel-warning">
		2120	<!-- Default panel contents -->
		2121	<div class="panel-heading">
		2122	<h3 class="panel-title">Panel Title</h3>
		2123	</div>
		2124	<div class="panel-body">
		2125	<p>
		2126	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 vehicula ut id elit.
		2127	</p>
		2128	</div>
		2129	<!-- List group -->
		2130	<ul class="list-group">
		2131	<li class="list-group-item">
		2132	Cras justo odio <span class="badge badge-default">
		2133	3 </span>
		2134	</li>
		2135	<li class="list-group-item">
		2136	Dapibus ac facilisis in <span class="badge badge-success">
		2137	11 </span>
		2138	</li>
		2139	<li class="list-group-item">
		2140	Morbi leo risus <span class="badge badge-danger">
		2141	new </span>
		2142	</li>
		2143	<li class="list-group-item">
		2144	Porta ac consectetur ac <span class="badge badge-warning">
		2145	4 </span>
		2146	</li>
		2147	<li class="list-group-item">
		2148	Vestibulum at eros <span class="badge badge-info">
		2149	3 </span>
		2150	</li>
		2151	<li class="list-group-item">
		2152	Vestibulum at eros
		2153	</li>
		2154	</ul>
		2155	</div>
		2156	</div>
		2157	</div>
		2158	</div>
		2159	</div>
		2160	<div class="col-md-6">
		2161	<!-- BEGIN PROGRESS BARS PORTLET-->
		2162	<div class="portlet light">
		2163	<div class="portlet-title">
		2164	<div class="caption">
		2165	<i class="fa fa-cogs font-green-sharp"></i>
		2166	<span class="caption-subject font-green-sharp bold uppercase">Progress Bars</span>
		2167	</div>
		2168	<div class="tools">
		2169	<a href="javascript:;" class="collapse">
		2170	</a>
		2171	<a href="#portlet-config" data-toggle="modal" class="config">
		2172	</a>
		2173	<a href="javascript:;" class="reload">
		2174	</a>
		2175	<a href="javascript:;" class="remove">
		2176	</a>
		2177	</div>
		2178	</div>
		2179	<div class="portlet-body">
		2180	<div class="note note-warning">
		2181	<h4 class="block">Cross-browser compatibility</h4>
		2182	<p>
		2183	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.
		2184	</p>
		2185	</div>
		2186	<h3>Basic</h3>
		2187	<div class="progress">
		2188	<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
		2189	<span class="sr-only">
		2190	40% Complete (success) </span>
		2191	</div>
		2192	</div>
		2193	<div class="progress">
		2194	<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
		2195	<span class="sr-only">
		2196	20% Complete </span>
		2197	</div>
		2198	</div>
		2199	<div class="progress">
		2200	<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
		2201	<span class="sr-only">
		2202	60% Complete (warning) </span>
		2203	</div>
		2204	</div>
		2205	<div class="progress">
		2206	<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
		2207	<span class="sr-only">
		2208	80% Complete </span>
		2209	</div>
		2210	</div>
		2211	<h3>Striped</h3>
		2212	<div class="progress progress-striped">
		2213	<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
		2214	<span class="sr-only">
		2215	40% Complete (success) </span>
		2216	</div>
		2217	</div>
		2218	<div class="progress progress-striped">
		2219	<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
		2220	<span class="sr-only">
		2221	20% Complete </span>
		2222	</div>
		2223	</div>
		2224	<div class="progress progress-striped">
		2225	<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
		2226	<span class="sr-only">
		2227	60% Complete (warning) </span>
		2228	</div>
		2229	</div>
		2230	<div class="progress progress-striped">
		2231	<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
		2232	<span class="sr-only">
		2233	80% Complete (danger) </span>
		2234	</div>
		2235	</div>
		2236	<h3>Animated</h3>
		2237	<div class="progress progress-striped active">
		2238	<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
		2239	<span class="sr-only">
		2240	40% Complete (success) </span>
		2241	</div>
		2242	</div>
		2243	<div class="progress progress-striped active">
		2244	<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
		2245	<span class="sr-only">
		2246	20% Complete </span>
		2247	</div>
		2248	</div>
		2249	<div class="progress progress-striped active">
		2250	<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
		2251	<span class="sr-only">
		2252	60% Complete (warning) </span>
		2253	</div>
		2254	</div>
		2255	<div class="progress progress-striped active">
		2256	<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
		2257	<span class="sr-only">
		2258	80% Complete (danger) </span>
		2259	</div>
		2260	</div>
		2261	<h3>Stacked</h3>
		2262	<div class="progress">
		2263	<div class="progress-bar progress-bar-success" style="width: 35%">
		2264	<span class="sr-only">
		2265	35% Complete (success) </span>
		2266	</div>
		2267	<div class="progress-bar progress-bar-warning" style="width: 20%">
		2268	<span class="sr-only">
		2269	20% Complete (warning) </span>
		2270	</div>
		2271	<div class="progress-bar progress-bar-danger" style="width: 10%">
		2272	<span class="sr-only">
		2273	10% Complete (danger) </span>
		2274	</div>
		2275	</div>
		2276	</div>
		2277	</div>
		2278	<!-- END PROGRESS BARS PORTLET-->
		2279	<!-- BEGIN LABELS AND BADGES PORTLET-->
		2280	<div class="portlet light">
		2281	<div class="portlet-title">
		2282	<div class="caption">
		2283	<i class="fa fa-cogs font-green-sharp"></i>
		2284	<span class="caption-subject font-green-sharp bold uppercase">Labels & Badges</span>
		2285	</div>
		2286	<div class="tools">
		2287	<a href="javascript:;" class="collapse">
		2288	</a>
		2289	<a href="#portlet-config" data-toggle="modal" class="config">
		2290	</a>
		2291	<a href="javascript:;" class="reload">
		2292	</a>
		2293	<a href="javascript:;" class="remove">
		2294	</a>
		2295	</div>
		2296	</div>
		2297	<div class="portlet-body">
		2298	<h4 class="block">Labels & Badges Styles</h4>
		2299	<table class="table table-bordered table-striped">
		2300	<thead>
		2301	<tr>
		2302	<th>
		2303	Class
		2304	</th>
		2305	<th>
		2306	Labels
		2307	</th>
		2308	<th>
		2309	Badges
		2310	</th>
		2311	<th>
		2312	Roundless Badges
		2313	</th>
		2314	</tr>
		2315	</thead>
		2316	<tbody>
		2317	<tr>
		2318	<td>
		2319	Default
		2320	</td>
		2321	<td>
		2322	<span class="label label-default">
		2323	Default </span>
		2324	</td>
		2325	<td>
		2326	<span class="badge badge-default">
		2327	5 </span>
		2328	</td>
		2329	<td>
		2330	<span class="badge badge-default badge-roundless">
		2331	3 </span>
		2332	</td>
		2333	</tr>
		2334	<tr>
		2335	<td>
		2336	Primary
		2337	</td>
		2338	<td>
		2339	<span class="label label-primary">
		2340	Primary </span>
		2341	</td>
		2342	<td>
		2343	<span class="badge badge-primary">
		2344	4 </span>
		2345	</td>
		2346	<td>
		2347	<span class="badge badge-primary badge-roundless">
		2348	Hot </span>
		2349	</td>
		2350	</tr>
		2351	<tr>
		2352	<td>
		2353	Info
		2354	</td>
		2355	<td>
		2356	<span class="label label-info">
		2357	Info </span>
		2358	</td>
		2359	<td>
		2360	<span class="badge badge-info">
		2361	6 </span>
		2362	</td>
		2363	<td>
		2364	<span class="badge badge-info badge-roundless">
		2365	New </span>
		2366	</td>
		2367	</tr>
		2368	<tr>
		2369	<td>
		2370	Success
		2371	</td>
		2372	<td>
		2373	<span class="label label-success">
		2374	Success </span>
		2375	</td>
		2376	<td>
		2377	<span class="badge badge-success">
		2378	1 </span>
		2379	</td>
		2380	<td>
		2381	<span class="badge badge-success badge-roundless">
		2382	2 </span>
		2383	</td>
		2384	</tr>
		2385	<tr>
		2386	<td>
		2387	Danger
		2388	</td>
		2389	<td>
		2390	<span class="label label-danger">
		2391	Danger </span>
		2392	</td>
		2393	<td>
		2394	<span class="badge badge-danger">
		2395	3 </span>
		2396	</td>
		2397	<td>
		2398	<span class="badge badge-danger badge-roundless">
		2399	5 </span>
		2400	</td>
		2401	</tr>
		2402	<tr>
		2403	<td>
		2404	Warning
		2405	</td>
		2406	<td>
		2407	<span class="label label-warning">
		2408	Warning </span>
		2409	</td>
		2410	<td>
		2411	<span class="badge badge-warning">
		2412	12 </span>
		2413	</td>
		2414	<td>
		2415	<span class="badge badge-warning badge-roundless">
		2416	3 </span>
		2417	</td>
		2418	</tr>
		2419	</tbody>
		2420	</table>
		2421	<h4 class="block">Labels In Headings</h4>
		2422	<div class="well">
		2423	<h1>Example heading <span class="label label-default">
		2424	default </span>
		2425	</h1>
		2426	<h2>Example heading <span class="label label-success">
		2427	success </span>
		2428	</h2>
		2429	<h3>Example heading <span class="label label-danger">
		2430	danger </span>
		2431	</h3>
		2432	<h4 class="block">Example heading <span class="label label-info">
		2433	info </span>
		2434	</h4>
		2435	<h4>Example heading <span class="label label-warning">
		2436	warning </span>
		2437	</h4>
		2438	<h6>Example heading <span class="label label-primary">
		2439	primary </span>
		2440	</h6>
		2441	</div>
		2442	<div class="clearfix">
		2443	<h4 class="block">Badges in Navs</h4>
		2444	<ul class="nav nav-pills">
		2445	<li class="active">
		2446	<a href="javascript:;">
		2447	Home <span class="badge1">
		2448	42 </span>
		2449	</a>
		2450	</li>
		2451	<li>
		2452	<a href="javascript:;">
		2453	Profile </a>
		2454	</li>
		2455	<li>
		2456	<a href="javascript:;">
		2457	Messages <span class="badge badge-danger">
		2458	3 </span>
		2459	</a>
		2460	</li>
		2461	</ul>
		2462	<div class="clearfix margin-bottom-10">
		2463	</div>
		2464	<ul class="nav nav-pills nav-stacked" style="max-width: 260px;">
		2465	<li class="active">
		2466	<a href="javascript:;">
		2467	<span class="badge badge-warning pull-right">
		2468	42 </span>
		2469	Home </a>
		2470	</li>
		2471	<li>
		2472	<a href="javascript:;">
		2473	Profile </a>
		2474	</li>
		2475	<li>
		2476	<a href="javascript:;">
		2477	<span class="badge badge-success pull-right">
		2478	3 </span>
		2479	Messages </a>
		2480	</li>
		2481	</ul>
		2482	</div>
		2483	<div class="clearfix">
		2484	<h4 class="block">Badges in Inline Dropdowns</h4>
		2485	<div class="dropdown inline clearfix">
		2486	<!-- Link or button to toggle dropdown -->
		2487	<ul class="dropdown-menu" role="menu">
		2488	<li role="presentation">
		2489	<a role="menuitem" tabindex="-1" href="javascript:;">
		2490	Action <span class="badge badge-success">
		2491	2 </span>
		2492	</a>
		2493	</li>
		2494	<li role="presentation">
		2495	<a role="menuitem" tabindex="-1" href="javascript:;">
		2496	Another action <span class="badge badge-warning">
		2497	5 </span>
		2498	</a>
		2499	</li>
		2500	<li role="presentation">
		2501	<a role="menuitem" tabindex="-1" href="javascript:;">
		2502	Something here <span class="badge badge-danger">
		2503	7 </span>
		2504	</a>
		2505	</li>
		2506	<li role="presentation" class="divider">
		2507	</li>
		2508	<li role="presentation">
		2509	<a role="menuitem" tabindex="-1" href="javascript:;">
		2510	Separated link <span class="badge badge-info">
		2511	12 </span>
		2512	</a>
		2513	</li>
		2514	</ul>
		2515	</div>
		2516	<div class="clearfix">
		2517	</div>
		2518	<h4 class="block">Badges in Button Dropdowns</h4>
		2519	<div class="btn-group ">
		2520	<button class="btn blue dropdown-toggle" data-toggle="dropdown">Open Me!<i class="fa fa-angle-down"></i>
		2521	</button>
		2522	<ul class="dropdown-menu" role="menu">
		2523	<li role="presentation">
		2524	<a role="menuitem" tabindex="-1" href="javascript:;">
		2525	Action <span class="badge badge-success">
		2526	2 </span>
		2527	</a>
		2528	</li>
		2529	<li role="presentation">
		2530	<a role="menuitem" tabindex="-1" href="javascript:;">
		2531	Another action <span class="badge badge-warning">
		2532	5 </span>
		2533	</a>
		2534	</li>
		2535	<li role="presentation">
		2536	<a role="menuitem" tabindex="-1" href="javascript:;">
		2537	Something here <span class="badge badge-danger">
		2538	7 </span>
		2539	</a>
		2540	</li>
		2541	<li role="presentation" class="divider">
		2542	</li>
		2543	<li role="presentation">
		2544	<a role="menuitem" tabindex="-1" href="javascript:;">
		2545	Separated link <span class="badge badge-info">
		2546	12 </span>
		2547	</a>
		2548	</li>
		2549	</ul>
		2550	</div>
		2551	</div>
		2552	</div>
		2553	</div>
		2554	<!-- END LABELS AND BADGES PORTLET-->
		2555	<!-- BEGIN PAGINATION PORTLET-->
		2556	<div class="portlet light">
		2557	<div class="portlet-title">
		2558	<div class="caption">
		2559	<i class="fa fa-cogs font-green-sharp"></i>
		2560	<span class="caption-subject font-green-sharp bold uppercase">Pagination</span>
		2561	</div>
		2562	<div class="tools">
		2563	<a href="javascript:;" class="collapse">
		2564	</a>
		2565	<a href="#portlet-config" data-toggle="modal" class="config">
		2566	</a>
		2567	<a href="javascript:;" class="reload">
		2568	</a>
		2569	<a href="javascript:;" class="remove">
		2570	</a>
		2571	</div>
		2572	</div>
		2573	<div class="portlet-body">
		2574	<div>
		2575	<ul class="pagination pagination-lg">
		2576	<li>
		2577	<a href="javascript:;">
		2578	<i class="fa fa-angle-left"></i>
		2579	</a>
		2580	</li>
		2581	<li>
		2582	<a href="javascript:;">
		2583	1 </a>
		2584	</li>
		2585	<li>
		2586	<a href="javascript:;">
		2587	2 </a>
		2588	</li>
		2589	<li>
		2590	<a href="javascript:;">
		2591	3 </a>
		2592	</li>
		2593	<li>
		2594	<a href="javascript:;">
		2595	4 </a>
		2596	</li>
		2597	<li>
		2598	<a href="javascript:;">
		2599	5 </a>
		2600	</li>
		2601	<li>
		2602	<a href="javascript:;">
		2603	6 </a>
		2604	</li>
		2605	<li>
		2606	<a href="javascript:;">
		2607	<i class="fa fa-angle-right"></i>
		2608	</a>
		2609	</li>
		2610	</ul>
		2611	</div>
		2612	<div>
		2613	<ul class="pagination">
		2614	<li>
		2615	<a href="javascript:;">
		2616	<i class="fa fa-angle-left"></i>
		2617	</a>
		2618	</li>
		2619	<li>
		2620	<a href="javascript:;">
		2621	1 </a>
		2622	</li>
		2623	<li>
		2624	<a href="javascript:;">
		2625	2 </a>
		2626	</li>
		2627	<li>
		2628	<a href="javascript:;">
		2629	3 </a>
		2630	</li>
		2631	<li>
		2632	<a href="javascript:;">
		2633	4 </a>
		2634	</li>
		2635	<li>
		2636	<a href="javascript:;">
		2637	5 </a>
		2638	</li>
		2639	<li>
		2640	<a href="javascript:;">
		2641	6 </a>
		2642	</li>
		2643	<li>
		2644	<a href="javascript:;">
		2645	<i class="fa fa-angle-right"></i>
		2646	</a>
		2647	</li>
		2648	</ul>
		2649	</div>
		2650	<div>
		2651	<ul class="pagination pagination-sm">
		2652	<li>
		2653	<a href="javascript:;">
		2654	<i class="fa fa-angle-left"></i>
		2655	</a>
		2656	</li>
		2657	<li>
		2658	<a href="javascript:;">
		2659	1 </a>
		2660	</li>
		2661	<li>
		2662	<a href="javascript:;">
		2663	2 </a>
		2664	</li>
		2665	<li>
		2666	<a href="javascript:;">
		2667	3 </a>
		2668	</li>
		2669	<li>
		2670	<a href="javascript:;">
		2671	4 </a>
		2672	</li>
		2673	<li>
		2674	<a href="javascript:;">
		2675	5 </a>
		2676	</li>
		2677	<li>
		2678	<a href="javascript:;">
		2679	6 </a>
		2680	</li>
		2681	<li>
		2682	<a href="javascript:;">
		2683	<i class="fa fa-angle-right"></i>
		2684	</a>
		2685	</li>
		2686	</ul>
		2687	</div>
		2688	</div>
		2689	</div>
		2690	<!-- END PAGINATION PORTLET-->
		2691	<!-- BEGIN PAGINATION PORTLET-->
		2692	<div class="portlet light">
		2693	<div class="portlet-title">
		2694	<div class="caption">
		2695	<i class="fa fa-cogs font-green-sharp"></i>
		2696	<span class="caption-subject font-green-sharp bold uppercase">Pager With Aligned Links</span>
		2697	</div>
		2698	<div class="tools">
		2699	<a href="javascript:;" class="collapse">
		2700	</a>
		2701	<a href="#portlet-config" data-toggle="modal" class="config">
		2702	</a>
		2703	<a href="javascript:;" class="reload">
		2704	</a>
		2705	<a href="javascript:;" class="remove">
		2706	</a>
		2707	</div>
		2708	</div>
		2709	<div class="portlet-body">
		2710	<h4 class="block">Default</h4>
		2711	<div class="well">
		2712	Tight pants next level keffiyeh trigger me on click haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown.
		2713	</div>
		2714	<ul class="pager">
		2715	<li class="previous">
		2716	<a href="javascript:;">
		2717	← Older </a>
		2718	</li>
		2719	<li class="next">
		2720	<a href="javascript:;">
		2721	Newer → </a>
		2722	</li>
		2723	</ul>
		2724	<h4 class="block">Optional Disabled State</h4>
		2725	<div class="well">
		2726	Tight pants next level keffiyeh trigger me on click haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown.
		2727	</div>
		2728	<ul class="pager">
		2729	<li class="previous disabled">
		2730	<a href="javascript:;">
		2731	← Older </a>
		2732	</li>
		2733	<li class="next">
		2734	<a href="javascript:;">
		2735	Newer → </a>
		2736	</li>
		2737	</ul>
		2738	<h4 class="block">With Styled Buttons & Icons</h4>
		2739	<div class="well">
		2740	Tight pants next level keffiyeh trigger me on click haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown.
		2741	</div>
		2742	<ul class="pager">
		2743	<li class="previous">
		2744	<a href="javascript:;" class="btn blue">
		2745	<i class="fa fa-angle-left"></i> Older </a>
		2746	</li>
		2747	<li class="next">
		2748	<a href="javascript:;" class="btn blue">
		2749	Newer <i class="fa fa-angle-right"></i>
		2750	</a>
		2751	</li>
		2752	</ul>
		2753	</div>
		2754	</div>
		2755	<!-- END PAGINATION PORTLET-->
		2756	<!-- BEGIN PAGINATION PORTLET-->
		2757	<div class="portlet light">
		2758	<div class="portlet-title">
		2759	<div class="caption">
		2760	<i class="fa fa-cogs font-green-sharp"></i>
		2761	<span class="caption-subject font-green-sharp bold uppercase">Dynamic Pagination(jQuery Bootpag)</span>
		2762	</div>
		2763	<div class="tools">
		2764	<a href="javascript:;" class="collapse">
		2765	</a>
		2766	<a href="#portlet-config" data-toggle="modal" class="config">
		2767	</a>
		2768	<a href="javascript:;" class="reload">
		2769	</a>
		2770	<a href="javascript:;" class="remove">
		2771	</a>
		2772	</div>
		2773	</div>
		2774	<div class="portlet-body">
		2775	<div>
		2776	<h4 class="block">Basic Pagination</h4>
		2777	<p id="dynamic_pager_content1" class="well">
		2778	Page 1 content here
		2779	</p>
		2780	<p id="dynamic_pager_demo1">
		2781	</p>
		2782	</div>
		2783	<hr>
		2784	<div>
		2785	<h4 class="block">Advance Pagination</h4>
		2786	<p id="dynamic_pager_content2" class="well">
		2787	Page 1 content here
		2788	</p>
		2789	<p id="dynamic_pager_demo2">
		2790	</p>
		2791	</div>
		2792	</div>
		2793	</div>
		2794	<!-- END PAGINATION PORTLET-->
		2795	<div class="portlet light">
		2796	<div class="portlet-title">
		2797	<div class="caption">
		2798	<i class="fa fa-cogs font-green-sharp"></i>
		2799	<span class="caption-subject font-green-sharp bold uppercase">Wells</span>
		2800	</div>
		2801	<div class="tools">
		2802	<a href="javascript:;" class="collapse">
		2803	</a>
		2804	<a href="#portlet-config" data-toggle="modal" class="config">
		2805	</a>
		2806	<a href="javascript:;" class="reload">
		2807	</a>
		2808	<a href="javascript:;" class="remove">
		2809	</a>
		2810	</div>
		2811	</div>
		2812	<div class="portlet-body">
		2813	<div class="well well-lg">
		2814	<h4 class="block">I am a large well</h4>
		2815	<p>
		2816	Tight pants next level keffiyeh trigger me on click haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown.
		2817	</p>
		2818	</div>
		2819	<div class="well">
		2820	<h4 class="block">I am a default well</h4>
		2821	<p>
		2822	Tight pants next level keffiyeh trigger me on click haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown.
		2823	</p>
		2824	</div>
		2825	<div class="well well-sm">
		2826	<h4 class="block">I am a small well</h4>
		2827	<p>
		2828	Tight pants next level keffiyeh trigger me on click haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown.
		2829	</p>
		2830	</div>
		2831	</div>
		2832	</div>
		2833	<div class="portlet light">
		2834	<div class="portlet-title">
		2835	<div class="caption">
		2836	<i class="fa fa-cogs font-green-sharp"></i>
		2837	<span class="caption-subject font-green-sharp bold uppercase">Media Objects</span>
		2838	</div>
		2839	<div class="tools">
		2840	<a href="javascript:;" class="collapse">
		2841	</a>
		2842	<a href="#portlet-config" data-toggle="modal" class="config">
		2843	</a>
		2844	<a href="javascript:;" class="reload">
		2845	</a>
		2846	<a href="javascript:;" class="remove">
		2847	</a>
		2848	</div>
		2849	</div>
		2850	<div class="portlet-body">
		2851	<div class="note note-success">
		2852	<p>
		2853	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.
		2854	</p>
		2855	</div>
		2856	<div class="clearfix">
		2857	<ul class="media-list">
		2858	<li class="media">
		2859	<a class="pull-left" href="javascript:;">
		2860	<img class="media-object" src="holder.js/64x64" alt="">
		2861	</a>
		2862	<div class="media-body">
		2863	<h4 class="media-heading">Media heading</h4>
		2864	<p>
		2865	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.
		2866	</p>
		2867	<!-- Nested media object -->
		2868	<div class="media">
		2869	<a class="pull-left" href="javascript:;">
		2870	<img class="media-object" src="holder.js/64x64" alt="">
		2871	</a>
		2872	<div class="media-body">
		2873	<h4 class="media-heading">Nested media heading</h4>
		2874	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.
		2875	<!-- Nested media object -->
		2876	<div class="media">
		2877	<a class="pull-left" href="javascript:;">
		2878	<img class="media-object" src="holder.js/64x64" alt="">
		2879	</a>
		2880	<div class="media-body">
		2881	<h4 class="media-heading">Nested media heading</h4>
		2882	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.
		2883	</div>
		2884	</div>
		2885	</div>
		2886	</div>
		2887	<!-- Nested media object -->
		2888	<div class="media">
		2889	<a class="pull-left" href="javascript:;">
		2890	<img class="media-object" src="holder.js/64x64" alt="">
		2891	</a>
		2892	<div class="media-body">
		2893	<h4 class="media-heading">Nested media heading</h4>
		2894	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.
		2895	</div>
		2896	</div>
		2897	</div>
		2898	</li>
		2899	<li class="media">
		2900	<a class="pull-right" href="javascript:;">
		2901	<img class="media-object" src="holder.js/64x64" alt="">
		2902	</a>
		2903	<div class="media-body">
		2904	<h4 class="media-heading">Media heading</h4>
		2905	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.
		2906	</div>
		2907	</li>
		2908	</ul>
		2909	</div>
		2910	</div>
		2911	</div>
		2912	<div class="portlet light">
		2913	<div class="portlet-title">
		2914	<div class="caption">
		2915	<i class="fa fa-cogs font-green-sharp"></i>
		2916	<span class="caption-subject font-green-sharp bold uppercase">Thumbnails</span>
		2917	</div>
		2918	<div class="tools">
		2919	<a href="javascript:;" class="collapse">
		2920	</a>
		2921	<a href="#portlet-config" data-toggle="modal" class="config">
		2922	</a>
		2923	<a href="javascript:;" class="reload">
		2924	</a>
		2925	<a href="javascript:;" class="remove">
		2926	</a>
		2927	</div>
		2928	</div>
		2929	<div class="portlet-body">
		2930	<div class="note note-info">
		2931	<p>
		2932	Extend Bootstrap's grid system with the thumbnail component to easily display grids of images, videos, text, and more.
		2933	</p>
		2934	</div>
		2935	<h4 class="block">Default</h4>
		2936	<div class="row">
		2937	<div class="col-sm-6 col-md-3">
		2938	<a href="javascript:;" class="thumbnail">
		2939	<img src="holder.js/100%x180" alt="100%x180" style="height: 180px; width: 100%; display: block;">
		2940	</a>
		2941	</div>
		2942	<div class="col-sm-6 col-md-3">
		2943	<a href="javascript:;" class="thumbnail">
		2944	<img src="holder.js/100%x180" alt="100%x180" style="height: 180px; width: 100%; display: block;">
		2945	</a>
		2946	</div>
		2947	<div class="col-sm-6 col-md-3">
		2948	<a href="javascript:;" class="thumbnail">
		2949	<img src="holder.js/100%x180" alt="100%x180" style="height: 180px; width: 100%; display: block;">
		2950	</a>
		2951	</div>
		2952	<div class="col-sm-6 col-md-3">
		2953	<a href="javascript:;" class="thumbnail">
		2954	<img src="holder.js/100%x180" alt="100%x180" style="height: 180px; width: 100%; display: block;">
		2955	</a>
		2956	</div>
		2957	</div>
		2958	<h4 class="block">Custom Content</h4>
		2959	<div class="row">
		2960	<div class="col-sm-12 col-md-6">
		2961	<div class="thumbnail">
		2962	<img src="holder.js/100%x200" alt="" style="width: 100%; height: 200px;">
		2963	<div class="caption">
		2964	<h3>Thumbnail label</h3>
		2965	<p>
		2966	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.
		2967	</p>
		2968	<p>
		2969	<a href="javascript:;" class="btn blue">
		2970	Button </a>
		2971	<a href="javascript:;" class="btn default">
		2972	Button </a>
		2973	</p>
		2974	</div>
		2975	</div>
		2976	</div>
		2977	<div class="col-sm-12 col-md-6">
		2978	<div class="thumbnail">
		2979	<img src="holder.js/100%x200" alt="" style="width: 100%; height: 200px;">
		2980	<div class="caption">
		2981	<h3>Thumbnail label</h3>
		2982	<p>
		2983	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.
		2984	</p>
		2985	<p>
		2986	<a href="javascript:;" class="btn red">
		2987	Button </a>
		2988	<a href="javascript:;" class="btn default">
		2989	Button </a>
		2990	</p>
		2991	</div>
		2992	</div>
		2993	</div>
		2994	</div>
		2995	</div>
		2996	</div>
		2997	</div>
		2998	<!-- END PAGINATION PORTLET-->
		2999	</div>
		3000	</div>
		3001	<!-- END PAGE CONTENT INNER -->
		3002	</div>
		3003	<!-- END PAGE CONTENT -->
		3004	</div>
		3005	<!-- END PAGE CONTAINER -->
		3006	<!-- BEGIN PRE-FOOTER -->
		3007	<div class="page-prefooter">
		3008	<div class="container">
		3009	<div class="row">
		3010	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		3011	<h2>About</h2>
		3012	<p>
		3013	Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam dolore.
		3014	</p>
		3015	</div>
		3016	<div class="col-md-3 col-sm-6 col-xs12 footer-block">
		3017	<h2>Subscribe Email</h2>
		3018	<div class="subscribe-form">
		3019	<form action="javascript:;">
		3020	<div class="input-group">
		3021	<input type="text" placeholder="mail@email.com" class="form-control">
		3022	<span class="input-group-btn">
		3023	<button class="btn" type="submit">Submit</button>
		3024	</span>
		3025	</div>
		3026	</form>
		3027	</div>
		3028	</div>
		3029	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		3030	<h2>Follow Us On</h2>
		3031	<ul class="social-icons">
		3032	<li>
		3033	<a href="javascript:;" data-original-title="rss" class="rss"></a>
		3034	</li>
		3035	<li>
		3036	<a href="javascript:;" data-original-title="facebook" class="facebook"></a>
		3037	</li>
		3038	<li>
		3039	<a href="javascript:;" data-original-title="twitter" class="twitter"></a>
		3040	</li>
		3041	<li>
		3042	<a href="javascript:;" data-original-title="googleplus" class="googleplus"></a>
		3043	</li>
		3044	<li>
		3045	<a href="javascript:;" data-original-title="linkedin" class="linkedin"></a>
		3046	</li>
		3047	<li>
		3048	<a href="javascript:;" data-original-title="youtube" class="youtube"></a>
		3049	</li>
		3050	<li>
		3051	<a href="javascript:;" data-original-title="vimeo" class="vimeo"></a>
		3052	</li>
		3053	</ul>
		3054	</div>
		3055	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		3056	<h2>Contacts</h2>
		3057	<address class="margin-bottom-40">
		3058	Phone: 800 123 3456<br>
		3059	Email: <a href="mailto:info@metronic.com">info@metronic.com</a>
		3060	</address>
		3061	</div>
		3062	</div>
		3063	</div>
		3064	</div>
		3065	<!-- END PRE-FOOTER -->
		3066	<!-- BEGIN FOOTER -->
		3067	<div class="page-footer">
		3068	<div class="container">
		3069	2014 © Metronic. All Rights Reserved.
		3070	</div>
		3071	</div>
		3072	<div class="scroll-to-top">
		3073	<i class="icon-arrow-up"></i>
		3074	</div>
		3075	<!-- END FOOTER -->
		3076	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
		3077	<!-- BEGIN CORE PLUGINS -->
		3078	<!--[if lt IE 9]>
		3079	<script src="../../assets/global/plugins/respond.min.js"></script>
		3080	<script src="../../assets/global/plugins/excanvas.min.js"></script>
		3081	<![endif]-->
		3082	<script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
		3083	<script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
		3084	<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
		3085	<script src="../../assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
		3086	<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		3087	<script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
		3088	<script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		3089	<script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		3090	<script src="../../assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
		3091	<script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
		3092	<!-- END CORE PLUGINS -->
		3093	<!-- BEGIN PAGE LEVEL PLUGINS -->
		3094	<script src="../../assets/global/plugins/jquery.pulsate.min.js" type="text/javascript"></script>
		3095	<script src="../../assets/global/plugins/jquery-bootpag/jquery.bootpag.min.js" type="text/javascript"></script>
		3096	<script src="../../assets/global/plugins/holder.js" type="text/javascript"></script>
		3097	<!-- END PAGE LEVEL PLUGINS -->
		3098	<!-- BEGIN PAGE LEVEL SCRIPTS -->
		3099	<script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>
		3100	<script src="../../assets/admin/layout3/scripts/layout.js" type="text/javascript"></script>
		3101	<script src="../../assets/admin/layout3/scripts/demo.js" type="text/javascript"></script>
		3102	<script src="../../assets/admin/pages/scripts/ui-general.js" type="text/javascript"></script>
		3103	<!-- END PAGE LEVEL SCRIPTS -->
		3104	<script>
		3105	jQuery(document).ready(function() {
		3106	// initiate layout and plugins
		3107	Metronic.init(); // init metronic core components
		3108	Layout.init(); // init current layout
		3109	Demo.init(); // init demo features
		3110	UIGeneral.init();
		3111	});
		3112	</script>
		3113	<!-- END JAVASCRIPTS -->
		3114	</body>
		3115	<!-- END BODY -->
		3116	</html>

Subversion Repositories Integrator Subversion

(root)/DOCUMENTOS E ANALISE/telas/templates/admin3/ui_general.html - Rev 1