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

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 \| New Portlets #1</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 class="page-boxed page-header-fixed page-container-bg-solid page-sidebar-closed-hide-logo page-container-bg-solid page-sidebar-closed-hide-logo">
		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 ">
		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>
		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 active">
		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="active 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="active ">
		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>New Portlets #1 <small>general portlet samples</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="portlet_general2.html">Extra</a>
		1294	<i class="fa fa-circle"></i>
		1295	</li>
		1296	<li>
		1297	<a href="portlet_general2.html">Portlets</a>
		1298	<i class="fa fa-circle"></i>
		1299	</li>
		1300	<li class="active">
		1301	New Portlets #1
		1302	</li>
		1303	</ul>
		1304	<!-- END PAGE BREADCRUMB -->
		1305	<!-- BEGIN PAGE CONTENT INNER -->
		1306	<div class="note note-info note-bordered">
		1307	<p>
		1308	See <a href="ui_colors.html" target="_blank">
		1309	ui_colors.html </a>
		1310	for more colors for portlets.
		1311	</p>
		1312	</div>
		1313	<div class="row">
		1314	<div class="col-md-6">
		1315	<!-- BEGIN Portlet PORTLET-->
		1316	<div class="portlet light">
		1317	<div class="portlet-title">
		1318	<div class="caption">
		1319	<i class="icon-speech"></i>
		1320	<span class="caption-subject bold uppercase"> Portlet</span>
		1321	<span class="caption-helper">weekly stats...</span>
		1322	</div>
		1323	<div class="actions">
		1324	<a href="javascript:;" class="btn btn-circle btn-default">
		1325	<i class="fa fa-pencil"></i> Edit </a>
		1326	<a href="javascript:;" class="btn btn-circle btn-default">
		1327	<i class="fa fa-plus"></i> Add </a>
		1328	<a href="#" class="btn btn-circle btn-default btn-icon-only fullscreen"></a>
		1329	</div>
		1330	</div>
		1331	<div class="portlet-body">
		1332	<div class="scroller" style="height:200px" data-rail-visible="1" data-rail-color="yellow" data-handle-color="#a1b2bd">
		1333	<h4>Heading Text</h4>
		1334	<p>
		1335	Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
		1336	</p>
		1337	<p>
		1338	nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
		1339	</p>
		1340	</div>
		1341	</div>
		1342	</div>
		1343	<!-- END Portlet PORTLET-->
		1344	</div>
		1345	<div class="col-md-6">
		1346	<!-- BEGIN Portlet PORTLET-->
		1347	<div class="portlet light">
		1348	<div class="portlet-title">
		1349	<div class="caption font-green-sharp">
		1350	<i class="icon-share font-green-sharp"></i>
		1351	<span class="caption-subject bold uppercase"> Portlet</span>
		1352	<span class="caption-helper">monthly stats...</span>
		1353	</div>
		1354	<div class="actions">
		1355	<div class="btn-group btn-group-devided" data-toggle="buttons">
		1356	<label class="btn btn-circle btn-transparent grey-salsa active">
		1357	<input type="radio" name="options" class="toggle" id="option1">Today</label>
		1358	<label class="btn btn-circle btn-transparent grey-salsa">
		1359	<input type="radio" name="options" class="toggle" id="option2">Week</label>
		1360	<label class="btn btn-circle btn-transparent grey-salsa">
		1361	<input type="radio" name="options" class="toggle" id="option2">Month</label>
		1362	</div>
		1363	</div>
		1364	</div>
		1365	<div class="portlet-body">
		1366	<div class="scroller" style="height:200px" data-always-visible="1" data-rail-visible="1" data-rail-color="red" data-handle-color="green">
		1367	<h4>Heading Text</h4>
		1368	<p>
		1369	Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
		1370	</p>
		1371	<p>
		1372	nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
		1373	</p>
		1374	</div>
		1375	</div>
		1376	</div>
		1377	<!-- END Portlet PORTLET-->
		1378	</div>
		1379	</div>
		1380	<div class="row">
		1381	<div class="col-md-6">
		1382	<!-- BEGIN Portlet PORTLET-->
		1383	<div class="portlet light">
		1384	<div class="portlet-title">
		1385	<div class="caption font-green-sharp">
		1386	<i class="icon-speech font-green-sharp"></i>
		1387	<span class="caption-subject"> Portlet</span>
		1388	<span class="caption-helper">more samples...</span>
		1389	</div>
		1390	<div class="actions">
		1391	<div class="btn-group">
		1392	<a class="btn btn-circle btn-default " href="javascript:;" data-toggle="dropdown">
		1393	<i class="fa fa-user"></i> User <i class="fa fa-angle-down"></i>
		1394	</a>
		1395	<ul class="dropdown-menu pull-right">
		1396	<li>
		1397	<a href="javascript:;">
		1398	<i class="fa fa-pencil"></i> Edit </a>
		1399	</li>
		1400	<li>
		1401	<a href="javascript:;">
		1402	<i class="fa fa-trash-o"></i> Delete </a>
		1403	</li>
		1404	<li>
		1405	<a href="javascript:;">
		1406	<i class="fa fa-ban"></i> Ban </a>
		1407	</li>
		1408	<li class="divider">
		1409	</li>
		1410	<li>
		1411	<a href="javascript:;">
		1412	<i class="i"></i> Make admin </a>
		1413	</li>
		1414	</ul>
		1415	</div>
		1416	<a href="javascript:;" class="btn btn-circle red-sunglo ">
		1417	<i class="fa fa-plus"></i> Add </a>
		1418	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1419	<i class="icon-cloud-upload"></i>
		1420	</a>
		1421	<a href="#" class="btn btn-circle btn-default btn-icon-only fullscreen"></a>
		1422	</div>
		1423	</div>
		1424	<div class="portlet-body">
		1425	<div class="scroller" style="height:200px" data-rail-visible="1" data-rail-color="yellow" data-handle-color="#a1b2bd">
		1426	<h4>Heading Text</h4>
		1427	<p>
		1428	Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
		1429	</p>
		1430	<p>
		1431	nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
		1432	</p>
		1433	</div>
		1434	</div>
		1435	</div>
		1436	<!-- END Portlet PORTLET-->
		1437	</div>
		1438	<div class="col-md-6">
		1439	<!-- BEGIN Portlet PORTLET-->
		1440	<div class="portlet light">
		1441	<div class="portlet-title">
		1442	<div class="caption font-red-sunglo">
		1443	<i class="icon-share font-red-sunglo"></i>
		1444	<span class="caption-subject bold uppercase"> Portlet</span>
		1445	<span class="caption-helper">monthly stats...</span>
		1446	</div>
		1447	<div class="actions">
		1448	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1449	<i class="icon-cloud-upload"></i>
		1450	</a>
		1451	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1452	<i class="icon-wrench"></i>
		1453	</a>
		1454	<a href="#" class="btn btn-circle btn-default btn-icon-only fullscreen"></a>
		1455	<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
		1456	<i class="icon-trash"></i>
		1457	</a>
		1458	</div>
		1459	</div>
		1460	<div class="portlet-body">
		1461	<div class="scroller" style="height:200px" data-always-visible="1" data-rail-visible="1" data-rail-color="red" data-handle-color="green">
		1462	<h4>Heading Text</h4>
		1463	<p>
		1464	Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
		1465	</p>
		1466	<p>
		1467	nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
		1468	</p>
		1469	</div>
		1470	</div>
		1471	</div>
		1472	<!-- END Portlet PORTLET-->
		1473	</div>
		1474	</div>
		1475	<div class="row">
		1476	<div class="col-md-12">
		1477	<!-- BEGIN Portlet PORTLET-->
		1478	<div class="portlet light">
		1479	<div class="portlet-title">
		1480	<div class="caption">
		1481	<i class="icon-paper-plane font-yellow-casablanca"></i>
		1482	<span class="caption-subject bold font-yellow-casablanca uppercase">
		1483	Form Input </span>
		1484	<span class="caption-helper">more samples...</span>
		1485	</div>
		1486	<div class="inputs">
		1487	<div class="portlet-input input-inline input-medium">
		1488	<div class="input-group">
		1489	<input type="text" class="form-control input-circle-left" placeholder="search...">
		1490	<span class="input-group-btn">
		1491	<button class="btn btn-circle-right btn-default" type="submit">Go!</button>
		1492	</span>
		1493	</div>
		1494	</div>
		1495	</div>
		1496	</div>
		1497	<div class="portlet-body">
		1498	<h4>Heading text goes here...</h4>
		1499	<p>
		1500	Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
		1501	</p>
		1502	</div>
		1503	</div>
		1504	<!-- END Portlet PORTLET-->
		1505	</div>
		1506	</div>
		1507	<div class="row">
		1508	<div class="col-md-6 ">
		1509	<!-- BEGIN Portlet PORTLET-->
		1510	<div class="portlet light">
		1511	<div class="portlet-title">
		1512	<div class="caption">
		1513	<i class="icon-microphone font-purple-plum"></i>
		1514	<span class="caption-subject bold font-purple-plum uppercase">
		1515	Quick Search </span>
		1516	<span class="caption-helper">more samples...</span>
		1517	</div>
		1518	<div class="inputs">
		1519	<div class="portlet-input input-inline input-small">
		1520	<div class="input-icon right">
		1521	<i class="icon-magnifier"></i>
		1522	<input type="text" class="form-control input-circle" placeholder="search...">
		1523	</div>
		1524	</div>
		1525	</div>
		1526	</div>
		1527	<div class="portlet-body">
		1528	<div class="scroller" style="height:200px">
		1529	<h4>Heading text goes here...</h4>
		1530	<p>
		1531	Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
		1532	</p>
		1533	</div>
		1534	</div>
		1535	</div>
		1536	<!-- END Portlet PORTLET-->
		1537	</div>
		1538	<div class="col-md-6 ">
		1539	<!-- BEGIN Portlet PORTLET-->
		1540	<div class="portlet light">
		1541	<div class="portlet-title">
		1542	<div class="caption">
		1543	<i class="icon-settings font-blue-hoki"></i>
		1544	<span class="caption-subject font-blue-hoki">
		1545	Pagination </span>
		1546	</div>
		1547	<ul class="pagination pagination-circle">
		1548	<li>
		1549	<a href="javascript:;">
		1550	<i class="fa fa-angle-left"></i>
		1551	</a>
		1552	</li>
		1553	<li>
		1554	<a href="javascript:;">
		1555	1 </a>
		1556	</li>
		1557	<li>
		1558	<a href="javascript:;">
		1559	2 </a>
		1560	</li>
		1561	<li>
		1562	<a href="javascript:;">
		1563	3 </a>
		1564	</li>
		1565	<li>
		1566	<a href="javascript:;">
		1567	<i class="fa fa-angle-right"></i>
		1568	</a>
		1569	</li>
		1570	</ul>
		1571	</div>
		1572	<div class="portlet-body">
		1573	<div class="scroller" style="height:200px">
		1574	<h4>Heading text goes here...</h4>
		1575	<p>
		1576	Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
		1577	</p>
		1578	</div>
		1579	</div>
		1580	</div>
		1581	<!-- END Portlet PORTLET-->
		1582	</div>
		1583	</div>
		1584	<div class="row">
		1585	<div class="col-md-6 ">
		1586	<!-- BEGIN Portlet PORTLET-->
		1587	<div class="portlet light">
		1588	<div class="portlet-title">
		1589	<div class="caption">
		1590	<i class="icon-puzzle font-grey-gallery"></i>
		1591	<span class="caption-subject bold font-grey-gallery uppercase">
		1592	Tools </span>
		1593	<span class="caption-helper">more samples...</span>
		1594	</div>
		1595	<div class="tools">
		1596	<a href="" class="collapse">
		1597	</a>
		1598	<a href="#portlet-config" data-toggle="modal" class="config">
		1599	</a>
		1600	<a href="" class="reload">
		1601	</a>
		1602	<a href="javascript:;" class="fullscreen">
		1603	</a>
		1604	<a href="" class="remove">
		1605	</a>
		1606	</div>
		1607	</div>
		1608	<div class="portlet-body">
		1609	<h4>Heading text goes here...</h4>
		1610	<p>
		1611	Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
		1612	</p>
		1613	</div>
		1614	</div>
		1615	<!-- END GRID PORTLET-->
		1616	</div>
		1617	<div class="col-md-6 ">
		1618	<!-- BEGIN Portlet PORTLET-->
		1619	<div class="portlet light">
		1620	<div class="portlet-title tabbable-line">
		1621	<div class="caption">
		1622	<i class="icon-pin font-yellow-crusta"></i>
		1623	<span class="caption-subject bold font-yellow-crusta uppercase">
		1624	Tabs </span>
		1625	<span class="caption-helper">more samples...</span>
		1626	</div>
		1627	<ul class="nav nav-tabs">
		1628	<li>
		1629	<a href="#portlet_tab3" data-toggle="tab">
		1630	Tab 3 </a>
		1631	</li>
		1632	<li>
		1633	<a href="#portlet_tab2" data-toggle="tab">
		1634	Tab 2 </a>
		1635	</li>
		1636	<li class="active">
		1637	<a href="#portlet_tab1" data-toggle="tab">
		1638	Tab 1 </a>
		1639	</li>
		1640	</ul>
		1641	</div>
		1642	<div class="portlet-body">
		1643	<div class="tab-content">
		1644	<div class="tab-pane active" id="portlet_tab1">
		1645	<div class="scroller" style="height: 200px;">
		1646	<h4>Tab 1 Content</h4>
		1647	<p>
		1648	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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.ut laoreet dolore magna ut laoreet dolore magna. ut laoreet dolore magna. ut laoreet dolore magna.
		1649	</p>
		1650	<p>
		1651	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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.ut laoreet dolore magna ut laoreet dolore magna. ut laoreet dolore magna. ut laoreet dolore magna.
		1652	</p>
		1653	</div>
		1654	</div>
		1655	<div class="tab-pane" id="portlet_tab2">
		1656	<div class="scroller" style="height: 200px;">
		1657	<h4>Tab 2 Content</h4>
		1658	<p>
		1659	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.
		1660	</p>
		1661	<p>
		1662	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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.ut laoreet dolore magna ut laoreet dolore magna. ut laoreet dolore magna. ut laoreet dolore magna.
		1663	</p>
		1664	</div>
		1665	</div>
		1666	<div class="tab-pane" id="portlet_tab3">
		1667	<div class="scroller" style="height: 200px;">
		1668	<h4>Tab 3 Content</h4>
		1669	<p>
		1670	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. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.ut laoreet dolore magna ut laoreet dolore magna. ut laoreet dolore magna. ut laoreet dolore magna.
		1671	</p>
		1672	<p>
		1673	Ut wisi enim ad m 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.
		1674	</p>
		1675	</div>
		1676	</div>
		1677	</div>
		1678	</div>
		1679	</div>
		1680	</div>
		1681	</div>
		1682	<!-- END PAGE CONTENT INNER -->
		1683	</div>
		1684	</div>
		1685	<!-- END PAGE CONTENT -->
		1686	</div>
		1687	<!-- BEGIN PRE-FOOTER -->
		1688	<div class="page-prefooter">
		1689	<div class="container">
		1690	<div class="row">
		1691	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		1692	<h2>About</h2>
		1693	<p>
		1694	Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam dolore.
		1695	</p>
		1696	</div>
		1697	<div class="col-md-3 col-sm-6 col-xs12 footer-block">
		1698	<h2>Subscribe Email</h2>
		1699	<div class="subscribe-form">
		1700	<form action="javascript:;">
		1701	<div class="input-group">
		1702	<input type="text" placeholder="mail@email.com" class="form-control">
		1703	<span class="input-group-btn">
		1704	<button class="btn" type="submit">Submit</button>
		1705	</span>
		1706	</div>
		1707	</form>
		1708	</div>
		1709	</div>
		1710	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		1711	<h2>Follow Us On</h2>
		1712	<ul class="social-icons">
		1713	<li>
		1714	<a href="javascript:;" data-original-title="rss" class="rss"></a>
		1715	</li>
		1716	<li>
		1717	<a href="javascript:;" data-original-title="facebook" class="facebook"></a>
		1718	</li>
		1719	<li>
		1720	<a href="javascript:;" data-original-title="twitter" class="twitter"></a>
		1721	</li>
		1722	<li>
		1723	<a href="javascript:;" data-original-title="googleplus" class="googleplus"></a>
		1724	</li>
		1725	<li>
		1726	<a href="javascript:;" data-original-title="linkedin" class="linkedin"></a>
		1727	</li>
		1728	<li>
		1729	<a href="javascript:;" data-original-title="youtube" class="youtube"></a>
		1730	</li>
		1731	<li>
		1732	<a href="javascript:;" data-original-title="vimeo" class="vimeo"></a>
		1733	</li>
		1734	</ul>
		1735	</div>
		1736	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		1737	<h2>Contacts</h2>
		1738	<address class="margin-bottom-40">
		1739	Phone: 800 123 3456<br>
		1740	Email: <a href="mailto:info@metronic.com">info@metronic.com</a>
		1741	</address>
		1742	</div>
		1743	</div>
		1744	</div>
		1745	</div>
		1746	<!-- END PRE-FOOTER -->
		1747	<!-- BEGIN FOOTER -->
		1748	<div class="page-footer">
		1749	<div class="container">
		1750	2014 © Metronic. All Rights Reserved.
		1751	</div>
		1752	</div>
		1753	<div class="scroll-to-top">
		1754	<i class="icon-arrow-up"></i>
		1755	</div>
		1756	<!-- END FOOTER -->
		1757	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
		1758	<!-- BEGIN CORE PLUGINS -->
		1759	<!--[if lt IE 9]>
		1760	<script src="../../assets/global/plugins/respond.min.js"></script>
		1761	<script src="../../assets/global/plugins/excanvas.min.js"></script>
		1762	<![endif]-->
		1763	<script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
		1764	<script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
		1765	<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
		1766	<script src="../../assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
		1767	<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		1768	<script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
		1769	<script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		1770	<script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		1771	<script src="../../assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
		1772	<script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
		1773	<!-- END CORE PLUGINS -->
		1774	<script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>
		1775	<script src="../../assets/admin/layout3/scripts/layout.js" type="text/javascript"></script>
		1776	<script src="../../assets/admin/layout3/scripts/demo.js" type="text/javascript"></script>
		1777	<script>
		1778	jQuery(document).ready(function() {
		1779	Metronic.init(); // init metronic core components
		1780	Layout.init(); // init current layout
		1781	Demo.init(); // init demo features
		1782	});
		1783	</script>
		1784	<!-- END JAVASCRIPTS -->
		1785	</body>
		1786	<!-- END BODY -->
		1787	</html>

Subversion Repositories Integrator Subversion

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