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

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 \| Tabs, Accordions & Navs</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>
		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 class="active">
		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>Tabs, Accordions & Navs <small>tabs, accordions & navbars</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_tabs_accordions_navs.html">UI Components</a>
		1294	<i class="fa fa-circle"></i>
		1295	</li>
		1296	<li class="active">
		1297	Tabs, Accordions & Navs
		1298	</li>
		1299	</ul>
		1300	<!-- END PAGE BREADCRUMB -->
		1301	<!-- BEGIN PAGE CONTENT INNER -->
		1302	<div class="row">
		1303	<div class="col-md-6">
		1304	<div class="portlet light">
		1305	<div class="portlet-title">
		1306	<div class="caption">
		1307	<i class="fa fa-cogs font-green-sharp"></i>
		1308	<span class="caption-subject font-green-sharp bold uppercase">Default Tabs</span>
		1309	</div>
		1310	<div class="tools">
		1311	<a href="javascript:;" class="collapse">
		1312	</a>
		1313	<a href="#portlet-config" data-toggle="modal" class="config">
		1314	</a>
		1315	</div>
		1316	</div>
		1317	<div class="portlet-body">
		1318	<ul class="nav nav-tabs">
		1319	<li class="active">
		1320	<a href="#tab_1_1" data-toggle="tab">
		1321	Home </a>
		1322	</li>
		1323	<li>
		1324	<a href="#tab_1_2" data-toggle="tab">
		1325	Profile </a>
		1326	</li>
		1327	<li class="dropdown">
		1328	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
		1329	Dropdown <i class="fa fa-angle-down"></i>
		1330	</a>
		1331	<ul class="dropdown-menu" role="menu">
		1332	<li>
		1333	<a href="#tab_1_3" tabindex="-1" data-toggle="tab">
		1334	Option 1 </a>
		1335	</li>
		1336	<li>
		1337	<a href="#tab_1_4" tabindex="-1" data-toggle="tab">
		1338	Option 2 </a>
		1339	</li>
		1340	<li>
		1341	<a href="#tab_1_3" tabindex="-1" data-toggle="tab">
		1342	Option 3 </a>
		1343	</li>
		1344	<li>
		1345	<a href="#tab_1_4" tabindex="-1" data-toggle="tab">
		1346	Option 4 </a>
		1347	</li>
		1348	</ul>
		1349	</li>
		1350	</ul>
		1351	<div class="tab-content">
		1352	<div class="tab-pane fade active in" id="tab_1_1">
		1353	<p>
		1354	Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
		1355	</p>
		1356	</div>
		1357	<div class="tab-pane fade" id="tab_1_2">
		1358	<p>
		1359	Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
		1360	</p>
		1361	</div>
		1362	<div class="tab-pane fade" id="tab_1_3">
		1363	<p>
		1364	Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
		1365	</p>
		1366	</div>
		1367	<div class="tab-pane fade" id="tab_1_4">
		1368	<p>
		1369	Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.
		1370	</p>
		1371	</div>
		1372	</div>
		1373	<div class="clearfix margin-bottom-20">
		1374	</div>
		1375	<ul class="nav nav-tabs tabs-reversed">
		1376	<li class="active">
		1377	<a href="#tab_reversed_1_1" data-toggle="tab">
		1378	Home </a>
		1379	</li>
		1380	<li>
		1381	<a href="#tab_reversed_1_2" data-toggle="tab">
		1382	Profile </a>
		1383	</li>
		1384	<li class="dropdown">
		1385	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
		1386	Dropdown <i class="fa fa-angle-down"></i>
		1387	</a>
		1388	<ul class="dropdown-menu" role="menu">
		1389	<li>
		1390	<a href="#tab_reversed_1_3" tabindex="-1" data-toggle="tab">
		1391	Option 1 </a>
		1392	</li>
		1393	<li>
		1394	<a href="#tab_reversed_1_4" tabindex="-1" data-toggle="tab">
		1395	Option 2 </a>
		1396	</li>
		1397	<li>
		1398	<a href="#tab_reversed_1_3" tabindex="-1" data-toggle="tab">
		1399	Option 3 </a>
		1400	</li>
		1401	<li>
		1402	<a href="#tab_reversed_1_4" tabindex="-1" data-toggle="tab">
		1403	Option 4 </a>
		1404	</li>
		1405	</ul>
		1406	</li>
		1407	</ul>
		1408	<div class="tab-content">
		1409	<div class="tab-pane fade active in" id="tab_reversed_1_1">
		1410	<p>
		1411	Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
		1412	</p>
		1413	</div>
		1414	<div class="tab-pane fade" id="tab_reversed_1_2">
		1415	<p>
		1416	Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
		1417	</p>
		1418	</div>
		1419	<div class="tab-pane fade" id="tab_reversed_1_3">
		1420	<p>
		1421	Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
		1422	</p>
		1423	</div>
		1424	<div class="tab-pane fade" id="tab_reversed_1_4">
		1425	<p>
		1426	Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.
		1427	</p>
		1428	</div>
		1429	</div>
		1430	</div>
		1431	</div>
		1432	<div class="portlet light">
		1433	<div class="portlet-title">
		1434	<div class="caption">
		1435	<i class="fa fa-cogs font-green-sharp"></i>
		1436	<span class="caption-subject font-green-sharp bold uppercase">Default Pills</span>
		1437	</div>
		1438	<div class="tools">
		1439	<a href="javascript:;" class="collapse">
		1440	</a>
		1441	<a href="#portlet-config" data-toggle="modal" class="config">
		1442	</a>
		1443	</div>
		1444	</div>
		1445	<div class="portlet-body">
		1446	<ul class="nav nav-pills">
		1447	<li class="active">
		1448	<a href="#tab_2_1" data-toggle="tab">
		1449	Home </a>
		1450	</li>
		1451	<li>
		1452	<a href="#tab_2_2" data-toggle="tab">
		1453	Profile </a>
		1454	</li>
		1455	<li class="dropdown">
		1456	<a href="javascript:;" id="myTabDrop1" class="dropdown-toggle" data-toggle="dropdown">
		1457	Dropdown <i class="fa fa-angle-down"></i>
		1458	</a>
		1459	<ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">
		1460	<li>
		1461	<a href="#tab_2_3" tabindex="-1" data-toggle="tab">
		1462	Option 1 </a>
		1463	</li>
		1464	<li>
		1465	<a href="#tab_2_4" tabindex="-1" data-toggle="tab">
		1466	Option 2 </a>
		1467	</li>
		1468	<li>
		1469	<a href="#tab_2_3" tabindex="-1" data-toggle="tab">
		1470	Option 3 </a>
		1471	</li>
		1472	<li>
		1473	<a href="#tab_2_4" tabindex="-1" data-toggle="tab">
		1474	Option 4 </a>
		1475	</li>
		1476	</ul>
		1477	</li>
		1478	</ul>
		1479	<div class="tab-content">
		1480	<div class="tab-pane fade active in" id="tab_2_1">
		1481	<p>
		1482	Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
		1483	</p>
		1484	</div>
		1485	<div class="tab-pane fade" id="tab_2_2">
		1486	<p>
		1487	Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
		1488	</p>
		1489	</div>
		1490	<div class="tab-pane fade" id="tab_2_3">
		1491	<p>
		1492	Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
		1493	</p>
		1494	</div>
		1495	<div class="tab-pane fade" id="tab_2_4">
		1496	<p>
		1497	Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.
		1498	</p>
		1499	</div>
		1500	</div>
		1501	</div>
		1502	</div>
		1503	<div class="portlet light">
		1504	<div class="portlet-title">
		1505	<div class="caption">
		1506	<i class="fa fa-cogs font-green-sharp"></i>
		1507	<span class="caption-subject font-green-sharp bold uppercase">Below Tabs</span>
		1508	</div>
		1509	<div class="tools">
		1510	<a href="javascript:;" class="collapse">
		1511	</a>
		1512	<a href="#portlet-config" data-toggle="modal" class="config">
		1513	</a>
		1514	</div>
		1515	</div>
		1516	<div class="portlet-body tabs-below">
		1517	<div class="tab-content">
		1518	<div class="tab-pane active" id="tab_3_1">
		1519	<p>
		1520	Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
		1521	</p>
		1522	</div>
		1523	<div class="tab-pane fade" id="tab_3_2">
		1524	<p>
		1525	Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
		1526	</p>
		1527	</div>
		1528	<div class="tab-pane fade" id="tab_3_3">
		1529	<p>
		1530	Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
		1531	</p>
		1532	</div>
		1533	<div class="tab-pane fade" id="tab_3_4">
		1534	<p>
		1535	Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.
		1536	</p>
		1537	</div>
		1538	</div>
		1539	<ul class="nav nav-tabs">
		1540	<li class="active">
		1541	<a href="#tab_3_1" data-toggle="tab">
		1542	Home </a>
		1543	</li>
		1544	<li>
		1545	<a href="#tab_3_2" data-toggle="tab">
		1546	Profile </a>
		1547	</li>
		1548	<li class="dropdown dropup">
		1549	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
		1550	Dropdown <i class="fa fa-angle-up"></i>
		1551	</a>
		1552	<ul class="dropdown-menu" role="menu">
		1553	<li>
		1554	<a href="#tab_3_3" tabindex="-1" data-toggle="tab">
		1555	Option 1 </a>
		1556	</li>
		1557	<li>
		1558	<a href="#tab_3_4" tabindex="-1" data-toggle="tab">
		1559	Option 2 </a>
		1560	</li>
		1561	<li>
		1562	<a href="#tab_3_3" tabindex="-1" data-toggle="tab">
		1563	Option 3 </a>
		1564	</li>
		1565	<li>
		1566	<a href="#tab_3_4" tabindex="-1" data-toggle="tab">
		1567	Option 4 </a>
		1568	</li>
		1569	</ul>
		1570	</li>
		1571	</ul>
		1572	</div>
		1573	</div>
		1574	<div class="portlet light">
		1575	<div class="portlet-title">
		1576	<div class="caption">
		1577	<i class="fa fa-cogs font-green-sharp"></i>
		1578	<span class="caption-subject font-green-sharp bold uppercase">Below Pills</span>
		1579	</div>
		1580	<div class="tools">
		1581	<a href="javascript:;" class="collapse">
		1582	</a>
		1583	<a href="#portlet-config" data-toggle="modal" class="config">
		1584	</a>
		1585	</div>
		1586	</div>
		1587	<div class="portlet-body tabs-below">
		1588	<div class="tab-content">
		1589	<div class="tab-pane active" id="tab_4_1">
		1590	<p>
		1591	Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
		1592	</p>
		1593	</div>
		1594	<div class="tab-pane fade" id="tab_4_2">
		1595	<p>
		1596	Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
		1597	</p>
		1598	</div>
		1599	<div class="tab-pane fade" id="tab_4_3">
		1600	<p>
		1601	Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
		1602	</p>
		1603	</div>
		1604	<div class="tab-pane fade" id="tab_4_4">
		1605	<p>
		1606	Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.
		1607	</p>
		1608	</div>
		1609	</div>
		1610	<ul class="nav nav-pills">
		1611	<li class="active">
		1612	<a href="#tab_4_1" data-toggle="tab">
		1613	Home </a>
		1614	</li>
		1615	<li>
		1616	<a href="#tab_4_2" data-toggle="tab">
		1617	Profile </a>
		1618	</li>
		1619	<li class="dropdown dropup">
		1620	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
		1621	Dropdown <i class="fa fa-angle-up"></i>
		1622	</a>
		1623	<ul class="dropdown-menu" role="menu">
		1624	<li>
		1625	<a href="#tab_4_3" tabindex="-1" data-toggle="tab">
		1626	Option 1 </a>
		1627	</li>
		1628	<li>
		1629	<a href="#tab_4_4" tabindex="-1" data-toggle="tab">
		1630	Option 2 </a>
		1631	</li>
		1632	<li>
		1633	<a href="#tab_4_3" tabindex="-1" data-toggle="tab">
		1634	Option 3 </a>
		1635	</li>
		1636	<li>
		1637	<a href="#tab_4_4" tabindex="-1" data-toggle="tab">
		1638	Option 4 </a>
		1639	</li>
		1640	</ul>
		1641	</li>
		1642	</ul>
		1643	</div>
		1644	</div>
		1645	<div class="portlet light">
		1646	<div class="portlet-title">
		1647	<div class="caption">
		1648	<i class="fa fa-cogs font-green-sharp"></i>
		1649	<span class="caption-subject font-green-sharp bold uppercase">Left Tabs</span>
		1650	</div>
		1651	<div class="tools">
		1652	<a href="javascript:;" class="collapse">
		1653	</a>
		1654	<a href="#portlet-config" data-toggle="modal" class="config">
		1655	</a>
		1656	</div>
		1657	</div>
		1658	<div class="portlet-body">
		1659	<div class="tabbable tabs-left">
		1660	<ul class="nav nav-tabs">
		1661	<li class="active">
		1662	<a href="#tab_6_1" data-toggle="tab">
		1663	Home </a>
		1664	</li>
		1665	<li>
		1666	<a href="#tab_6_2" data-toggle="tab">
		1667	Profile </a>
		1668	</li>
		1669	<li class="dropdown">
		1670	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
		1671	Dropdown <i class="fa fa-angle-down"></i>
		1672	</a>
		1673	<ul class="dropdown-menu" role="menu">
		1674	<li>
		1675	<a href="#tab_6_3" tabindex="-1" data-toggle="tab">
		1676	Option 1 </a>
		1677	</li>
		1678	<li>
		1679	<a href="#tab_6_4" tabindex="-1" data-toggle="tab">
		1680	Option 2 </a>
		1681	</li>
		1682	<li>
		1683	<a href="#tab_6_3" tabindex="-1" data-toggle="tab">
		1684	Option 3 </a>
		1685	</li>
		1686	<li>
		1687	<a href="#tab_6_4" tabindex="-1" data-toggle="tab">
		1688	Option 4 </a>
		1689	</li>
		1690	</ul>
		1691	</li>
		1692	<li>
		1693	<a href="#tab_6_1" data-toggle="tab">
		1694	Settings </a>
		1695	</li>
		1696	<li>
		1697	<a href="#tab_6_1" data-toggle="tab">
		1698	More </a>
		1699	</li>
		1700	</ul>
		1701	<div class="tab-content">
		1702	<div class="tab-pane active" id="tab_6_1">
		1703	<div class="alert alert-danger">
		1704	Test
		1705	</div>
		1706	<p>
		1707	Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
		1708	</p>
		1709	</div>
		1710	<div class="tab-pane fade" id="tab_6_2">
		1711	<p>
		1712	Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
		1713	</p>
		1714	</div>
		1715	<div class="tab-pane fade" id="tab_6_3">
		1716	<p>
		1717	Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
		1718	</p>
		1719	</div>
		1720	<div class="tab-pane fade" id="tab_6_4">
		1721	<p>
		1722	Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.
		1723	</p>
		1724	</div>
		1725	</div>
		1726	</div>
		1727	</div>
		1728	</div>
		1729	<div class="portlet light">
		1730	<div class="portlet-title">
		1731	<div class="caption">
		1732	<i class="fa fa-cogs font-green-sharp"></i>
		1733	<span class="caption-subject font-green-sharp bold uppercase">Right Tabs</span>
		1734	</div>
		1735	<div class="tools">
		1736	<a href="javascript:;" class="collapse">
		1737	</a>
		1738	<a href="#portlet-config" data-toggle="modal" class="config">
		1739	</a>
		1740	</div>
		1741	</div>
		1742	<div class="portlet-body">
		1743	<div class="tabbable tabs-right">
		1744	<ul class="nav nav-tabs">
		1745	<li class="active">
		1746	<a href="#tab_7_1" data-toggle="tab">
		1747	Home </a>
		1748	</li>
		1749	<li>
		1750	<a href="#tab_7_2" data-toggle="tab">
		1751	Profile </a>
		1752	</li>
		1753	<li class="dropdown">
		1754	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
		1755	Dropdown <i class="fa fa-angle-down"></i>
		1756	</a>
		1757	<ul class="dropdown-menu" role="menu">
		1758	<li>
		1759	<a href="#tab_7_3" tabindex="-1" data-toggle="tab">
		1760	Option 1 </a>
		1761	</li>
		1762	<li>
		1763	<a href="#tab_7_4" tabindex="-1" data-toggle="tab">
		1764	Option 2 </a>
		1765	</li>
		1766	<li>
		1767	<a href="#tab_7_3" tabindex="-1" data-toggle="tab">
		1768	Option 3 </a>
		1769	</li>
		1770	<li>
		1771	<a href="#tab_7_4" tabindex="-1" data-toggle="tab">
		1772	Option 4 </a>
		1773	</li>
		1774	</ul>
		1775	</li>
		1776	<li>
		1777	<a href="#tab_7_1" data-toggle="tab">
		1778	Settings </a>
		1779	</li>
		1780	<li>
		1781	<a href="#tab_7_1" data-toggle="tab">
		1782	More </a>
		1783	</li>
		1784	</ul>
		1785	<div class="tab-content">
		1786	<div class="tab-pane active" id="tab_7_1">
		1787	<p>
		1788	Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
		1789	</p>
		1790	</div>
		1791	<div class="tab-pane fade" id="tab_7_2">
		1792	<p>
		1793	Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
		1794	</p>
		1795	</div>
		1796	<div class="tab-pane fade" id="tab_7_3">
		1797	<p>
		1798	Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
		1799	</p>
		1800	</div>
		1801	<div class="tab-pane fade" id="tab_7_4">
		1802	<p>
		1803	Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.
		1804	</p>
		1805	</div>
		1806	</div>
		1807	</div>
		1808	</div>
		1809	</div>
		1810	<div class="portlet light">
		1811	<div class="portlet-title">
		1812	<div class="caption">
		1813	<i class="fa fa-cogs font-green-sharp"></i>
		1814	<span class="caption-subject font-green-sharp bold uppercase">Styled Tabs</span>
		1815	</div>
		1816	<div class="tools">
		1817	<a href="javascript:;" class="collapse">
		1818	</a>
		1819	<a href="#portlet-config" data-toggle="modal" class="config">
		1820	</a>
		1821	</div>
		1822	</div>
		1823	<div class="portlet-body">
		1824	<h3>Default Tab</h3>
		1825	<div class="tabbable-line">
		1826	<ul class="nav nav-tabs ">
		1827	<li class="active">
		1828	<a href="#tab_15_1" data-toggle="tab">
		1829	Section 1 </a>
		1830	</li>
		1831	<li>
		1832	<a href="#tab_15_2" data-toggle="tab">
		1833	Section 2 </a>
		1834	</li>
		1835	<li>
		1836	<a href="#tab_15_3" data-toggle="tab">
		1837	Section 3 </a>
		1838	</li>
		1839	</ul>
		1840	<div class="tab-content">
		1841	<div class="tab-pane active" id="tab_15_1">
		1842	<p>
		1843	I'm in Section 1.
		1844	</p>
		1845	<p>
		1846	Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.
		1847	</p>
		1848	</div>
		1849	<div class="tab-pane" id="tab_15_2">
		1850	<p>
		1851	Howdy, I'm in Section 2.
		1852	</p>
		1853	<p>
		1854	Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat. Ut wisi enim ad minim veniam, quis nostrud exerci tation.
		1855	</p>
		1856	<p>
		1857	<a class="btn green" href="ui_tabs_accordions_navs.html#tab_15_2" target="_blank">
		1858	Activate this tab via URL </a>
		1859	</p>
		1860	</div>
		1861	<div class="tab-pane" id="tab_15_3">
		1862	<p>
		1863	Howdy, I'm in Section 3.
		1864	</p>
		1865	<p>
		1866	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat
		1867	</p>
		1868	<p>
		1869	<a class="btn yellow" href="ui_tabs_accordions_navs.html#tab_15_3" target="_blank">
		1870	Activate this tab via URL </a>
		1871	</p>
		1872	</div>
		1873	</div>
		1874	</div>
		1875	<h3>Below Tab</h3>
		1876	<div class="tabbable-line tabs-below">
		1877	<div class="tab-content">
		1878	<div class="tab-pane active" id="tab_16_2_1">
		1879	<p>
		1880	I'm in Section 1.
		1881	</p>
		1882	<p>
		1883	Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.
		1884	</p>
		1885	<p>
		1886	Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat dolor in hendrerit in vulputate velit esse molestie consequat.
		1887	</p>
		1888	</div>
		1889	<div class="tab-pane" id="tab_16_2_2">
		1890	<p>
		1891	Howdy, I'm in Section 2.
		1892	</p>
		1893	<p>
		1894	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.
		1895	</p>
		1896	<p>
		1897	<a class="btn yellow" href="ui_tabs_accordions_navs.html#tab_16_2_2" target="_blank">
		1898	Activate this tab via URL </a>
		1899	</p>
		1900	</div>
		1901	<div class="tab-pane" id="tab_16_2_3">
		1902	<p>
		1903	Howdy, I'm in Section 3.
		1904	</p>
		1905	<p>
		1906	Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate.
		1907	</p>
		1908	<p>
		1909	<a class="btn purple" href="ui_tabs_accordions_navs.html#tab_16_2_3" target="_blank">
		1910	Activate this tab via URL </a>
		1911	</p>
		1912	</div>
		1913	</div>
		1914	<ul class="nav nav-tabs">
		1915	<li class="active">
		1916	<a href="#tab_16_2_1" data-toggle="tab">
		1917	Section 1 </a>
		1918	</li>
		1919	<li>
		1920	<a href="#tab_16_2_2" data-toggle="tab">
		1921	Section 2 </a>
		1922	</li>
		1923	<li>
		1924	<a href="#tab_16_2_3" data-toggle="tab">
		1925	Section 3 </a>
		1926	</li>
		1927	</ul>
		1928	</div>
		1929	</div>
		1930	</div>
		1931	<div class="portlet light">
		1932	<div class="portlet-title">
		1933	<div class="caption">
		1934	<i class="fa fa-cogs font-green-sharp"></i>
		1935	<span class="caption-subject font-green-sharp bold uppercase">Styled Tabs #2</span>
		1936	</div>
		1937	<div class="tools">
		1938	<a href="javascript:;" class="collapse">
		1939	</a>
		1940	<a href="#portlet-config" data-toggle="modal" class="config">
		1941	</a>
		1942	</div>
		1943	</div>
		1944	<div class="portlet-body">
		1945	<div class="tabbable-custom ">
		1946	<ul class="nav nav-tabs ">
		1947	<li class="active">
		1948	<a href="#tab_5_1" data-toggle="tab">
		1949	Section 1 </a>
		1950	</li>
		1951	<li>
		1952	<a href="#tab_5_2" data-toggle="tab">
		1953	Section 2 </a>
		1954	</li>
		1955	<li>
		1956	<a href="#tab_5_3" data-toggle="tab">
		1957	Section 3 </a>
		1958	</li>
		1959	</ul>
		1960	<div class="tab-content">
		1961	<div class="tab-pane active" id="tab_5_1">
		1962	<p>
		1963	I'm in Section 1.
		1964	</p>
		1965	<p>
		1966	Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.
		1967	</p>
		1968	</div>
		1969	<div class="tab-pane" id="tab_5_2">
		1970	<p>
		1971	Howdy, I'm in Section 2.
		1972	</p>
		1973	<p>
		1974	Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat. Ut wisi enim ad minim veniam, quis nostrud exerci tation.
		1975	</p>
		1976	<p>
		1977	<a class="btn green" href="ui_tabs_accordions_navs.html#tab_5_2" target="_blank">
		1978	Activate this tab via URL </a>
		1979	</p>
		1980	</div>
		1981	<div class="tab-pane" id="tab_5_3">
		1982	<p>
		1983	Howdy, I'm in Section 3.
		1984	</p>
		1985	<p>
		1986	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat
		1987	</p>
		1988	<p>
		1989	<a class="btn yellow" href="ui_tabs_accordions_navs.html#tab_5_3" target="_blank">
		1990	Activate this tab via URL </a>
		1991	</p>
		1992	</div>
		1993	</div>
		1994	</div>
		1995	<div class="tabbable-custom tabs-below">
		1996	<div class="tab-content">
		1997	<div class="tab-pane active" id="tab_6_2_1">
		1998	<p>
		1999	I'm in Section 1.
		2000	</p>
		2001	<p>
		2002	Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.
		2003	</p>
		2004	<p>
		2005	Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat dolor in hendrerit in vulputate velit esse molestie consequat.
		2006	</p>
		2007	</div>
		2008	<div class="tab-pane" id="tab_6_2_2">
		2009	<p>
		2010	Howdy, I'm in Section 2.
		2011	</p>
		2012	<p>
		2013	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.
		2014	</p>
		2015	<p>
		2016	<a class="btn yellow" href="ui_tabs_accordions_navs.html#tab_6_2_2" target="_blank">
		2017	Activate this tab via URL </a>
		2018	</p>
		2019	</div>
		2020	<div class="tab-pane" id="tab_6_2_3">
		2021	<p>
		2022	Howdy, I'm in Section 3.
		2023	</p>
		2024	<p>
		2025	Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate.
		2026	</p>
		2027	<p>
		2028	<a class="btn purple" href="ui_tabs_accordions_navs.html#tab_6_2_3" target="_blank">
		2029	Activate this tab via URL </a>
		2030	</p>
		2031	</div>
		2032	</div>
		2033	<ul class="nav nav-tabs">
		2034	<li class="active">
		2035	<a href="#tab_6_2_1" data-toggle="tab">
		2036	Section 1 </a>
		2037	</li>
		2038	<li>
		2039	<a href="#tab_6_2_2" data-toggle="tab">
		2040	Section 2 </a>
		2041	</li>
		2042	<li>
		2043	<a href="#tab_6_2_3" data-toggle="tab">
		2044	Section 3 </a>
		2045	</li>
		2046	</ul>
		2047	</div>
		2048	</div>
		2049	</div>
		2050	</div>
		2051	<div class="col-md-6">
		2052	<!-- BEGIN TAB PORTLET-->
		2053	<div class="portlet light">
		2054	<div class="portlet-title">
		2055	<div class="caption">
		2056	<i class="fa fa-cogs font-green-sharp"></i>
		2057	<span class="caption-subject font-green-sharp bold uppercase">Portlet Tabs</span>
		2058	</div>
		2059	<div class="tools">
		2060	<a href="javascript:;" class="collapse">
		2061	</a>
		2062	<a href="#portlet-config" data-toggle="modal" class="config">
		2063	</a>
		2064	</div>
		2065	</div>
		2066	<div class="portlet-body">
		2067	<div class=" portlet-tabs">
		2068	<ul class="nav nav-tabs">
		2069	<li>
		2070	<a href="#portlet_tab3" data-toggle="tab">
		2071	Tab 3 </a>
		2072	</li>
		2073	<li>
		2074	<a href="#portlet_tab2" data-toggle="tab">
		2075	Tab 2 </a>
		2076	</li>
		2077	<li class="active">
		2078	<a href="#portlet_tab1" data-toggle="tab">
		2079	Tab 1 </a>
		2080	</li>
		2081	</ul>
		2082	<div class="tab-content">
		2083	<div class="tab-pane active" id="portlet_tab1">
		2084	<p>
		2085	Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent.
		2086	</p>
		2087	<div class="alert alert-warning">
		2088	<p>
		2089	There is a known issue where the dropdown menu appears to be a clipping if it placed in tabbed content. By far there is no flaxible fix for this issue as per discussion here: <a target="_blank" href="https://github.com/twitter/bootstrap/issues/3661">
		2090	https://github.com/twitter/bootstrap/issues/3661 </a>
		2091	</p>
		2092	<p>
		2093	But you can check out the below dropdown menu. Don't worry it won't get chopped out by the tab content. Instead it will be opened as dropup menu
		2094	</p>
		2095	</div>
		2096	<div class="btn-group">
		2097	<a class="btn purple" href="javascript:;" data-toggle="dropdown">
		2098	<i class="fa fa-user"></i> Settings <i class="fa fa-angle-down"></i>
		2099	</a>
		2100	<ul class="dropdown-menu bottom-up">
		2101	<li>
		2102	<a href="javascript:;">
		2103	<i class="fa fa-plus"></i> Add </a>
		2104	</li>
		2105	<li>
		2106	<a href="javascript:;">
		2107	<i class="fa fa-trash-o"></i> Edit </a>
		2108	</li>
		2109	<li>
		2110	<a href="javascript:;">
		2111	<i class="fa fa-times"></i> Delete </a>
		2112	</li>
		2113	<li class="divider">
		2114	</li>
		2115	<li>
		2116	<a href="javascript:;">
		2117	<i class="i"></i> Full Settings </a>
		2118	</li>
		2119	</ul>
		2120	</div>
		2121	</div>
		2122	<div class="tab-pane" id="portlet_tab2">
		2123	<p>
		2124	Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo.
		2125	</p>
		2126	<p>
		2127	<a class="btn red" href="ui_tabs_accordions_navs.html#portlet_tab2" target="_blank">
		2128	Activate this tab via URL </a>
		2129	</p>
		2130	</div>
		2131	<div class="tab-pane" id="portlet_tab3">
		2132	<p>
		2133	Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
		2134	</p>
		2135	<p>
		2136	<a class="btn blue" href="ui_tabs_accordions_navs.html#portlet_tab3" target="_blank">
		2137	Activate this tab via URL </a>
		2138	</p>
		2139	</div>
		2140	</div>
		2141	</div>
		2142	</div>
		2143	</div>
		2144	<!-- END TAB PORTLET-->
		2145	<!-- BEGIN TAB PORTLET-->
		2146	<div class="portlet light">
		2147	<div class="portlet-title">
		2148	<div class="caption">
		2149	<i class="fa fa-cogs font-green-sharp"></i>
		2150	<span class="caption-subject font-green-sharp bold uppercase">Portlet Tabs</span>
		2151	</div>
		2152	<div class="tools">
		2153	<a href="javascript:;" class="collapse">
		2154	</a>
		2155	<a href="#portlet-config" data-toggle="modal" class="config">
		2156	</a>
		2157	</div>
		2158	</div>
		2159	<div class="portlet-body">
		2160	<div class=" portlet-tabs">
		2161	<ul class="nav nav-tabs">
		2162	<li>
		2163	<a href="#portlet_tab2_3" data-toggle="tab">
		2164	Tab 3 </a>
		2165	</li>
		2166	<li>
		2167	<a href="#portlet_tab2_2" data-toggle="tab">
		2168	Tab 2 </a>
		2169	</li>
		2170	<li class="active">
		2171	<a href="#portlet_tab2_1" data-toggle="tab">
		2172	Tab 1 </a>
		2173	</li>
		2174	</ul>
		2175	<div class="tab-content">
		2176	<div class="tab-pane active" id="portlet_tab2_1">
		2177	<div class="alert alert-success">
		2178	Check out the below dropdown menu. It will be opened as usual since there is enough space at the bottom.
		2179	</div>
		2180	<div class="btn-group margin-bottom-10">
		2181	<a class="btn red" href="javascript:;" data-toggle="dropdown">
		2182	<i class="fa fa-user"></i> Settings <i class="fa fa-angle-down"></i>
		2183	</a>
		2184	<ul class="dropdown-menu">
		2185	<li>
		2186	<a href="javascript:;">
		2187	<i class="fa fa-plus"></i> Add </a>
		2188	</li>
		2189	<li>
		2190	<a href="javascript:;">
		2191	<i class="fa fa-trash-o"></i> Edit </a>
		2192	</li>
		2193	<li>
		2194	<a href="javascript:;">
		2195	<i class="fa fa-times"></i> Delete </a>
		2196	</li>
		2197	<li class="divider">
		2198	</li>
		2199	<li>
		2200	<a href="javascript:;">
		2201	<i class="i"></i> Full Settings </a>
		2202	</li>
		2203	</ul>
		2204	</div>
		2205	<p>
		2206	Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait.
		2207	</p>
		2208	<p>
		2209	Deros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna. consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.
		2210	</p>
		2211	</div>
		2212	<div class="tab-pane" id="portlet_tab2_2">
		2213	<p>
		2214	Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo.
		2215	</p>
		2216	<p>
		2217	<a class="btn red" href="ui_tabs_accordions_navs.html#portlet_tab2_2" target="_blank">
		2218	Activate this tab via URL </a>
		2219	</p>
		2220	</div>
		2221	<div class="tab-pane" id="portlet_tab2_3">
		2222	<p>
		2223	Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
		2224	</p>
		2225	<p>
		2226	<a class="btn purple" href="ui_tabs_accordions_navs.html#portlet_tab2_3" target="_blank">
		2227	Activate this tab via URL </a>
		2228	</p>
		2229	</div>
		2230	</div>
		2231	</div>
		2232	</div>
		2233	</div>
		2234	<!-- END TAB PORTLET-->
		2235	<!-- BEGIN ACCORDION PORTLET-->
		2236	<div class="portlet light">
		2237	<div class="portlet-title">
		2238	<div class="caption">
		2239	<i class="fa fa-cogs font-green-sharp"></i>
		2240	<span class="caption-subject font-green-sharp bold uppercase">Accordions</span>
		2241	</div>
		2242	<div class="tools">
		2243	<a href="javascript:;" class="collapse">
		2244	</a>
		2245	<a href="#portlet-config" data-toggle="modal" class="config">
		2246	</a>
		2247	</div>
		2248	</div>
		2249	<div class="portlet-body">
		2250	<div class="panel-group accordion" id="accordion1">
		2251	<div class="panel panel-default">
		2252	<div class="panel-heading">
		2253	<h4 class="panel-title">
		2254	<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapse_1">
		2255	Collapsible Group Item #1 </a>
		2256	</h4>
		2257	</div>
		2258	<div id="collapse_1" class="panel-collapse in">
		2259	<div class="panel-body">
		2260	<p>
		2261	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut.
		2262	</p>
		2263	<p>
		2264	Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
		2265	</p>
		2266	</div>
		2267	</div>
		2268	</div>
		2269	<div class="panel panel-default">
		2270	<div class="panel-heading">
		2271	<h4 class="panel-title">
		2272	<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapse_2">
		2273	Collapsible Group Item #2 </a>
		2274	</h4>
		2275	</div>
		2276	<div id="collapse_2" class="panel-collapse collapse">
		2277	<div class="panel-body" style="height:200px; overflow-y:auto;">
		2278	<p>
		2279	111111Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut.
		2280	</p>
		2281	<p>
		2282	Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
		2283	</p>
		2284	<p>
		2285	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut.
		2286	</p>
		2287	<p>
		2288	<a class="btn blue" href="ui_tabs_accordions_navs.html#collapse_2" target="_blank">
		2289	Activate this section via URL </a>
		2290	</p>
		2291	</div>
		2292	</div>
		2293	</div>
		2294	<div class="panel panel-default">
		2295	<div class="panel-heading">
		2296	<h4 class="panel-title">
		2297	<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapse_3">
		2298	Collapsible Group Item #3 </a>
		2299	</h4>
		2300	</div>
		2301	<div id="collapse_3" class="panel-collapse collapse">
		2302	<div class="panel-body">
		2303	<p>
		2304	Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.
		2305	</p>
		2306	<p>
		2307	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut.
		2308	</p>
		2309	<p>
		2310	<a class="btn green" href="ui_tabs_accordions_navs.html#collapse_3" target="_blank">
		2311	Activate this section via URL </a>
		2312	</p>
		2313	</div>
		2314	</div>
		2315	</div>
		2316	<div class="panel panel-default">
		2317	<div class="panel-heading">
		2318	<h4 class="panel-title">
		2319	<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapse_4">
		2320	Collapsible Group Item #4 </a>
		2321	</h4>
		2322	</div>
		2323	<div id="collapse_4" class="panel-collapse collapse">
		2324	<div class="panel-body">
		2325	<p>
		2326	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut.
		2327	</p>
		2328	<p>
		2329	Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.
		2330	</p>
		2331	<p>
		2332	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut.
		2333	</p>
		2334	<p>
		2335	<a class="btn red" href="ui_tabs_accordions_navs.html#collapse_4" target="_blank">
		2336	Activate this section via URL </a>
		2337	</p>
		2338	</div>
		2339	</div>
		2340	</div>
		2341	</div>
		2342	</div>
		2343	</div>
		2344	<!-- END ACCORDION PORTLET-->
		2345	<!-- BEGIN ACCORDION PORTLET-->
		2346	<div class="portlet light">
		2347	<div class="portlet-title">
		2348	<div class="caption">
		2349	<i class="fa fa-cogs font-green-sharp"></i>
		2350	<span class="caption-subject font-green-sharp bold uppercase">Accordions With Icons</span>
		2351	</div>
		2352	<div class="tools">
		2353	<a href="javascript:;" class="collapse">
		2354	</a>
		2355	<a href="#portlet-config" data-toggle="modal" class="config">
		2356	</a>
		2357	</div>
		2358	</div>
		2359	<div class="portlet-body">
		2360	<div class="panel-group accordion" id="accordion3">
		2361	<div class="panel panel-default">
		2362	<div class="panel-heading">
		2363	<h4 class="panel-title">
		2364	<a class="accordion-toggle accordion-toggle-styled" data-toggle="collapse" data-parent="#accordion3" href="#collapse_3_1">
		2365	Collapsible Group Item #1 </a>
		2366	</h4>
		2367	</div>
		2368	<div id="collapse_3_1" class="panel-collapse in">
		2369	<div class="panel-body">
		2370	<p>
		2371	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut.
		2372	</p>
		2373	<p>
		2374	Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
		2375	</p>
		2376	</div>
		2377	</div>
		2378	</div>
		2379	<div class="panel panel-default">
		2380	<div class="panel-heading">
		2381	<h4 class="panel-title">
		2382	<a class="accordion-toggle accordion-toggle-styled collapsed" data-toggle="collapse" data-parent="#accordion3" href="#collapse_3_2">
		2383	Collapsible Group Item #2 </a>
		2384	</h4>
		2385	</div>
		2386	<div id="collapse_3_2" class="panel-collapse collapse">
		2387	<div class="panel-body" style="height:200px; overflow-y:auto;">
		2388	<p>
		2389	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut.
		2390	</p>
		2391	<p>
		2392	Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
		2393	</p>
		2394	<p>
		2395	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut.
		2396	</p>
		2397	<p>
		2398	<a class="btn blue" href="ui_tabs_accordions_navs.html#collapse_3_2" target="_blank">
		2399	Activate this section via URL </a>
		2400	</p>
		2401	</div>
		2402	</div>
		2403	</div>
		2404	<div class="panel panel-default">
		2405	<div class="panel-heading">
		2406	<h4 class="panel-title">
		2407	<a class="accordion-toggle accordion-toggle-styled collapsed" data-toggle="collapse" data-parent="#accordion3" href="#collapse_3_3">
		2408	Collapsible Group Item #3 </a>
		2409	</h4>
		2410	</div>
		2411	<div id="collapse_3_3" class="panel-collapse collapse">
		2412	<div class="panel-body">
		2413	<p>
		2414	Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.
		2415	</p>
		2416	<p>
		2417	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut.
		2418	</p>
		2419	<p>
		2420	<a class="btn green" href="ui_tabs_accordions_navs.html#collapse_3_3" target="_blank">
		2421	Activate this section via URL </a>
		2422	</p>
		2423	</div>
		2424	</div>
		2425	</div>
		2426	<div class="panel panel-default">
		2427	<div class="panel-heading">
		2428	<h4 class="panel-title">
		2429	<a class="accordion-toggle accordion-toggle-styled collapsed" data-toggle="collapse" data-parent="#accordion3" href="#collapse_3_4">
		2430	Collapsible Group Item #4 </a>
		2431	</h4>
		2432	</div>
		2433	<div id="collapse_3_4" class="panel-collapse collapse">
		2434	<div class="panel-body">
		2435	<p>
		2436	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut.
		2437	</p>
		2438	<p>
		2439	Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.
		2440	</p>
		2441	<p>
		2442	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut.
		2443	</p>
		2444	<p>
		2445	<a class="btn red" href="ui_tabs_accordions_navs.html#collapse_3_4" target="_blank">
		2446	Activate this section via URL </a>
		2447	</p>
		2448	</div>
		2449	</div>
		2450	</div>
		2451	</div>
		2452	</div>
		2453	</div>
		2454	<!-- END ACCORDION PORTLET-->
		2455	<!-- BEGIN ACCORDION PORTLET-->
		2456	<div class="portlet light">
		2457	<div class="portlet-title">
		2458	<div class="caption">
		2459	<i class="fa fa-cogs font-green-sharp"></i>
		2460	<span class="caption-subject font-green-sharp bold uppercase">Scrollable Accordions</span>
		2461	</div>
		2462	<div class="tools">
		2463	<a href="javascript:;" class="collapse">
		2464	</a>
		2465	<a href="#portlet-config" data-toggle="modal" class="config">
		2466	</a>
		2467	</div>
		2468	</div>
		2469	<div class="portlet-body">
		2470	<div class="panel-group accordion scrollable" id="accordion2">
		2471	<div class="panel panel-default">
		2472	<div class="panel-heading">
		2473	<h4 class="panel-title">
		2474	<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse_2_1">
		2475	Collapsible Group Item #1 </a>
		2476	</h4>
		2477	</div>
		2478	<div id="collapse_2_1" class="panel-collapse in">
		2479	<div class="panel-body">
		2480	<p>
		2481	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut.
		2482	</p>
		2483	<p>
		2484	Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
		2485	</p>
		2486	</div>
		2487	</div>
		2488	</div>
		2489	<div class="panel panel-default">
		2490	<div class="panel-heading">
		2491	<h4 class="panel-title">
		2492	<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse_2_2">
		2493	Collapsible Group Item #2 </a>
		2494	</h4>
		2495	</div>
		2496	<div id="collapse_2_2" class="panel-collapse collapse">
		2497	<div class="panel-body">
		2498	<p>
		2499	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut.
		2500	</p>
		2501	<p>
		2502	Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
		2503	</p>
		2504	<p>
		2505	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut.
		2506	</p>
		2507	<p>
		2508	<a class="btn blue" href="ui_tabs_accordions_navs.html#collapse_2_2" target="_blank">
		2509	Activate this section via URL </a>
		2510	</p>
		2511	</div>
		2512	</div>
		2513	</div>
		2514	<div class="panel panel-default">
		2515	<div class="panel-heading">
		2516	<h4 class="panel-title">
		2517	<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse_2_3">
		2518	Collapsible Group Item #3 </a>
		2519	</h4>
		2520	</div>
		2521	<div id="collapse_2_3" class="panel-collapse collapse">
		2522	<div class="panel-body">
		2523	<p>
		2524	Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.
		2525	</p>
		2526	<p>
		2527	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut.
		2528	</p>
		2529	<p>
		2530	<a class="btn green" href="ui_tabs_accordions_navs.html#collapse_2_3" target="_blank">
		2531	Activate this section via URL </a>
		2532	</p>
		2533	</div>
		2534	</div>
		2535	</div>
		2536	<div class="panel panel-default">
		2537	<div class="panel-heading">
		2538	<h4 class="panel-title">
		2539	<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse_2_4">
		2540	Collapsible Group Item #4 </a>
		2541	</h4>
		2542	</div>
		2543	<div id="collapse_2_4" class="panel-collapse collapse">
		2544	<div class="panel-body">
		2545	<p>
		2546	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut.
		2547	</p>
		2548	<p>
		2549	Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor.
		2550	</p>
		2551	<p>
		2552	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut.
		2553	</p>
		2554	<p>
		2555	<a class="btn red" href="ui_tabs_accordions_navs.html#collapse_2_4" target="_blank">
		2556	Activate this section via URL </a>
		2557	</p>
		2558	</div>
		2559	</div>
		2560	</div>
		2561	</div>
		2562	</div>
		2563	</div>
		2564	<!-- END ACCORDION PORTLET-->
		2565	<div class="portlet light">
		2566	<div class="portlet-title">
		2567	<div class="caption">
		2568	<i class="fa fa-cogs font-green-sharp"></i>
		2569	<span class="caption-subject font-green-sharp bold uppercase">Styled Tabs(justified)</span>
		2570	</div>
		2571	<div class="tools">
		2572	<a href="javascript:;" class="collapse">
		2573	</a>
		2574	<a href="#portlet-config" data-toggle="modal" class="config">
		2575	</a>
		2576	</div>
		2577	</div>
		2578	<div class="portlet-body">
		2579	<div class="tabbable-custom nav-justified">
		2580	<ul class="nav nav-tabs nav-justified">
		2581	<li class="active">
		2582	<a href="#tab_1_1_1" data-toggle="tab">
		2583	Section 1 </a>
		2584	</li>
		2585	<li>
		2586	<a href="#tab_1_1_2" data-toggle="tab">
		2587	Section 2 </a>
		2588	</li>
		2589	<li>
		2590	<a href="#tab_1_1_3" data-toggle="tab">
		2591	Section 3 </a>
		2592	</li>
		2593	</ul>
		2594	<div class="tab-content">
		2595	<div class="tab-pane active" id="tab_1_1_1">
		2596	<p>
		2597	I'm in Section 1.
		2598	</p>
		2599	<p>
		2600	Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.
		2601	</p>
		2602	</div>
		2603	<div class="tab-pane" id="tab_1_1_2">
		2604	<p>
		2605	Howdy, I'm in Section 2.
		2606	</p>
		2607	<p>
		2608	Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat. Ut wisi enim ad minim veniam, quis nostrud exerci tation.
		2609	</p>
		2610	<p>
		2611	<a class="btn green" href="ui_tabs_accordions_navs.html#tab_1_1_2" target="_blank">
		2612	Activate this tab via URL </a>
		2613	</p>
		2614	</div>
		2615	<div class="tab-pane" id="tab_1_1_3">
		2616	<p>
		2617	Howdy, I'm in Section 3.
		2618	</p>
		2619	<p>
		2620	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat
		2621	</p>
		2622	<p>
		2623	<a class="btn yellow" href="ui_tabs_accordions_navs.html#tab_1_1_3" target="_blank">
		2624	Activate this tab via URL </a>
		2625	</p>
		2626	</div>
		2627	</div>
		2628	</div>
		2629	<div class="tabbable-custom tabs-below nav-justified">
		2630	<div class="tab-content">
		2631	<div class="tab-pane active" id="tab_17_1">
		2632	<p>
		2633	I'm in Section 1.
		2634	</p>
		2635	<p>
		2636	Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.
		2637	</p>
		2638	<p>
		2639	Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat dolor in hendrerit in vulputate velit esse molestie consequat.
		2640	</p>
		2641	</div>
		2642	<div class="tab-pane" id="tab_17_2">
		2643	<p>
		2644	Howdy, I'm in Section 2.
		2645	</p>
		2646	<p>
		2647	Duis autem vel eum iriure dolor in hendrerit in vulputate. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.
		2648	</p>
		2649	<p>
		2650	<a class="btn yellow" href="ui_tabs_accordions_navs.html#tab_17_2" target="_blank">
		2651	Activate this tab via URL </a>
		2652	</p>
		2653	</div>
		2654	<div class="tab-pane" id="tab_17_3">
		2655	<p>
		2656	Howdy, I'm in Section 3.
		2657	</p>
		2658	<p>
		2659	Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate.
		2660	</p>
		2661	<p>
		2662	<a class="btn purple" href="ui_tabs_accordions_navs.html#tab_17_3" target="_blank">
		2663	Activate this tab via URL </a>
		2664	</p>
		2665	</div>
		2666	</div>
		2667	<ul class="nav nav-tabs nav-justified">
		2668	<li class="active">
		2669	<a href="#tab_17_1" data-toggle="tab">
		2670	Section 1 </a>
		2671	</li>
		2672	<li>
		2673	<a href="#tab_17_2" data-toggle="tab">
		2674	Section 2 </a>
		2675	</li>
		2676	<li>
		2677	<a href="#tab_17_3" data-toggle="tab">
		2678	Section 3 </a>
		2679	</li>
		2680	</ul>
		2681	</div>
		2682	</div>
		2683	</div>
		2684	</div>
		2685	</div>
		2686	<div class="row">
		2687	<div class="col-md-12">
		2688	<div class="portlet light">
		2689	<div class="portlet-title">
		2690	<div class="caption">
		2691	<i class="fa fa-cogs font-green-sharp"></i>
		2692	<span class="caption-subject font-green-sharp bold uppercase">Navbar</span>
		2693	</div>
		2694	<div class="tools">
		2695	<a href="javascript:;" class="collapse">
		2696	</a>
		2697	<a href="#portlet-config" data-toggle="modal" class="config">
		2698	</a>
		2699	</div>
		2700	</div>
		2701	<div class="portlet-body">
		2702	<div class="navbar navbar-default" role="navigation">
		2703	<!-- Brand and toggle get grouped for better mobile display -->
		2704	<div class="navbar-header">
		2705	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
		2706	<span class="sr-only">
		2707	Toggle navigation </span>
		2708	<span class="icon-bar">
		2709	</span>
		2710	<span class="icon-bar">
		2711	</span>
		2712	<span class="icon-bar">
		2713	</span>
		2714	</button>
		2715	<a class="navbar-brand" href="javascript:;">
		2716	Brand </a>
		2717	</div>
		2718	<!-- Collect the nav links, forms, and other content for toggling -->
		2719	<div class="collapse navbar-collapse navbar-ex1-collapse">
		2720	<ul class="nav navbar-nav">
		2721	<li class="active">
		2722	<a href="javascript:;">
		2723	Link </a>
		2724	</li>
		2725	<li>
		2726	<a href="javascript:;">
		2727	Link </a>
		2728	</li>
		2729	<li class="dropdown">
		2730	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
		2731	Dropdown <i class="fa fa-angle-down"></i>
		2732	</a>
		2733	<ul class="dropdown-menu">
		2734	<li>
		2735	<a href="javascript:;">
		2736	Action </a>
		2737	</li>
		2738	<li>
		2739	<a href="javascript:;">
		2740	Another action </a>
		2741	</li>
		2742	<li>
		2743	<a href="javascript:;">
		2744	Something else here </a>
		2745	</li>
		2746	<li>
		2747	<a href="javascript:;">
		2748	Separated link </a>
		2749	</li>
		2750	<li>
		2751	<a href="javascript:;">
		2752	One more separated link </a>
		2753	</li>
		2754	</ul>
		2755	</li>
		2756	</ul>
		2757	<form class="navbar-form navbar-left" role="search">
		2758	<div class="form-group">
		2759	<input type="text" class="form-control" placeholder="Search">
		2760	</div>
		2761	<button type="submit" class="btn blue">Submit</button>
		2762	</form>
		2763	<ul class="nav navbar-nav navbar-right">
		2764	<li>
		2765	<a href="javascript:;">
		2766	Link </a>
		2767	</li>
		2768	<li class="dropdown">
		2769	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
		2770	Dropdown <i class="fa fa-angle-down"></i>
		2771	</a>
		2772	<ul class="dropdown-menu">
		2773	<li>
		2774	<a href="javascript:;">
		2775	Action </a>
		2776	</li>
		2777	<li>
		2778	<a href="javascript:;">
		2779	Another action </a>
		2780	</li>
		2781	<li>
		2782	<a href="javascript:;">
		2783	Something else here </a>
		2784	</li>
		2785	<li>
		2786	<a href="javascript:;">
		2787	Separated link </a>
		2788	</li>
		2789	</ul>
		2790	</li>
		2791	</ul>
		2792	</div>
		2793	<!-- /.navbar-collapse -->
		2794	</div>
		2795	<h4>Home</h4>
		2796	<p>
		2797	Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
		2798	</p>
		2799	</div>
		2800	</div>
		2801	<div class="portlet light">
		2802	<div class="portlet-title">
		2803	<div class="caption">
		2804	<i class="fa fa-cogs font-green-sharp"></i>
		2805	<span class="caption-subject font-green-sharp bold uppercase">Scroll Spy</span>
		2806	</div>
		2807	<div class="tools">
		2808	<a href="javascript:;" class="collapse">
		2809	</a>
		2810	<a href="#portlet-config" data-toggle="modal" class="config">
		2811	</a>
		2812	</div>
		2813	</div>
		2814	<div class="portlet-body">
		2815	<div id="navbar-example2" class="navbar navbar-default navbar-static" role="navigation">
		2816	<div class="navbar-header">
		2817	<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-js-navbar-scrollspy">
		2818	<span class="sr-only">
		2819	Toggle navigation </span>
		2820	<span class="icon-bar">
		2821	</span>
		2822	<span class="icon-bar">
		2823	</span>
		2824	<span class="icon-bar">
		2825	</span>
		2826	</button>
		2827	<a class="navbar-brand" href="javascript:;">
		2828	Section Name </a>
		2829	</div>
		2830	<div class="collapse navbar-collapse bs-js-navbar-scrollspy">
		2831	<ul class="nav navbar-nav">
		2832	<li class="active">
		2833	<a href="#home">
		2834	Home </a>
		2835	</li>
		2836	<li>
		2837	<a href="#profile">
		2838	Profile </a>
		2839	</li>
		2840	<li class="dropdown">
		2841	<a href="javascript:;" id="navbarDrop1" class="dropdown-toggle" data-toggle="dropdown">
		2842	Options <i class="fa fa-angle-down"></i>
		2843	</a>
		2844	<ul class="dropdown-menu" role="menu" aria-labelledby="navbarDrop1">
		2845	<li>
		2846	<a href="#section1" tabindex="-1">
		2847	section 1 </a>
		2848	</li>
		2849	<li>
		2850	<a href="#section2" tabindex="-1">
		2851	section 2 </a>
		2852	</li>
		2853	<li class="divider">
		2854	</li>
		2855	<li>
		2856	<a href="#section3" tabindex="-1">
		2857	section 1 </a>
		2858	</li>
		2859	</ul>
		2860	</li>
		2861	</ul>
		2862	</div>
		2863	</div>
		2864	<div data-spy="scroll" data-target="#navbar-example2" data-offset="0" class="scrollspy-example">
		2865	<h4 id="home">Home</h4>
		2866	<p>
		2867	Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
		2868	</p>
		2869	<h4 id="profile">Profile</h4>
		2870	<p>
		2871	Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 sartorial. Carles non aesthetic exercitation quis gentrify. Brooklyn adipisicing craft beer vice keytar deserunt.
		2872	</p>
		2873	<h4 id="section1">Section 1</h4>
		2874	<p>
		2875	Occaecat commodo aliqua delectus. Fap craft beer deserunt skateboard ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next level locavore single-origin coffee in magna veniam. High life id vinyl, echo park consequat quis aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi DIY minim messenger bag. Cred ex in, sustainable delectus consectetur fanny pack iphone.
		2876	</p>
		2877	<h4 id="section2">Section 2</h4>
		2878	<p>
		2879	In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.
		2880	</p>
		2881	<h4 id="section3">Section 3</h4>
		2882	<p>
		2883	Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
		2884	</p>
		2885	<p>
		2886	Keytar twee blog, culpa messenger bag marfa whatever delectus food truck. Sapiente synth id assumenda. Locavore sed helvetica cliche irony, thundercats you probably haven't heard of them consequat hoodie gluten-free lo-fi fap aliquip. Labore elit placeat before they sold out, terry richardson proident brunch nesciunt quis cosby sweater pariatur keffiyeh ut helvetica artisan. Cardigan craft beer seitan readymade velit. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco thundercats.
		2887	</p>
		2888	</div>
		2889	</div>
		2890	</div>
		2891	</div>
		2892	<!-- END PAGE CONTENT INNER -->
		2893	</div>
		2894	<!-- END PAGE CONTAINER-->
		2895	</div>
		2896	<!-- BEGIN PAGE CONTENT -->
		2897	</div>
		2898	<!-- END PAGE CONTENT -->
		2899	</div>
		2900	<!-- END PAGE CONTAINER -->
		2901	<!-- BEGIN PRE-FOOTER -->
		2902	<div class="page-prefooter">
		2903	<div class="container">
		2904	<div class="row">
		2905	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		2906	<h2>About</h2>
		2907	<p>
		2908	Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam dolore.
		2909	</p>
		2910	</div>
		2911	<div class="col-md-3 col-sm-6 col-xs12 footer-block">
		2912	<h2>Subscribe Email</h2>
		2913	<div class="subscribe-form">
		2914	<form action="javascript:;">
		2915	<div class="input-group">
		2916	<input type="text" placeholder="mail@email.com" class="form-control">
		2917	<span class="input-group-btn">
		2918	<button class="btn" type="submit">Submit</button>
		2919	</span>
		2920	</div>
		2921	</form>
		2922	</div>
		2923	</div>
		2924	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		2925	<h2>Follow Us On</h2>
		2926	<ul class="social-icons">
		2927	<li>
		2928	<a href="javascript:;" data-original-title="rss" class="rss"></a>
		2929	</li>
		2930	<li>
		2931	<a href="javascript:;" data-original-title="facebook" class="facebook"></a>
		2932	</li>
		2933	<li>
		2934	<a href="javascript:;" data-original-title="twitter" class="twitter"></a>
		2935	</li>
		2936	<li>
		2937	<a href="javascript:;" data-original-title="googleplus" class="googleplus"></a>
		2938	</li>
		2939	<li>
		2940	<a href="javascript:;" data-original-title="linkedin" class="linkedin"></a>
		2941	</li>
		2942	<li>
		2943	<a href="javascript:;" data-original-title="youtube" class="youtube"></a>
		2944	</li>
		2945	<li>
		2946	<a href="javascript:;" data-original-title="vimeo" class="vimeo"></a>
		2947	</li>
		2948	</ul>
		2949	</div>
		2950	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		2951	<h2>Contacts</h2>
		2952	<address class="margin-bottom-40">
		2953	Phone: 800 123 3456<br>
		2954	Email: <a href="mailto:info@metronic.com">info@metronic.com</a>
		2955	</address>
		2956	</div>
		2957	</div>
		2958	</div>
		2959	</div>
		2960	<!-- END PRE-FOOTER -->
		2961	<!-- BEGIN FOOTER -->
		2962	<div class="page-footer">
		2963	<div class="container">
		2964	2014 © Metronic. All Rights Reserved.
		2965	</div>
		2966	</div>
		2967	<div class="scroll-to-top">
		2968	<i class="icon-arrow-up"></i>
		2969	</div>
		2970	<!-- END FOOTER -->
		2971	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
		2972	<!-- BEGIN CORE PLUGINS -->
		2973	<!--[if lt IE 9]>
		2974	<script src="../../assets/global/plugins/respond.min.js"></script>
		2975	<script src="../../assets/global/plugins/excanvas.min.js"></script>
		2976	<![endif]-->
		2977	<script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
		2978	<script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
		2979	<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
		2980	<script src="../../assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
		2981	<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		2982	<script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
		2983	<script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		2984	<script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		2985	<script src="../../assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
		2986	<script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
		2987	<!-- END CORE PLUGINS -->
		2988	<!-- BEGIN PAGE LEVEL SCRIPTS -->
		2989	<script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>
		2990	<script src="../../assets/admin/layout3/scripts/layout.js" type="text/javascript"></script>
		2991	<script src="../../assets/admin/layout3/scripts/demo.js" type="text/javascript"></script>
		2992	<!-- END PAGE LEVEL SCRIPTS -->
		2993	<script>
		2994	jQuery(document).ready(function() {
		2995	// initiate layout and plugins
		2996	Metronic.init(); // init metronic core components
		2997	Layout.init(); // init current layout
		2998	Demo.init(); // init demo features
		2999	});
		3000	</script>
		3001	<!-- END JAVASCRIPTS -->
		3002	</body>
		3003	<!-- END BODY -->
		3004	</html>

Subversion Repositories Integrator Subversion

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