WebSVN - Integrator Subversion - Blame - Rev 1 - /PROJETOS ANTERIORES/PROJETO ANTERIOR COM TEMPLATE/theme/admin_1/page_general_portfolio

Rev	Author	Line No.	Line
1	espaco	1	<!DOCTYPE html>
		2	<!--
		3	Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.6
		4	Version: 4.6
		5	Author: KeenThemes
		6	Website: http://www.keenthemes.com/
		7	Contact: support@keenthemes.com
		8	Follow: www.twitter.com/keenthemes
		9	Dribbble: www.dribbble.com/keenthemes
		10	Like: www.facebook.com/keenthemes
		11	Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
		12	Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
		13	License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
		14	-->
		15	<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
		16	<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
		17	<!--[if !IE]><!-->
		18	<html lang="en">
		19	<!--<![endif]-->
		20	<!-- BEGIN HEAD -->
		21
		22	<head>
		23	<meta charset="utf-8" />
		24	<title>Metronic \| Portfolio 3</title>
		25	<meta http-equiv="X-UA-Compatible" content="IE=edge">
		26	<meta content="width=device-width, initial-scale=1" name="viewport" />
		27	<meta content="" name="description" />
		28	<meta content="" name="author" />
		29	<!-- BEGIN GLOBAL MANDATORY STYLES -->
		30	<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css" />
		31	<link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
		32	<link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
		33	<link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
		34	<link href="../assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
		35	<!-- END GLOBAL MANDATORY STYLES -->
		36	<!-- BEGIN PAGE LEVEL PLUGINS -->
		37	<link href="../assets/global/plugins/cubeportfolio/css/cubeportfolio.css" rel="stylesheet" type="text/css" />
		38	<!-- END PAGE LEVEL PLUGINS -->
		39	<!-- BEGIN THEME GLOBAL STYLES -->
		40	<link href="../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
		41	<link href="../assets/global/css/plugins.min.css" rel="stylesheet" type="text/css" />
		42	<!-- END THEME GLOBAL STYLES -->
		43	<!-- BEGIN PAGE LEVEL STYLES -->
		44	<link href="../assets/pages/css/portfolio.min.css" rel="stylesheet" type="text/css" />
		45	<!-- END PAGE LEVEL STYLES -->
		46	<!-- BEGIN THEME LAYOUT STYLES -->
		47	<link href="../assets/layouts/layout/css/layout.min.css" rel="stylesheet" type="text/css" />
		48	<link href="../assets/layouts/layout/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
		49	<link href="../assets/layouts/layout/css/custom.min.css" rel="stylesheet" type="text/css" />
		50	<!-- END THEME LAYOUT STYLES -->
		51	<link rel="shortcut icon" href="favicon.ico" /> </head>
		52	<!-- END HEAD -->
		53
		54	<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
		55	<div class="page-wrapper">
		56	<!-- BEGIN HEADER -->
		57	<div class="page-header navbar navbar-fixed-top">
		58	<!-- BEGIN HEADER INNER -->
		59	<div class="page-header-inner ">
		60	<!-- BEGIN LOGO -->
		61	<div class="page-logo">
		62	<a href="index.html">
		63	<img src="../assets/layouts/layout/img/logo.png" alt="logo" class="logo-default" /> </a>
		64	<div class="menu-toggler sidebar-toggler">
		65	<span></span>
		66	</div>
		67	</div>
		68	<!-- END LOGO -->
		69	<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		70	<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
		71	<span></span>
		72	</a>
		73	<!-- END RESPONSIVE MENU TOGGLER -->
		74	<!-- BEGIN TOP NAVIGATION MENU -->
		75	<div class="top-menu">
		76	<ul class="nav navbar-nav pull-right">
		77	<!-- BEGIN NOTIFICATION DROPDOWN -->
		78	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		79	<li class="dropdown dropdown-extended dropdown-notification" id="header_notification_bar">
		80	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		81	<i class="icon-bell"></i>
		82	<span class="badge badge-default"> 7 </span>
		83	</a>
		84	<ul class="dropdown-menu">
		85	<li class="external">
		86	<h3>
		87	<span class="bold">12 pending</span> notifications</h3>
		88	<a href="page_user_profile_1.html">view all</a>
		89	</li>
		90	<li>
		91	<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
		92	<li>
		93	<a href="javascript:;">
		94	<span class="time">just now</span>
		95	<span class="details">
		96	<span class="label label-sm label-icon label-success">
		97	<i class="fa fa-plus"></i>
		98	</span> New user registered. </span>
		99	</a>
		100	</li>
		101	<li>
		102	<a href="javascript:;">
		103	<span class="time">3 mins</span>
		104	<span class="details">
		105	<span class="label label-sm label-icon label-danger">
		106	<i class="fa fa-bolt"></i>
		107	</span> Server #12 overloaded. </span>
		108	</a>
		109	</li>
		110	<li>
		111	<a href="javascript:;">
		112	<span class="time">10 mins</span>
		113	<span class="details">
		114	<span class="label label-sm label-icon label-warning">
		115	<i class="fa fa-bell-o"></i>
		116	</span> Server #2 not responding. </span>
		117	</a>
		118	</li>
		119	<li>
		120	<a href="javascript:;">
		121	<span class="time">14 hrs</span>
		122	<span class="details">
		123	<span class="label label-sm label-icon label-info">
		124	<i class="fa fa-bullhorn"></i>
		125	</span> Application error. </span>
		126	</a>
		127	</li>
		128	<li>
		129	<a href="javascript:;">
		130	<span class="time">2 days</span>
		131	<span class="details">
		132	<span class="label label-sm label-icon label-danger">
		133	<i class="fa fa-bolt"></i>
		134	</span> Database overloaded 68%. </span>
		135	</a>
		136	</li>
		137	<li>
		138	<a href="javascript:;">
		139	<span class="time">3 days</span>
		140	<span class="details">
		141	<span class="label label-sm label-icon label-danger">
		142	<i class="fa fa-bolt"></i>
		143	</span> A user IP blocked. </span>
		144	</a>
		145	</li>
		146	<li>
		147	<a href="javascript:;">
		148	<span class="time">4 days</span>
		149	<span class="details">
		150	<span class="label label-sm label-icon label-warning">
		151	<i class="fa fa-bell-o"></i>
		152	</span> Storage Server #4 not responding dfdfdfd. </span>
		153	</a>
		154	</li>
		155	<li>
		156	<a href="javascript:;">
		157	<span class="time">5 days</span>
		158	<span class="details">
		159	<span class="label label-sm label-icon label-info">
		160	<i class="fa fa-bullhorn"></i>
		161	</span> System Error. </span>
		162	</a>
		163	</li>
		164	<li>
		165	<a href="javascript:;">
		166	<span class="time">9 days</span>
		167	<span class="details">
		168	<span class="label label-sm label-icon label-danger">
		169	<i class="fa fa-bolt"></i>
		170	</span> Storage server failed. </span>
		171	</a>
		172	</li>
		173	</ul>
		174	</li>
		175	</ul>
		176	</li>
		177	<!-- END NOTIFICATION DROPDOWN -->
		178	<!-- BEGIN INBOX DROPDOWN -->
		179	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		180	<li class="dropdown dropdown-extended dropdown-inbox" id="header_inbox_bar">
		181	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		182	<i class="icon-envelope-open"></i>
		183	<span class="badge badge-default"> 4 </span>
		184	</a>
		185	<ul class="dropdown-menu">
		186	<li class="external">
		187	<h3>You have
		188	<span class="bold">7 New</span> Messages</h3>
		189	<a href="app_inbox.html">view all</a>
		190	</li>
		191	<li>
		192	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		193	<li>
		194	<a href="#">
		195	<span class="photo">
		196	<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
		197	<span class="subject">
		198	<span class="from"> Lisa Wong </span>
		199	<span class="time">Just Now </span>
		200	</span>
		201	<span class="message"> Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		202	</a>
		203	</li>
		204	<li>
		205	<a href="#">
		206	<span class="photo">
		207	<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
		208	<span class="subject">
		209	<span class="from"> Richard Doe </span>
		210	<span class="time">16 mins </span>
		211	</span>
		212	<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		213	</a>
		214	</li>
		215	<li>
		216	<a href="#">
		217	<span class="photo">
		218	<img src="../assets/layouts/layout3/img/avatar1.jpg" class="img-circle" alt=""> </span>
		219	<span class="subject">
		220	<span class="from"> Bob Nilson </span>
		221	<span class="time">2 hrs </span>
		222	</span>
		223	<span class="message"> Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		224	</a>
		225	</li>
		226	<li>
		227	<a href="#">
		228	<span class="photo">
		229	<img src="../assets/layouts/layout3/img/avatar2.jpg" class="img-circle" alt=""> </span>
		230	<span class="subject">
		231	<span class="from"> Lisa Wong </span>
		232	<span class="time">40 mins </span>
		233	</span>
		234	<span class="message"> Vivamus sed auctor 40% nibh congue nibh... </span>
		235	</a>
		236	</li>
		237	<li>
		238	<a href="#">
		239	<span class="photo">
		240	<img src="../assets/layouts/layout3/img/avatar3.jpg" class="img-circle" alt=""> </span>
		241	<span class="subject">
		242	<span class="from"> Richard Doe </span>
		243	<span class="time">46 mins </span>
		244	</span>
		245	<span class="message"> Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		246	</a>
		247	</li>
		248	</ul>
		249	</li>
		250	</ul>
		251	</li>
		252	<!-- END INBOX DROPDOWN -->
		253	<!-- BEGIN TODO DROPDOWN -->
		254	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		255	<li class="dropdown dropdown-extended dropdown-tasks" id="header_task_bar">
		256	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		257	<i class="icon-calendar"></i>
		258	<span class="badge badge-default"> 3 </span>
		259	</a>
		260	<ul class="dropdown-menu extended tasks">
		261	<li class="external">
		262	<h3>You have
		263	<span class="bold">12 pending</span> tasks</h3>
		264	<a href="app_todo.html">view all</a>
		265	</li>
		266	<li>
		267	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		268	<li>
		269	<a href="javascript:;">
		270	<span class="task">
		271	<span class="desc">New release v1.2 </span>
		272	<span class="percent">30%</span>
		273	</span>
		274	<span class="progress">
		275	<span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
		276	<span class="sr-only">40% Complete</span>
		277	</span>
		278	</span>
		279	</a>
		280	</li>
		281	<li>
		282	<a href="javascript:;">
		283	<span class="task">
		284	<span class="desc">Application deployment</span>
		285	<span class="percent">65%</span>
		286	</span>
		287	<span class="progress">
		288	<span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
		289	<span class="sr-only">65% Complete</span>
		290	</span>
		291	</span>
		292	</a>
		293	</li>
		294	<li>
		295	<a href="javascript:;">
		296	<span class="task">
		297	<span class="desc">Mobile app release</span>
		298	<span class="percent">98%</span>
		299	</span>
		300	<span class="progress">
		301	<span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100">
		302	<span class="sr-only">98% Complete</span>
		303	</span>
		304	</span>
		305	</a>
		306	</li>
		307	<li>
		308	<a href="javascript:;">
		309	<span class="task">
		310	<span class="desc">Database migration</span>
		311	<span class="percent">10%</span>
		312	</span>
		313	<span class="progress">
		314	<span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
		315	<span class="sr-only">10% Complete</span>
		316	</span>
		317	</span>
		318	</a>
		319	</li>
		320	<li>
		321	<a href="javascript:;">
		322	<span class="task">
		323	<span class="desc">Web server upgrade</span>
		324	<span class="percent">58%</span>
		325	</span>
		326	<span class="progress">
		327	<span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100">
		328	<span class="sr-only">58% Complete</span>
		329	</span>
		330	</span>
		331	</a>
		332	</li>
		333	<li>
		334	<a href="javascript:;">
		335	<span class="task">
		336	<span class="desc">Mobile development</span>
		337	<span class="percent">85%</span>
		338	</span>
		339	<span class="progress">
		340	<span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
		341	<span class="sr-only">85% Complete</span>
		342	</span>
		343	</span>
		344	</a>
		345	</li>
		346	<li>
		347	<a href="javascript:;">
		348	<span class="task">
		349	<span class="desc">New UI release</span>
		350	<span class="percent">38%</span>
		351	</span>
		352	<span class="progress progress-striped">
		353	<span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100">
		354	<span class="sr-only">38% Complete</span>
		355	</span>
		356	</span>
		357	</a>
		358	</li>
		359	</ul>
		360	</li>
		361	</ul>
		362	</li>
		363	<!-- END TODO DROPDOWN -->
		364	<!-- BEGIN USER LOGIN DROPDOWN -->
		365	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		366	<li class="dropdown dropdown-user">
		367	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		368	<img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
		369	<span class="username username-hide-on-mobile"> Nick </span>
		370	<i class="fa fa-angle-down"></i>
		371	</a>
		372	<ul class="dropdown-menu dropdown-menu-default">
		373	<li>
		374	<a href="page_user_profile_1.html">
		375	<i class="icon-user"></i> My Profile </a>
		376	</li>
		377	<li>
		378	<a href="app_calendar.html">
		379	<i class="icon-calendar"></i> My Calendar </a>
		380	</li>
		381	<li>
		382	<a href="app_inbox.html">
		383	<i class="icon-envelope-open"></i> My Inbox
		384	<span class="badge badge-danger"> 3 </span>
		385	</a>
		386	</li>
		387	<li>
		388	<a href="app_todo.html">
		389	<i class="icon-rocket"></i> My Tasks
		390	<span class="badge badge-success"> 7 </span>
		391	</a>
		392	</li>
		393	<li class="divider"> </li>
		394	<li>
		395	<a href="page_user_lock_1.html">
		396	<i class="icon-lock"></i> Lock Screen </a>
		397	</li>
		398	<li>
		399	<a href="page_user_login_1.html">
		400	<i class="icon-key"></i> Log Out </a>
		401	</li>
		402	</ul>
		403	</li>
		404	<!-- END USER LOGIN DROPDOWN -->
		405	<!-- BEGIN QUICK SIDEBAR TOGGLER -->
		406	<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
		407	<li class="dropdown dropdown-quick-sidebar-toggler">
		408	<a href="javascript:;" class="dropdown-toggle">
		409	<i class="icon-logout"></i>
		410	</a>
		411	</li>
		412	<!-- END QUICK SIDEBAR TOGGLER -->
		413	</ul>
		414	</div>
		415	<!-- END TOP NAVIGATION MENU -->
		416	</div>
		417	<!-- END HEADER INNER -->
		418	</div>
		419	<!-- END HEADER -->
		420	<!-- BEGIN HEADER & CONTENT DIVIDER -->
		421	<div class="clearfix"> </div>
		422	<!-- END HEADER & CONTENT DIVIDER -->
		423	<!-- BEGIN CONTAINER -->
		424	<div class="page-container">
		425	<!-- BEGIN SIDEBAR -->
		426	<div class="page-sidebar-wrapper">
		427	<!-- BEGIN SIDEBAR -->
		428	<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
		429	<!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
		430	<div class="page-sidebar navbar-collapse collapse">
		431	<!-- BEGIN SIDEBAR MENU -->
		432	<!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
		433	<!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
		434	<!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
		435	<!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
		436	<!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
		437	<!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
		438	<ul class="page-sidebar-menu page-header-fixed " data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200" style="padding-top: 20px">
		439	<!-- DOC: To remove the sidebar toggler from the sidebar you just need to completely remove the below "sidebar-toggler-wrapper" LI element -->
		440	<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
		441	<li class="sidebar-toggler-wrapper hide">
		442	<div class="sidebar-toggler">
		443	<span></span>
		444	</div>
		445	</li>
		446	<!-- END SIDEBAR TOGGLER BUTTON -->
		447	<!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
		448	<li class="sidebar-search-wrapper">
		449	<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
		450	<!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
		451	<!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->
		452	<form class="sidebar-search " action="page_general_search_3.html" method="POST">
		453	<a href="javascript:;" class="remove">
		454	<i class="icon-close"></i>
		455	</a>
		456	<div class="input-group">
		457	<input type="text" class="form-control" placeholder="Search...">
		458	<span class="input-group-btn">
		459	<a href="javascript:;" class="btn submit">
		460	<i class="icon-magnifier"></i>
		461	</a>
		462	</span>
		463	</div>
		464	</form>
		465	<!-- END RESPONSIVE QUICK SEARCH FORM -->
		466	</li>
		467	<li class="nav-item start ">
		468	<a href="javascript:;" class="nav-link nav-toggle">
		469	<i class="icon-home"></i>
		470	<span class="title">Dashboard</span>
		471	<span class="arrow"></span>
		472	</a>
		473	<ul class="sub-menu">
		474	<li class="nav-item start ">
		475	<a href="index.html" class="nav-link ">
		476	<i class="icon-bar-chart"></i>
		477	<span class="title">Dashboard 1</span>
		478	</a>
		479	</li>
		480	<li class="nav-item start ">
		481	<a href="dashboard_2.html" class="nav-link ">
		482	<i class="icon-bulb"></i>
		483	<span class="title">Dashboard 2</span>
		484	<span class="badge badge-success">1</span>
		485	</a>
		486	</li>
		487	<li class="nav-item start ">
		488	<a href="dashboard_3.html" class="nav-link ">
		489	<i class="icon-graph"></i>
		490	<span class="title">Dashboard 3</span>
		491	<span class="badge badge-danger">5</span>
		492	</a>
		493	</li>
		494	</ul>
		495	</li>
		496	<li class="heading">
		497	<h3 class="uppercase">Features</h3>
		498	</li>
		499	<li class="nav-item ">
		500	<a href="javascript:;" class="nav-link nav-toggle">
		501	<i class="icon-diamond"></i>
		502	<span class="title">UI Features</span>
		503	<span class="arrow"></span>
		504	</a>
		505	<ul class="sub-menu">
		506	<li class="nav-item ">
		507	<a href="ui_colors.html" class="nav-link ">
		508	<span class="title">Color Library</span>
		509	</a>
		510	</li>
		511	<li class="nav-item ">
		512	<a href="ui_general.html" class="nav-link ">
		513	<span class="title">General Components</span>
		514	</a>
		515	</li>
		516	<li class="nav-item ">
		517	<a href="ui_buttons.html" class="nav-link ">
		518	<span class="title">Buttons</span>
		519	</a>
		520	</li>
		521	<li class="nav-item ">
		522	<a href="ui_buttons_spinner.html" class="nav-link ">
		523	<span class="title">Spinner Buttons</span>
		524	</a>
		525	</li>
		526	<li class="nav-item ">
		527	<a href="ui_confirmations.html" class="nav-link ">
		528	<span class="title">Popover Confirmations</span>
		529	</a>
		530	</li>
		531	<li class="nav-item ">
		532	<a href="ui_icons.html" class="nav-link ">
		533	<span class="title">Font Icons</span>
		534	</a>
		535	</li>
		536	<li class="nav-item ">
		537	<a href="ui_socicons.html" class="nav-link ">
		538	<span class="title">Social Icons</span>
		539	</a>
		540	</li>
		541	<li class="nav-item ">
		542	<a href="ui_typography.html" class="nav-link ">
		543	<span class="title">Typography</span>
		544	</a>
		545	</li>
		546	<li class="nav-item ">
		547	<a href="ui_tabs_accordions_navs.html" class="nav-link ">
		548	<span class="title">Tabs, Accordions & Navs</span>
		549	</a>
		550	</li>
		551	<li class="nav-item ">
		552	<a href="ui_timeline.html" class="nav-link ">
		553	<span class="title">Timeline 1</span>
		554	</a>
		555	</li>
		556	<li class="nav-item ">
		557	<a href="ui_timeline_2.html" class="nav-link ">
		558	<span class="title">Timeline 2</span>
		559	</a>
		560	</li>
		561	<li class="nav-item ">
		562	<a href="ui_timeline_horizontal.html" class="nav-link ">
		563	<span class="title">Horizontal Timeline</span>
		564	</a>
		565	</li>
		566	<li class="nav-item ">
		567	<a href="ui_tree.html" class="nav-link ">
		568	<span class="title">Tree View</span>
		569	</a>
		570	</li>
		571	<li class="nav-item ">
		572	<a href="javascript:;" class="nav-link nav-toggle">
		573	<span class="title">Page Progress Bar</span>
		574	<span class="arrow"></span>
		575	</a>
		576	<ul class="sub-menu">
		577	<li class="nav-item ">
		578	<a href="ui_page_progress_style_1.html" class="nav-link "> Flash </a>
		579	</li>
		580	<li class="nav-item ">
		581	<a href="ui_page_progress_style_2.html" class="nav-link "> Big Counter </a>
		582	</li>
		583	</ul>
		584	</li>
		585	<li class="nav-item ">
		586	<a href="ui_blockui.html" class="nav-link ">
		587	<span class="title">Block UI</span>
		588	</a>
		589	</li>
		590	<li class="nav-item ">
		591	<a href="ui_bootstrap_growl.html" class="nav-link ">
		592	<span class="title">Bootstrap Growl Notifications</span>
		593	</a>
		594	</li>
		595	<li class="nav-item ">
		596	<a href="ui_notific8.html" class="nav-link ">
		597	<span class="title">Notific8 Notifications</span>
		598	</a>
		599	</li>
		600	<li class="nav-item ">
		601	<a href="ui_toastr.html" class="nav-link ">
		602	<span class="title">Toastr Notifications</span>
		603	</a>
		604	</li>
		605	<li class="nav-item ">
		606	<a href="ui_bootbox.html" class="nav-link ">
		607	<span class="title">Bootbox Dialogs</span>
		608	</a>
		609	</li>
		610	<li class="nav-item ">
		611	<a href="ui_alerts_api.html" class="nav-link ">
		612	<span class="title">Metronic Alerts API</span>
		613	</a>
		614	</li>
		615	<li class="nav-item ">
		616	<a href="ui_session_timeout.html" class="nav-link ">
		617	<span class="title">Session Timeout</span>
		618	</a>
		619	</li>
		620	<li class="nav-item ">
		621	<a href="ui_idle_timeout.html" class="nav-link ">
		622	<span class="title">User Idle Timeout</span>
		623	</a>
		624	</li>
		625	<li class="nav-item ">
		626	<a href="ui_modals.html" class="nav-link ">
		627	<span class="title">Modals</span>
		628	</a>
		629	</li>
		630	<li class="nav-item ">
		631	<a href="ui_extended_modals.html" class="nav-link ">
		632	<span class="title">Extended Modals</span>
		633	</a>
		634	</li>
		635	<li class="nav-item ">
		636	<a href="ui_tiles.html" class="nav-link ">
		637	<span class="title">Tiles</span>
		638	</a>
		639	</li>
		640	<li class="nav-item ">
		641	<a href="ui_datepaginator.html" class="nav-link ">
		642	<span class="title">Date Paginator</span>
		643	</a>
		644	</li>
		645	<li class="nav-item ">
		646	<a href="ui_nestable.html" class="nav-link ">
		647	<span class="title">Nestable List</span>
		648	</a>
		649	</li>
		650	</ul>
		651	</li>
		652	<li class="nav-item ">
		653	<a href="javascript:;" class="nav-link nav-toggle">
		654	<i class="icon-puzzle"></i>
		655	<span class="title">Components</span>
		656	<span class="arrow"></span>
		657	</a>
		658	<ul class="sub-menu">
		659	<li class="nav-item ">
		660	<a href="components_date_time_pickers.html" class="nav-link ">
		661	<span class="title">Date & Time Pickers</span>
		662	</a>
		663	</li>
		664	<li class="nav-item ">
		665	<a href="components_color_pickers.html" class="nav-link ">
		666	<span class="title">Color Pickers</span>
		667	<span class="badge badge-danger">2</span>
		668	</a>
		669	</li>
		670	<li class="nav-item ">
		671	<a href="components_select2.html" class="nav-link ">
		672	<span class="title">Select2 Dropdowns</span>
		673	</a>
		674	</li>
		675	<li class="nav-item ">
		676	<a href="components_bootstrap_select.html" class="nav-link ">
		677	<span class="title">Bootstrap Select</span>
		678	</a>
		679	</li>
		680	<li class="nav-item ">
		681	<a href="components_multi_select.html" class="nav-link ">
		682	<span class="title">Multi Select</span>
		683	</a>
		684	</li>
		685	<li class="nav-item ">
		686	<a href="components_bootstrap_select_splitter.html" class="nav-link ">
		687	<span class="title">Select Splitter</span>
		688	</a>
		689	</li>
		690	<li class="nav-item ">
		691	<a href="components_typeahead.html" class="nav-link ">
		692	<span class="title">Typeahead Autocomplete</span>
		693	</a>
		694	</li>
		695	<li class="nav-item ">
		696	<a href="components_bootstrap_tagsinput.html" class="nav-link ">
		697	<span class="title">Bootstrap Tagsinput</span>
		698	</a>
		699	</li>
		700	<li class="nav-item ">
		701	<a href="components_bootstrap_switch.html" class="nav-link ">
		702	<span class="title">Bootstrap Switch</span>
		703	<span class="badge badge-success">6</span>
		704	</a>
		705	</li>
		706	<li class="nav-item ">
		707	<a href="components_bootstrap_maxlength.html" class="nav-link ">
		708	<span class="title">Bootstrap Maxlength</span>
		709	</a>
		710	</li>
		711	<li class="nav-item ">
		712	<a href="components_bootstrap_fileinput.html" class="nav-link ">
		713	<span class="title">Bootstrap File Input</span>
		714	</a>
		715	</li>
		716	<li class="nav-item ">
		717	<a href="components_bootstrap_touchspin.html" class="nav-link ">
		718	<span class="title">Bootstrap Touchspin</span>
		719	</a>
		720	</li>
		721	<li class="nav-item ">
		722	<a href="components_form_tools.html" class="nav-link ">
		723	<span class="title">Form Widgets & Tools</span>
		724	</a>
		725	</li>
		726	<li class="nav-item ">
		727	<a href="components_context_menu.html" class="nav-link ">
		728	<span class="title">Context Menu</span>
		729	</a>
		730	</li>
		731	<li class="nav-item ">
		732	<a href="components_editors.html" class="nav-link ">
		733	<span class="title">Markdown & WYSIWYG Editors</span>
		734	</a>
		735	</li>
		736	<li class="nav-item ">
		737	<a href="components_code_editors.html" class="nav-link ">
		738	<span class="title">Code Editors</span>
		739	</a>
		740	</li>
		741	<li class="nav-item ">
		742	<a href="components_ion_sliders.html" class="nav-link ">
		743	<span class="title">Ion Range Sliders</span>
		744	</a>
		745	</li>
		746	<li class="nav-item ">
		747	<a href="components_noui_sliders.html" class="nav-link ">
		748	<span class="title">NoUI Range Sliders</span>
		749	</a>
		750	</li>
		751	<li class="nav-item ">
		752	<a href="components_knob_dials.html" class="nav-link ">
		753	<span class="title">Knob Circle Dials</span>
		754	</a>
		755	</li>
		756	</ul>
		757	</li>
		758	<li class="nav-item ">
		759	<a href="javascript:;" class="nav-link nav-toggle">
		760	<i class="icon-settings"></i>
		761	<span class="title">Form Stuff</span>
		762	<span class="arrow"></span>
		763	</a>
		764	<ul class="sub-menu">
		765	<li class="nav-item ">
		766	<a href="form_controls.html" class="nav-link ">
		767	<span class="title">Bootstrap Form
		768	<br>Controls</span>
		769	</a>
		770	</li>
		771	<li class="nav-item ">
		772	<a href="form_controls_md.html" class="nav-link ">
		773	<span class="title">Material Design
		774	<br>Form Controls</span>
		775	</a>
		776	</li>
		777	<li class="nav-item ">
		778	<a href="form_validation.html" class="nav-link ">
		779	<span class="title">Form Validation</span>
		780	</a>
		781	</li>
		782	<li class="nav-item ">
		783	<a href="form_validation_states_md.html" class="nav-link ">
		784	<span class="title">Material Design
		785	<br>Form Validation States</span>
		786	</a>
		787	</li>
		788	<li class="nav-item ">
		789	<a href="form_validation_md.html" class="nav-link ">
		790	<span class="title">Material Design
		791	<br>Form Validation</span>
		792	</a>
		793	</li>
		794	<li class="nav-item ">
		795	<a href="form_layouts.html" class="nav-link ">
		796	<span class="title">Form Layouts</span>
		797	</a>
		798	</li>
		799	<li class="nav-item ">
		800	<a href="form_input_mask.html" class="nav-link ">
		801	<span class="title">Form Input Mask</span>
		802	</a>
		803	</li>
		804	<li class="nav-item ">
		805	<a href="form_editable.html" class="nav-link ">
		806	<span class="title">Form X-editable</span>
		807	</a>
		808	</li>
		809	<li class="nav-item ">
		810	<a href="form_wizard.html" class="nav-link ">
		811	<span class="title">Form Wizard</span>
		812	</a>
		813	</li>
		814	<li class="nav-item ">
		815	<a href="form_icheck.html" class="nav-link ">
		816	<span class="title">iCheck Controls</span>
		817	</a>
		818	</li>
		819	<li class="nav-item ">
		820	<a href="form_image_crop.html" class="nav-link ">
		821	<span class="title">Image Cropping</span>
		822	</a>
		823	</li>
		824	<li class="nav-item ">
		825	<a href="form_fileupload.html" class="nav-link ">
		826	<span class="title">Multiple File Upload</span>
		827	</a>
		828	</li>
		829	<li class="nav-item ">
		830	<a href="form_dropzone.html" class="nav-link ">
		831	<span class="title">Dropzone File Upload</span>
		832	</a>
		833	</li>
		834	</ul>
		835	</li>
		836	<li class="nav-item ">
		837	<a href="javascript:;" class="nav-link nav-toggle">
		838	<i class="icon-bulb"></i>
		839	<span class="title">Elements</span>
		840	<span class="arrow"></span>
		841	</a>
		842	<ul class="sub-menu">
		843	<li class="nav-item ">
		844	<a href="elements_steps.html" class="nav-link ">
		845	<span class="title">Steps</span>
		846	</a>
		847	</li>
		848	<li class="nav-item ">
		849	<a href="elements_lists.html" class="nav-link ">
		850	<span class="title">Lists</span>
		851	</a>
		852	</li>
		853	<li class="nav-item ">
		854	<a href="elements_ribbons.html" class="nav-link ">
		855	<span class="title">Ribbons</span>
		856	</a>
		857	</li>
		858	<li class="nav-item ">
		859	<a href="elements_overlay.html" class="nav-link ">
		860	<span class="title">Overlays</span>
		861	</a>
		862	</li>
		863	<li class="nav-item ">
		864	<a href="elements_cards.html" class="nav-link ">
		865	<span class="title">User Cards</span>
		866	</a>
		867	</li>
		868	</ul>
		869	</li>
		870	<li class="nav-item ">
		871	<a href="javascript:;" class="nav-link nav-toggle">
		872	<i class="icon-briefcase"></i>
		873	<span class="title">Tables</span>
		874	<span class="arrow"></span>
		875	</a>
		876	<ul class="sub-menu">
		877	<li class="nav-item ">
		878	<a href="table_static_basic.html" class="nav-link ">
		879	<span class="title">Basic Tables</span>
		880	</a>
		881	</li>
		882	<li class="nav-item ">
		883	<a href="table_static_responsive.html" class="nav-link ">
		884	<span class="title">Responsive Tables</span>
		885	</a>
		886	</li>
		887	<li class="nav-item ">
		888	<a href="table_bootstrap.html" class="nav-link ">
		889	<span class="title">Bootstrap Tables</span>
		890	</a>
		891	</li>
		892	<li class="nav-item ">
		893	<a href="javascript:;" class="nav-link nav-toggle">
		894	<span class="title">Datatables</span>
		895	<span class="arrow"></span>
		896	</a>
		897	<ul class="sub-menu">
		898	<li class="nav-item ">
		899	<a href="table_datatables_managed.html" class="nav-link "> Managed Datatables </a>
		900	</li>
		901	<li class="nav-item ">
		902	<a href="table_datatables_buttons.html" class="nav-link "> Buttons Extension </a>
		903	</li>
		904	<li class="nav-item ">
		905	<a href="table_datatables_colreorder.html" class="nav-link "> Colreorder Extension </a>
		906	</li>
		907	<li class="nav-item ">
		908	<a href="table_datatables_rowreorder.html" class="nav-link "> Rowreorder Extension </a>
		909	</li>
		910	<li class="nav-item ">
		911	<a href="table_datatables_scroller.html" class="nav-link "> Scroller Extension </a>
		912	</li>
		913	<li class="nav-item ">
		914	<a href="table_datatables_fixedheader.html" class="nav-link "> FixedHeader Extension </a>
		915	</li>
		916	<li class="nav-item ">
		917	<a href="table_datatables_responsive.html" class="nav-link "> Responsive Extension </a>
		918	</li>
		919	<li class="nav-item ">
		920	<a href="table_datatables_editable.html" class="nav-link "> Editable Datatables </a>
		921	</li>
		922	<li class="nav-item ">
		923	<a href="table_datatables_ajax.html" class="nav-link "> Ajax Datatables </a>
		924	</li>
		925	</ul>
		926	</li>
		927	</ul>
		928	</li>
		929	<li class="nav-item ">
		930	<a href="?p=" class="nav-link nav-toggle">
		931	<i class="icon-wallet"></i>
		932	<span class="title">Portlets</span>
		933	<span class="arrow"></span>
		934	</a>
		935	<ul class="sub-menu">
		936	<li class="nav-item ">
		937	<a href="portlet_boxed.html" class="nav-link ">
		938	<span class="title">Boxed Portlets</span>
		939	</a>
		940	</li>
		941	<li class="nav-item ">
		942	<a href="portlet_light.html" class="nav-link ">
		943	<span class="title">Light Portlets</span>
		944	</a>
		945	</li>
		946	<li class="nav-item ">
		947	<a href="portlet_solid.html" class="nav-link ">
		948	<span class="title">Solid Portlets</span>
		949	</a>
		950	</li>
		951	<li class="nav-item ">
		952	<a href="portlet_ajax.html" class="nav-link ">
		953	<span class="title">Ajax Portlets</span>
		954	</a>
		955	</li>
		956	<li class="nav-item ">
		957	<a href="portlet_draggable.html" class="nav-link ">
		958	<span class="title">Draggable Portlets</span>
		959	</a>
		960	</li>
		961	</ul>
		962	</li>
		963	<li class="nav-item ">
		964	<a href="javascript:;" class="nav-link nav-toggle">
		965	<i class="icon-bar-chart"></i>
		966	<span class="title">Charts</span>
		967	<span class="arrow"></span>
		968	</a>
		969	<ul class="sub-menu">
		970	<li class="nav-item ">
		971	<a href="charts_amcharts.html" class="nav-link ">
		972	<span class="title">amChart</span>
		973	</a>
		974	</li>
		975	<li class="nav-item ">
		976	<a href="charts_flotcharts.html" class="nav-link ">
		977	<span class="title">Flot Charts</span>
		978	</a>
		979	</li>
		980	<li class="nav-item ">
		981	<a href="charts_flowchart.html" class="nav-link ">
		982	<span class="title">Flow Charts</span>
		983	</a>
		984	</li>
		985	<li class="nav-item ">
		986	<a href="charts_google.html" class="nav-link ">
		987	<span class="title">Google Charts</span>
		988	</a>
		989	</li>
		990	<li class="nav-item ">
		991	<a href="charts_echarts.html" class="nav-link ">
		992	<span class="title">eCharts</span>
		993	</a>
		994	</li>
		995	<li class="nav-item ">
		996	<a href="charts_morris.html" class="nav-link ">
		997	<span class="title">Morris Charts</span>
		998	</a>
		999	</li>
		1000	<li class="nav-item ">
		1001	<a href="javascript:;" class="nav-link nav-toggle">
		1002	<span class="title">HighCharts</span>
		1003	<span class="arrow"></span>
		1004	</a>
		1005	<ul class="sub-menu">
		1006	<li class="nav-item ">
		1007	<a href="charts_highcharts.html" class="nav-link "> HighCharts </a>
		1008	</li>
		1009	<li class="nav-item ">
		1010	<a href="charts_highstock.html" class="nav-link "> HighStock </a>
		1011	</li>
		1012	<li class="nav-item ">
		1013	<a href="charts_highmaps.html" class="nav-link "> HighMaps </a>
		1014	</li>
		1015	</ul>
		1016	</li>
		1017	</ul>
		1018	</li>
		1019	<li class="nav-item ">
		1020	<a href="javascript:;" class="nav-link nav-toggle">
		1021	<i class="icon-pointer"></i>
		1022	<span class="title">Maps</span>
		1023	<span class="arrow"></span>
		1024	</a>
		1025	<ul class="sub-menu">
		1026	<li class="nav-item ">
		1027	<a href="maps_google.html" class="nav-link ">
		1028	<span class="title">Google Maps</span>
		1029	</a>
		1030	</li>
		1031	<li class="nav-item ">
		1032	<a href="maps_vector.html" class="nav-link ">
		1033	<span class="title">Vector Maps</span>
		1034	</a>
		1035	</li>
		1036	</ul>
		1037	</li>
		1038	<li class="heading">
		1039	<h3 class="uppercase">Layouts</h3>
		1040	</li>
		1041	<li class="nav-item ">
		1042	<a href="javascript:;" class="nav-link nav-toggle">
		1043	<i class="icon-layers"></i>
		1044	<span class="title">Page Layouts</span>
		1045	<span class="arrow"></span>
		1046	</a>
		1047	<ul class="sub-menu">
		1048	<li class="nav-item ">
		1049	<a href="layout_blank_page.html" class="nav-link ">
		1050	<span class="title">Blank Page</span>
		1051	</a>
		1052	</li>
		1053	<li class="nav-item ">
		1054	<a href="layout_ajax_page.html" class="nav-link ">
		1055	<span class="title">Ajax Content Layout</span>
		1056	</a>
		1057	</li>
		1058	<li class="nav-item ">
		1059	<a href="layout_offcanvas_mobile_menu.html" class="nav-link ">
		1060	<span class="title">Off-canvas Mobile Menu</span>
		1061	</a>
		1062	</li>
		1063	<li class="nav-item ">
		1064	<a href="layout_classic_page_head.html" class="nav-link ">
		1065	<span class="title">Classic Page Head</span>
		1066	</a>
		1067	</li>
		1068	<li class="nav-item ">
		1069	<a href="layout_light_page_head.html" class="nav-link ">
		1070	<span class="title">Light Page Head</span>
		1071	</a>
		1072	</li>
		1073	<li class="nav-item ">
		1074	<a href="layout_content_grey.html" class="nav-link ">
		1075	<span class="title">Grey Bg Content</span>
		1076	</a>
		1077	</li>
		1078	<li class="nav-item ">
		1079	<a href="layout_search_on_header_1.html" class="nav-link ">
		1080	<span class="title">Search Box On Header 1</span>
		1081	</a>
		1082	</li>
		1083	<li class="nav-item ">
		1084	<a href="layout_search_on_header_2.html" class="nav-link ">
		1085	<span class="title">Search Box On Header 2</span>
		1086	</a>
		1087	</li>
		1088	<li class="nav-item ">
		1089	<a href="layout_language_bar.html" class="nav-link ">
		1090	<span class="title">Header Language Bar</span>
		1091	</a>
		1092	</li>
		1093	<li class="nav-item ">
		1094	<a href="layout_footer_fixed.html" class="nav-link ">
		1095	<span class="title">Fixed Footer</span>
		1096	</a>
		1097	</li>
		1098	<li class="nav-item ">
		1099	<a href="layout_boxed_page.html" class="nav-link ">
		1100	<span class="title">Boxed Page</span>
		1101	</a>
		1102	</li>
		1103	</ul>
		1104	</li>
		1105	<li class="nav-item ">
		1106	<a href="javascript:;" class="nav-link nav-toggle">
		1107	<i class="icon-feed"></i>
		1108	<span class="title">Sidebar Layouts</span>
		1109	<span class="arrow"></span>
		1110	</a>
		1111	<ul class="sub-menu">
		1112	<li class="nav-item ">
		1113	<a href="layout_sidebar_menu_light.html" class="nav-link ">
		1114	<span class="title">Light Sidebar Menu</span>
		1115	</a>
		1116	</li>
		1117	<li class="nav-item ">
		1118	<a href="layout_sidebar_menu_hover.html" class="nav-link ">
		1119	<span class="title">Hover Sidebar Menu</span>
		1120	</a>
		1121	</li>
		1122	<li class="nav-item ">
		1123	<a href="layout_sidebar_search_1.html" class="nav-link ">
		1124	<span class="title">Sidebar Search Option 1</span>
		1125	</a>
		1126	</li>
		1127	<li class="nav-item ">
		1128	<a href="layout_sidebar_search_2.html" class="nav-link ">
		1129	<span class="title">Sidebar Search Option 2</span>
		1130	</a>
		1131	</li>
		1132	<li class="nav-item ">
		1133	<a href="layout_toggler_on_sidebar.html" class="nav-link ">
		1134	<span class="title">Sidebar Toggler On Sidebar</span>
		1135	</a>
		1136	</li>
		1137	<li class="nav-item ">
		1138	<a href="layout_sidebar_reversed.html" class="nav-link ">
		1139	<span class="title">Reversed Sidebar Page</span>
		1140	</a>
		1141	</li>
		1142	<li class="nav-item ">
		1143	<a href="layout_sidebar_fixed.html" class="nav-link ">
		1144	<span class="title">Fixed Sidebar Layout</span>
		1145	</a>
		1146	</li>
		1147	<li class="nav-item ">
		1148	<a href="layout_sidebar_closed.html" class="nav-link ">
		1149	<span class="title">Closed Sidebar Layout</span>
		1150	</a>
		1151	</li>
		1152	</ul>
		1153	</li>
		1154	<li class="nav-item ">
		1155	<a href="javascript:;" class="nav-link nav-toggle">
		1156	<i class="icon-paper-plane"></i>
		1157	<span class="title">Horizontal Menu</span>
		1158	<span class="arrow"></span>
		1159	</a>
		1160	<ul class="sub-menu">
		1161	<li class="nav-item ">
		1162	<a href="layout_mega_menu_light.html" class="nav-link ">
		1163	<span class="title">Light Mega Menu</span>
		1164	</a>
		1165	</li>
		1166	<li class="nav-item ">
		1167	<a href="layout_mega_menu_dark.html" class="nav-link ">
		1168	<span class="title">Dark Mega Menu</span>
		1169	</a>
		1170	</li>
		1171	<li class="nav-item ">
		1172	<a href="layout_full_width.html" class="nav-link ">
		1173	<span class="title">Full Width Layout</span>
		1174	</a>
		1175	</li>
		1176	</ul>
		1177	</li>
		1178	<li class="nav-item ">
		1179	<a href="javascript:;" class="nav-link nav-toggle">
		1180	<i class=" icon-wrench"></i>
		1181	<span class="title">Custom Layouts</span>
		1182	<span class="arrow"></span>
		1183	</a>
		1184	<ul class="sub-menu">
		1185	<li class="nav-item ">
		1186	<a href="layout_disabled_menu.html" class="nav-link ">
		1187	<span class="title">Disabled Menu Links</span>
		1188	</a>
		1189	</li>
		1190	<li class="nav-item ">
		1191	<a href="layout_full_height_portlet.html" class="nav-link ">
		1192	<span class="title">Full Height Portlet</span>
		1193	</a>
		1194	</li>
		1195	<li class="nav-item ">
		1196	<a href="layout_full_height_content.html" class="nav-link ">
		1197	<span class="title">Full Height Content</span>
		1198	</a>
		1199	</li>
		1200	</ul>
		1201	</li>
		1202	<li class="heading">
		1203	<h3 class="uppercase">Pages</h3>
		1204	</li>
		1205	<li class="nav-item ">
		1206	<a href="javascript:;" class="nav-link nav-toggle">
		1207	<i class="icon-basket"></i>
		1208	<span class="title">eCommerce</span>
		1209	<span class="arrow"></span>
		1210	</a>
		1211	<ul class="sub-menu">
		1212	<li class="nav-item ">
		1213	<a href="ecommerce_index.html" class="nav-link ">
		1214	<i class="icon-home"></i>
		1215	<span class="title">Dashboard</span>
		1216	</a>
		1217	</li>
		1218	<li class="nav-item ">
		1219	<a href="ecommerce_orders.html" class="nav-link ">
		1220	<i class="icon-basket"></i>
		1221	<span class="title">Orders</span>
		1222	</a>
		1223	</li>
		1224	<li class="nav-item ">
		1225	<a href="ecommerce_orders_view.html" class="nav-link ">
		1226	<i class="icon-tag"></i>
		1227	<span class="title">Order View</span>
		1228	</a>
		1229	</li>
		1230	<li class="nav-item ">
		1231	<a href="ecommerce_products.html" class="nav-link ">
		1232	<i class="icon-graph"></i>
		1233	<span class="title">Products</span>
		1234	</a>
		1235	</li>
		1236	<li class="nav-item ">
		1237	<a href="ecommerce_products_edit.html" class="nav-link ">
		1238	<i class="icon-graph"></i>
		1239	<span class="title">Product Edit</span>
		1240	</a>
		1241	</li>
		1242	</ul>
		1243	</li>
		1244	<li class="nav-item ">
		1245	<a href="javascript:;" class="nav-link nav-toggle">
		1246	<i class="icon-docs"></i>
		1247	<span class="title">Apps</span>
		1248	<span class="arrow"></span>
		1249	</a>
		1250	<ul class="sub-menu">
		1251	<li class="nav-item ">
		1252	<a href="app_todo.html" class="nav-link ">
		1253	<i class="icon-clock"></i>
		1254	<span class="title">Todo 1</span>
		1255	</a>
		1256	</li>
		1257	<li class="nav-item ">
		1258	<a href="app_todo_2.html" class="nav-link ">
		1259	<i class="icon-check"></i>
		1260	<span class="title">Todo 2</span>
		1261	</a>
		1262	</li>
		1263	<li class="nav-item ">
		1264	<a href="app_inbox.html" class="nav-link ">
		1265	<i class="icon-envelope"></i>
		1266	<span class="title">Inbox</span>
		1267	</a>
		1268	</li>
		1269	<li class="nav-item ">
		1270	<a href="app_calendar.html" class="nav-link ">
		1271	<i class="icon-calendar"></i>
		1272	<span class="title">Calendar</span>
		1273	</a>
		1274	</li>
		1275	<li class="nav-item ">
		1276	<a href="app_ticket.html" class="nav-link ">
		1277	<i class="icon-notebook"></i>
		1278	<span class="title">Support</span>
		1279	</a>
		1280	</li>
		1281	</ul>
		1282	</li>
		1283	<li class="nav-item ">
		1284	<a href="javascript:;" class="nav-link nav-toggle">
		1285	<i class="icon-user"></i>
		1286	<span class="title">User</span>
		1287	<span class="arrow"></span>
		1288	</a>
		1289	<ul class="sub-menu">
		1290	<li class="nav-item ">
		1291	<a href="page_user_profile_1.html" class="nav-link ">
		1292	<i class="icon-user"></i>
		1293	<span class="title">Profile 1</span>
		1294	</a>
		1295	</li>
		1296	<li class="nav-item ">
		1297	<a href="page_user_profile_1_account.html" class="nav-link ">
		1298	<i class="icon-user-female"></i>
		1299	<span class="title">Profile 1 Account</span>
		1300	</a>
		1301	</li>
		1302	<li class="nav-item ">
		1303	<a href="page_user_profile_1_help.html" class="nav-link ">
		1304	<i class="icon-user-following"></i>
		1305	<span class="title">Profile 1 Help</span>
		1306	</a>
		1307	</li>
		1308	<li class="nav-item ">
		1309	<a href="page_user_profile_2.html" class="nav-link ">
		1310	<i class="icon-users"></i>
		1311	<span class="title">Profile 2</span>
		1312	</a>
		1313	</li>
		1314	<li class="nav-item ">
		1315	<a href="javascript:;" class="nav-link nav-toggle">
		1316	<i class="icon-notebook"></i>
		1317	<span class="title">Login</span>
		1318	<span class="arrow"></span>
		1319	</a>
		1320	<ul class="sub-menu">
		1321	<li class="nav-item ">
		1322	<a href="page_user_login_1.html" class="nav-link " target="_blank"> Login Page 1 </a>
		1323	</li>
		1324	<li class="nav-item ">
		1325	<a href="page_user_login_2.html" class="nav-link " target="_blank"> Login Page 2 </a>
		1326	</li>
		1327	<li class="nav-item ">
		1328	<a href="page_user_login_3.html" class="nav-link " target="_blank"> Login Page 3 </a>
		1329	</li>
		1330	<li class="nav-item ">
		1331	<a href="page_user_login_4.html" class="nav-link " target="_blank"> Login Page 4 </a>
		1332	</li>
		1333	<li class="nav-item ">
		1334	<a href="page_user_login_5.html" class="nav-link " target="_blank"> Login Page 5 </a>
		1335	</li>
		1336	<li class="nav-item ">
		1337	<a href="page_user_login_6.html" class="nav-link " target="_blank"> Login Page 6 </a>
		1338	</li>
		1339	</ul>
		1340	</li>
		1341	<li class="nav-item ">
		1342	<a href="page_user_lock_1.html" class="nav-link " target="_blank">
		1343	<i class="icon-lock"></i>
		1344	<span class="title">Lock Screen 1</span>
		1345	</a>
		1346	</li>
		1347	<li class="nav-item ">
		1348	<a href="page_user_lock_2.html" class="nav-link " target="_blank">
		1349	<i class="icon-lock-open"></i>
		1350	<span class="title">Lock Screen 2</span>
		1351	</a>
		1352	</li>
		1353	</ul>
		1354	</li>
		1355	<li class="nav-item active open">
		1356	<a href="javascript:;" class="nav-link nav-toggle">
		1357	<i class="icon-social-dribbble"></i>
		1358	<span class="title">General</span>
		1359	<span class="selected"></span>
		1360	<span class="arrow open"></span>
		1361	</a>
		1362	<ul class="sub-menu">
		1363	<li class="nav-item ">
		1364	<a href="page_general_about.html" class="nav-link ">
		1365	<i class="icon-info"></i>
		1366	<span class="title">About</span>
		1367	</a>
		1368	</li>
		1369	<li class="nav-item ">
		1370	<a href="page_general_contact.html" class="nav-link ">
		1371	<i class="icon-call-end"></i>
		1372	<span class="title">Contact</span>
		1373	</a>
		1374	</li>
		1375	<li class="nav-item active open">
		1376	<a href="javascript:;" class="nav-link nav-toggle">
		1377	<i class="icon-notebook"></i>
		1378	<span class="title">Portfolio</span>
		1379	<span class="selected"></span>
		1380	<span class="arrow open"></span>
		1381	</a>
		1382	<ul class="sub-menu">
		1383	<li class="nav-item ">
		1384	<a href="page_general_portfolio_1.html" class="nav-link "> Portfolio 1 </a>
		1385	</li>
		1386	<li class="nav-item ">
		1387	<a href="page_general_portfolio_2.html" class="nav-link "> Portfolio 2 </a>
		1388	</li>
		1389	<li class="nav-item active open">
		1390	<a href="page_general_portfolio_3.html" class="nav-link "> Portfolio 3 </a>
		1391	</li>
		1392	<li class="nav-item ">
		1393	<a href="page_general_portfolio_4.html" class="nav-link "> Portfolio 4 </a>
		1394	</li>
		1395	</ul>
		1396	</li>
		1397	<li class="nav-item ">
		1398	<a href="javascript:;" class="nav-link nav-toggle">
		1399	<i class="icon-magnifier"></i>
		1400	<span class="title">Search</span>
		1401	<span class="arrow"></span>
		1402	</a>
		1403	<ul class="sub-menu">
		1404	<li class="nav-item ">
		1405	<a href="page_general_search.html" class="nav-link "> Search 1 </a>
		1406	</li>
		1407	<li class="nav-item ">
		1408	<a href="page_general_search_2.html" class="nav-link "> Search 2 </a>
		1409	</li>
		1410	<li class="nav-item ">
		1411	<a href="page_general_search_3.html" class="nav-link "> Search 3 </a>
		1412	</li>
		1413	<li class="nav-item ">
		1414	<a href="page_general_search_4.html" class="nav-link "> Search 4 </a>
		1415	</li>
		1416	<li class="nav-item ">
		1417	<a href="page_general_search_5.html" class="nav-link "> Search 5 </a>
		1418	</li>
		1419	</ul>
		1420	</li>
		1421	<li class="nav-item ">
		1422	<a href="page_general_pricing.html" class="nav-link ">
		1423	<i class="icon-tag"></i>
		1424	<span class="title">Pricing</span>
		1425	</a>
		1426	</li>
		1427	<li class="nav-item ">
		1428	<a href="page_general_faq.html" class="nav-link ">
		1429	<i class="icon-wrench"></i>
		1430	<span class="title">FAQ</span>
		1431	</a>
		1432	</li>
		1433	<li class="nav-item ">
		1434	<a href="page_general_blog.html" class="nav-link ">
		1435	<i class="icon-pencil"></i>
		1436	<span class="title">Blog</span>
		1437	</a>
		1438	</li>
		1439	<li class="nav-item ">
		1440	<a href="page_general_blog_post.html" class="nav-link ">
		1441	<i class="icon-note"></i>
		1442	<span class="title">Blog Post</span>
		1443	</a>
		1444	</li>
		1445	<li class="nav-item ">
		1446	<a href="page_general_invoice.html" class="nav-link ">
		1447	<i class="icon-envelope"></i>
		1448	<span class="title">Invoice</span>
		1449	</a>
		1450	</li>
		1451	<li class="nav-item ">
		1452	<a href="page_general_invoice_2.html" class="nav-link ">
		1453	<i class="icon-envelope"></i>
		1454	<span class="title">Invoice 2</span>
		1455	</a>
		1456	</li>
		1457	</ul>
		1458	</li>
		1459	<li class="nav-item ">
		1460	<a href="javascript:;" class="nav-link nav-toggle">
		1461	<i class="icon-settings"></i>
		1462	<span class="title">System</span>
		1463	<span class="arrow"></span>
		1464	</a>
		1465	<ul class="sub-menu">
		1466	<li class="nav-item ">
		1467	<a href="page_cookie_consent_1.html" class="nav-link ">
		1468	<span class="title">Cookie Consent 1</span>
		1469	</a>
		1470	</li>
		1471	<li class="nav-item ">
		1472	<a href="page_cookie_consent_2.html" class="nav-link ">
		1473	<span class="title">Cookie Consent 2</span>
		1474	</a>
		1475	</li>
		1476	<li class="nav-item ">
		1477	<a href="page_system_coming_soon.html" class="nav-link " target="_blank">
		1478	<span class="title">Coming Soon</span>
		1479	</a>
		1480	</li>
		1481	<li class="nav-item ">
		1482	<a href="page_system_404_1.html" class="nav-link ">
		1483	<span class="title">404 Page 1</span>
		1484	</a>
		1485	</li>
		1486	<li class="nav-item ">
		1487	<a href="page_system_404_2.html" class="nav-link " target="_blank">
		1488	<span class="title">404 Page 2</span>
		1489	</a>
		1490	</li>
		1491	<li class="nav-item ">
		1492	<a href="page_system_404_3.html" class="nav-link " target="_blank">
		1493	<span class="title">404 Page 3</span>
		1494	</a>
		1495	</li>
		1496	<li class="nav-item ">
		1497	<a href="page_system_500_1.html" class="nav-link ">
		1498	<span class="title">500 Page 1</span>
		1499	</a>
		1500	</li>
		1501	<li class="nav-item ">
		1502	<a href="page_system_500_2.html" class="nav-link " target="_blank">
		1503	<span class="title">500 Page 2</span>
		1504	</a>
		1505	</li>
		1506	</ul>
		1507	</li>
		1508	<li class="nav-item">
		1509	<a href="javascript:;" class="nav-link nav-toggle">
		1510	<i class="icon-folder"></i>
		1511	<span class="title">Multi Level Menu</span>
		1512	<span class="arrow "></span>
		1513	</a>
		1514	<ul class="sub-menu">
		1515	<li class="nav-item">
		1516	<a href="javascript:;" class="nav-link nav-toggle">
		1517	<i class="icon-settings"></i> Item 1
		1518	<span class="arrow"></span>
		1519	</a>
		1520	<ul class="sub-menu">
		1521	<li class="nav-item">
		1522	<a href="javascript:;" target="_blank" class="nav-link">
		1523	<i class="icon-user"></i> Arrow Toggle
		1524	<span class="arrow nav-toggle"></span>
		1525	</a>
		1526	<ul class="sub-menu">
		1527	<li class="nav-item">
		1528	<a href="#" class="nav-link">
		1529	<i class="icon-power"></i> Sample Link 1</a>
		1530	</li>
		1531	<li class="nav-item">
		1532	<a href="#" class="nav-link">
		1533	<i class="icon-paper-plane"></i> Sample Link 1</a>
		1534	</li>
		1535	<li class="nav-item">
		1536	<a href="#" class="nav-link">
		1537	<i class="icon-star"></i> Sample Link 1</a>
		1538	</li>
		1539	</ul>
		1540	</li>
		1541	<li class="nav-item">
		1542	<a href="#" class="nav-link">
		1543	<i class="icon-camera"></i> Sample Link 1</a>
		1544	</li>
		1545	<li class="nav-item">
		1546	<a href="#" class="nav-link">
		1547	<i class="icon-link"></i> Sample Link 2</a>
		1548	</li>
		1549	<li class="nav-item">
		1550	<a href="#" class="nav-link">
		1551	<i class="icon-pointer"></i> Sample Link 3</a>
		1552	</li>
		1553	</ul>
		1554	</li>
		1555	<li class="nav-item">
		1556	<a href="javascript:;" target="_blank" class="nav-link">
		1557	<i class="icon-globe"></i> Arrow Toggle
		1558	<span class="arrow nav-toggle"></span>
		1559	</a>
		1560	<ul class="sub-menu">
		1561	<li class="nav-item">
		1562	<a href="#" class="nav-link">
		1563	<i class="icon-tag"></i> Sample Link 1</a>
		1564	</li>
		1565	<li class="nav-item">
		1566	<a href="#" class="nav-link">
		1567	<i class="icon-pencil"></i> Sample Link 1</a>
		1568	</li>
		1569	<li class="nav-item">
		1570	<a href="#" class="nav-link">
		1571	<i class="icon-graph"></i> Sample Link 1</a>
		1572	</li>
		1573	</ul>
		1574	</li>
		1575	<li class="nav-item">
		1576	<a href="#" class="nav-link">
		1577	<i class="icon-bar-chart"></i> Item 3 </a>
		1578	</li>
		1579	</ul>
		1580	</li>
		1581	</ul>
		1582	<!-- END SIDEBAR MENU -->
		1583	<!-- END SIDEBAR MENU -->
		1584	</div>
		1585	<!-- END SIDEBAR -->
		1586	</div>
		1587	<!-- END SIDEBAR -->
		1588	<!-- BEGIN CONTENT -->
		1589	<div class="page-content-wrapper">
		1590	<!-- BEGIN CONTENT BODY -->
		1591	<div class="page-content">
		1592	<!-- BEGIN PAGE HEADER-->
		1593	<!-- BEGIN THEME PANEL -->
		1594	<div class="theme-panel hidden-xs hidden-sm">
		1595	<div class="toggler"> </div>
		1596	<div class="toggler-close"> </div>
		1597	<div class="theme-options">
		1598	<div class="theme-option theme-colors clearfix">
		1599	<span> THEME COLOR </span>
		1600	<ul>
		1601	<li class="color-default current tooltips" data-style="default" data-container="body" data-original-title="Default"> </li>
		1602	<li class="color-darkblue tooltips" data-style="darkblue" data-container="body" data-original-title="Dark Blue"> </li>
		1603	<li class="color-blue tooltips" data-style="blue" data-container="body" data-original-title="Blue"> </li>
		1604	<li class="color-grey tooltips" data-style="grey" data-container="body" data-original-title="Grey"> </li>
		1605	<li class="color-light tooltips" data-style="light" data-container="body" data-original-title="Light"> </li>
		1606	<li class="color-light2 tooltips" data-style="light2" data-container="body" data-html="true" data-original-title="Light 2"> </li>
		1607	</ul>
		1608	</div>
		1609	<div class="theme-option">
		1610	<span> Theme Style </span>
		1611	<select class="layout-style-option form-control input-sm">
		1612	<option value="square" selected="selected">Square corners</option>
		1613	<option value="rounded">Rounded corners</option>
		1614	</select>
		1615	</div>
		1616	<div class="theme-option">
		1617	<span> Layout </span>
		1618	<select class="layout-option form-control input-sm">
		1619	<option value="fluid" selected="selected">Fluid</option>
		1620	<option value="boxed">Boxed</option>
		1621	</select>
		1622	</div>
		1623	<div class="theme-option">
		1624	<span> Header </span>
		1625	<select class="page-header-option form-control input-sm">
		1626	<option value="fixed" selected="selected">Fixed</option>
		1627	<option value="default">Default</option>
		1628	</select>
		1629	</div>
		1630	<div class="theme-option">
		1631	<span> Top Menu Dropdown</span>
		1632	<select class="page-header-top-dropdown-style-option form-control input-sm">
		1633	<option value="light" selected="selected">Light</option>
		1634	<option value="dark">Dark</option>
		1635	</select>
		1636	</div>
		1637	<div class="theme-option">
		1638	<span> Sidebar Mode</span>
		1639	<select class="sidebar-option form-control input-sm">
		1640	<option value="fixed">Fixed</option>
		1641	<option value="default" selected="selected">Default</option>
		1642	</select>
		1643	</div>
		1644	<div class="theme-option">
		1645	<span> Sidebar Menu </span>
		1646	<select class="sidebar-menu-option form-control input-sm">
		1647	<option value="accordion" selected="selected">Accordion</option>
		1648	<option value="hover">Hover</option>
		1649	</select>
		1650	</div>
		1651	<div class="theme-option">
		1652	<span> Sidebar Style </span>
		1653	<select class="sidebar-style-option form-control input-sm">
		1654	<option value="default" selected="selected">Default</option>
		1655	<option value="light">Light</option>
		1656	</select>
		1657	</div>
		1658	<div class="theme-option">
		1659	<span> Sidebar Position </span>
		1660	<select class="sidebar-pos-option form-control input-sm">
		1661	<option value="left" selected="selected">Left</option>
		1662	<option value="right">Right</option>
		1663	</select>
		1664	</div>
		1665	<div class="theme-option">
		1666	<span> Footer </span>
		1667	<select class="page-footer-option form-control input-sm">
		1668	<option value="fixed">Fixed</option>
		1669	<option value="default" selected="selected">Default</option>
		1670	</select>
		1671	</div>
		1672	</div>
		1673	</div>
		1674	<!-- END THEME PANEL -->
		1675	<!-- BEGIN PAGE BAR -->
		1676	<div class="page-bar">
		1677	<ul class="page-breadcrumb">
		1678	<li>
		1679	<a href="index.html">Home</a>
		1680	<i class="fa fa-circle"></i>
		1681	</li>
		1682	<li>
		1683	<a href="#">General</a>
		1684	<i class="fa fa-circle"></i>
		1685	</li>
		1686	<li>
		1687	<span>Portfolio</span>
		1688	</li>
		1689	</ul>
		1690	<div class="page-toolbar">
		1691	<div class="btn-group pull-right">
		1692	<button type="button" class="btn green btn-sm btn-outline dropdown-toggle" data-toggle="dropdown"> Actions
		1693	<i class="fa fa-angle-down"></i>
		1694	</button>
		1695	<ul class="dropdown-menu pull-right" role="menu">
		1696	<li>
		1697	<a href="#">
		1698	<i class="icon-bell"></i> Action</a>
		1699	</li>
		1700	<li>
		1701	<a href="#">
		1702	<i class="icon-shield"></i> Another action</a>
		1703	</li>
		1704	<li>
		1705	<a href="#">
		1706	<i class="icon-user"></i> Something else here</a>
		1707	</li>
		1708	<li class="divider"> </li>
		1709	<li>
		1710	<a href="#">
		1711	<i class="icon-bag"></i> Separated link</a>
		1712	</li>
		1713	</ul>
		1714	</div>
		1715	</div>
		1716	</div>
		1717	<!-- END PAGE BAR -->
		1718	<!-- BEGIN PAGE TITLE-->
		1719	<h1 class="page-title"> Portfolio 3
		1720	<small>Portfolio 3 - Lightbox Grid</small>
		1721	</h1>
		1722	<!-- END PAGE TITLE-->
		1723	<!-- END PAGE HEADER-->
		1724	<div class="portfolio-content portfolio-3">
		1725	<div class="clearfix">
		1726	<div id="js-filters-lightbox-gallery1" class="cbp-l-filters-dropdown cbp-l-filters-dropdown-floated">
		1727	<div class="cbp-l-filters-dropdownWrap border-grey-salsa">
		1728	<div class="cbp-l-filters-dropdownHeader uppercase">Sort Gallery</div>
		1729	<div class="cbp-l-filters-dropdownList">
		1730	<div data-filter="*" class="cbp-filter-item-active cbp-filter-item uppercase"> All (
		1731	<div class="cbp-filter-counter"></div> items) </div>
		1732	<div data-filter=".identity" class="cbp-filter-item uppercase"> Identity (
		1733	<div class="cbp-filter-counter"></div> items) </div>
		1734	<div data-filter=".web-design" class="cbp-filter-item uppercase"> Web Design (
		1735	<div class="cbp-filter-counter"></div> items) </div>
		1736	<div data-filter=".print" class="cbp-filter-item uppercase"> Print (
		1737	<div class="cbp-filter-counter"></div> items) </div>
		1738	</div>
		1739	</div>
		1740	</div>
		1741	<div id="js-filters-lightbox-gallery2" class="cbp-l-filters-button cbp-l-filters-left">
		1742	<div data-filter="*" class="cbp-filter-item-active cbp-filter-item btn blue btn-outline uppercase">All</div>
		1743	<div data-filter=".graphic" class="cbp-filter-item btn blue btn-outline uppercase">Graphic</div>
		1744	<div data-filter=".logos" class="cbp-filter-item btn blue btn-outline uppercase">Logo</div>
		1745	<div data-filter=".motion" class="cbp-filter-item btn blue btn-outline uppercase">Motion</div>
		1746	</div>
		1747	</div>
		1748	<div id="js-grid-lightbox-gallery" class="cbp">
		1749	<div class="cbp-item web-design graphic print motion">
		1750	<a href="../assets/global/plugins/cubeportfolio/ajax/project3.html" class="cbp-caption cbp-singlePageInline" data-title="World Clock Widget<br>by Paul Flavius Nechita" rel="nofollow">
		1751	<div class="cbp-caption-defaultWrap">
		1752	<img src="../assets/global/img/portfolio/600x600/01.jpg" alt=""> </div>
		1753	<div class="cbp-caption-activeWrap">
		1754	<div class="cbp-l-caption-alignLeft">
		1755	<div class="cbp-l-caption-body">
		1756	<div class="cbp-l-caption-title">World Clock Widget</div>
		1757	<div class="cbp-l-caption-desc">by Paul Flavius Nechita</div>
		1758	</div>
		1759	</div>
		1760	</div>
		1761	</a>
		1762	</div>
		1763	<div class="cbp-item web-design logos identity graphic">
		1764	<a href="../assets/global/plugins/cubeportfolio/ajax/project4.html" class="cbp-caption cbp-singlePageInline" data-title="Bolt UI<br>by Tiberiu Neamu" rel="nofollow">
		1765	<div class="cbp-caption-defaultWrap">
		1766	<img src="../assets/global/img/portfolio/600x600/1.jpg" alt=""> </div>
		1767	<div class="cbp-caption-activeWrap">
		1768	<div class="cbp-l-caption-alignLeft">
		1769	<div class="cbp-l-caption-body">
		1770	<div class="cbp-l-caption-title">Bolt UI</div>
		1771	<div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
		1772	</div>
		1773	</div>
		1774	</div>
		1775	</a>
		1776	</div>
		1777	<div class="cbp-item graphic print identity">
		1778	<a href="../assets/global/plugins/cubeportfolio/ajax/project3.html" class="cbp-caption cbp-singlePageInline" data-title="WhereTO App<br>by Tiberiu Neamu" rel="nofollow">
		1779	<div class="cbp-caption-defaultWrap">
		1780	<img src="../assets/global/img/portfolio/600x600/02.jpg" alt=""> </div>
		1781	<div class="cbp-caption-activeWrap">
		1782	<div class="cbp-l-caption-alignLeft">
		1783	<div class="cbp-l-caption-body">
		1784	<div class="cbp-l-caption-title">WhereTO App</div>
		1785	<div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
		1786	</div>
		1787	</div>
		1788	</div>
		1789	</a>
		1790	</div>
		1791	<div class="cbp-item web-design motion logos">
		1792	<a href="../assets/global/plugins/cubeportfolio/ajax/project4.html" class="cbp-caption cbp-singlePageInline" data-title="iDevices<br>by Tiberiu Neamu" rel="nofollow">
		1793	<div class="cbp-caption-defaultWrap">
		1794	<img src="../assets/global/img/portfolio/600x600/2.jpg" alt=""> </div>
		1795	<div class="cbp-caption-activeWrap">
		1796	<div class="cbp-l-caption-alignLeft">
		1797	<div class="cbp-l-caption-body">
		1798	<div class="cbp-l-caption-title">iDevices</div>
		1799	<div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
		1800	</div>
		1801	</div>
		1802	</div>
		1803	</a>
		1804	</div>
		1805	<div class="cbp-item identity graphic print">
		1806	<a href="../assets/global/plugins/cubeportfolio/ajax/project3.html" class="cbp-caption cbp-singlePageInline" data-title="Seemple* Music for iPad<br>by Tiberiu Neamu" rel="nofollow">
		1807	<div class="cbp-caption-defaultWrap">
		1808	<img src="../assets/global/img/portfolio/600x600/03.jpg" alt=""> </div>
		1809	<div class="cbp-caption-activeWrap">
		1810	<div class="cbp-l-caption-alignLeft">
		1811	<div class="cbp-l-caption-body">
		1812	<div class="cbp-l-caption-title">Seemple* Music for iPad</div>
		1813	<div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
		1814	</div>
		1815	</div>
		1816	</div>
		1817	</a>
		1818	</div>
		1819	<div class="cbp-item motion print logos web-design">
		1820	<a href="../assets/global/plugins/cubeportfolio/ajax/project4.html" class="cbp-caption cbp-singlePageInline" data-title="Remind~Me Widget<br>by Tiberiu Neamu" rel="nofollow">
		1821	<div class="cbp-caption-defaultWrap">
		1822	<img src="../assets/global/img/portfolio/600x600/3.jpg" alt=""> </div>
		1823	<div class="cbp-caption-activeWrap">
		1824	<div class="cbp-l-caption-alignLeft">
		1825	<div class="cbp-l-caption-body">
		1826	<div class="cbp-l-caption-title">Remind~Me Widget</div>
		1827	<div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
		1828	</div>
		1829	</div>
		1830	</div>
		1831	</a>
		1832	</div>
		1833	<div class="cbp-item graphic logos">
		1834	<a href="../assets/global/plugins/cubeportfolio/ajax/project3.html" class="cbp-caption cbp-singlePageInline" data-title="Workout Buddy<br>by Tiberiu Neamu" rel="nofollow">
		1835	<div class="cbp-caption-defaultWrap">
		1836	<img src="../assets/global/img/portfolio/600x600/04.jpg" alt=""> </div>
		1837	<div class="cbp-caption-activeWrap">
		1838	<div class="cbp-l-caption-alignLeft">
		1839	<div class="cbp-l-caption-body">
		1840	<div class="cbp-l-caption-title">Workout Buddy</div>
		1841	<div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
		1842	</div>
		1843	</div>
		1844	</div>
		1845	</a>
		1846	</div>
		1847	<div class="cbp-item identity print logos motion">
		1848	<a href="../assets/global/plugins/cubeportfolio/ajax/project4.html" class="cbp-caption cbp-singlePageInline" data-title="Digital Menu<br>by Cosmin Capitanu" rel="nofollow">
		1849	<div class="cbp-caption-defaultWrap">
		1850	<img src="../assets/global/img/portfolio/600x600/4.jpg" alt=""> </div>
		1851	<div class="cbp-caption-activeWrap">
		1852	<div class="cbp-l-caption-alignLeft">
		1853	<div class="cbp-l-caption-body">
		1854	<div class="cbp-l-caption-title">Digital Menu</div>
		1855	<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
		1856	</div>
		1857	</div>
		1858	</div>
		1859	</a>
		1860	</div>
		1861	<div class="cbp-item identity motion web-design">
		1862	<a href="../assets/global/plugins/cubeportfolio/ajax/project3.html" class="cbp-caption cbp-singlePageInline" data-title="Holiday Selector<br>by Cosmin Capitanu" rel="nofollow">
		1863	<div class="cbp-caption-defaultWrap">
		1864	<img src="../assets/global/img/portfolio/600x600/05.jpg" alt=""> </div>
		1865	<div class="cbp-caption-activeWrap">
		1866	<div class="cbp-l-caption-alignLeft">
		1867	<div class="cbp-l-caption-body">
		1868	<div class="cbp-l-caption-title">Holiday Selector</div>
		1869	<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
		1870	</div>
		1871	</div>
		1872	</div>
		1873	</a>
		1874	</div>
		1875	</div>
		1876	<div id="js-loadMore-lightbox-gallery" class="cbp-l-loadMore-button">
		1877	<a href="../assets/global/plugins/cubeportfolio/ajax/loadMore3.html" class="cbp-l-loadMore-link btn grey-mint btn-outline" rel="nofollow">
		1878	<span class="cbp-l-loadMore-defaultText">LOAD MORE</span>
		1879	<span class="cbp-l-loadMore-loadingText">LOADING...</span>
		1880	<span class="cbp-l-loadMore-noMoreLoading">NO MORE WORKS</span>
		1881	</a>
		1882	</div>
		1883	</div>
		1884	</div>
		1885	<!-- END CONTENT BODY -->
		1886	</div>
		1887	<!-- END CONTENT -->
		1888	<!-- BEGIN QUICK SIDEBAR -->
		1889	<a href="javascript:;" class="page-quick-sidebar-toggler">
		1890	<i class="icon-login"></i>
		1891	</a>
		1892	<div class="page-quick-sidebar-wrapper" data-close-on-body-click="false">
		1893	<div class="page-quick-sidebar">
		1894	<ul class="nav nav-tabs">
		1895	<li class="active">
		1896	<a href="javascript:;" data-target="#quick_sidebar_tab_1" data-toggle="tab"> Users
		1897	<span class="badge badge-danger">2</span>
		1898	</a>
		1899	</li>
		1900	<li>
		1901	<a href="javascript:;" data-target="#quick_sidebar_tab_2" data-toggle="tab"> Alerts
		1902	<span class="badge badge-success">7</span>
		1903	</a>
		1904	</li>
		1905	<li class="dropdown">
		1906	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> More
		1907	<i class="fa fa-angle-down"></i>
		1908	</a>
		1909	<ul class="dropdown-menu pull-right">
		1910	<li>
		1911	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		1912	<i class="icon-bell"></i> Alerts </a>
		1913	</li>
		1914	<li>
		1915	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		1916	<i class="icon-info"></i> Notifications </a>
		1917	</li>
		1918	<li>
		1919	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		1920	<i class="icon-speech"></i> Activities </a>
		1921	</li>
		1922	<li class="divider"></li>
		1923	<li>
		1924	<a href="javascript:;" data-target="#quick_sidebar_tab_3" data-toggle="tab">
		1925	<i class="icon-settings"></i> Settings </a>
		1926	</li>
		1927	</ul>
		1928	</li>
		1929	</ul>
		1930	<div class="tab-content">
		1931	<div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
		1932	<div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
		1933	<h3 class="list-heading">Staff</h3>
		1934	<ul class="media-list list-items">
		1935	<li class="media">
		1936	<div class="media-status">
		1937	<span class="badge badge-success">8</span>
		1938	</div>
		1939	<img class="media-object" src="../assets/layouts/layout/img/avatar3.jpg" alt="...">
		1940	<div class="media-body">
		1941	<h4 class="media-heading">Bob Nilson</h4>
		1942	<div class="media-heading-sub"> Project Manager </div>
		1943	</div>
		1944	</li>
		1945	<li class="media">
		1946	<img class="media-object" src="../assets/layouts/layout/img/avatar1.jpg" alt="...">
		1947	<div class="media-body">
		1948	<h4 class="media-heading">Nick Larson</h4>
		1949	<div class="media-heading-sub"> Art Director </div>
		1950	</div>
		1951	</li>
		1952	<li class="media">
		1953	<div class="media-status">
		1954	<span class="badge badge-danger">3</span>
		1955	</div>
		1956	<img class="media-object" src="../assets/layouts/layout/img/avatar4.jpg" alt="...">
		1957	<div class="media-body">
		1958	<h4 class="media-heading">Deon Hubert</h4>
		1959	<div class="media-heading-sub"> CTO </div>
		1960	</div>
		1961	</li>
		1962	<li class="media">
		1963	<img class="media-object" src="../assets/layouts/layout/img/avatar2.jpg" alt="...">
		1964	<div class="media-body">
		1965	<h4 class="media-heading">Ella Wong</h4>
		1966	<div class="media-heading-sub"> CEO </div>
		1967	</div>
		1968	</li>
		1969	</ul>
		1970	<h3 class="list-heading">Customers</h3>
		1971	<ul class="media-list list-items">
		1972	<li class="media">
		1973	<div class="media-status">
		1974	<span class="badge badge-warning">2</span>
		1975	</div>
		1976	<img class="media-object" src="../assets/layouts/layout/img/avatar6.jpg" alt="...">
		1977	<div class="media-body">
		1978	<h4 class="media-heading">Lara Kunis</h4>
		1979	<div class="media-heading-sub"> CEO, Loop Inc </div>
		1980	<div class="media-heading-small"> Last seen 03:10 AM </div>
		1981	</div>
		1982	</li>
		1983	<li class="media">
		1984	<div class="media-status">
		1985	<span class="label label-sm label-success">new</span>
		1986	</div>
		1987	<img class="media-object" src="../assets/layouts/layout/img/avatar7.jpg" alt="...">
		1988	<div class="media-body">
		1989	<h4 class="media-heading">Ernie Kyllonen</h4>
		1990	<div class="media-heading-sub"> Project Manager,
		1991	<br> SmartBizz PTL </div>
		1992	</div>
		1993	</li>
		1994	<li class="media">
		1995	<img class="media-object" src="../assets/layouts/layout/img/avatar8.jpg" alt="...">
		1996	<div class="media-body">
		1997	<h4 class="media-heading">Lisa Stone</h4>
		1998	<div class="media-heading-sub"> CTO, Keort Inc </div>
		1999	<div class="media-heading-small"> Last seen 13:10 PM </div>
		2000	</div>
		2001	</li>
		2002	<li class="media">
		2003	<div class="media-status">
		2004	<span class="badge badge-success">7</span>
		2005	</div>
		2006	<img class="media-object" src="../assets/layouts/layout/img/avatar9.jpg" alt="...">
		2007	<div class="media-body">
		2008	<h4 class="media-heading">Deon Portalatin</h4>
		2009	<div class="media-heading-sub"> CFO, H&D LTD </div>
		2010	</div>
		2011	</li>
		2012	<li class="media">
		2013	<img class="media-object" src="../assets/layouts/layout/img/avatar10.jpg" alt="...">
		2014	<div class="media-body">
		2015	<h4 class="media-heading">Irina Savikova</h4>
		2016	<div class="media-heading-sub"> CEO, Tizda Motors Inc </div>
		2017	</div>
		2018	</li>
		2019	<li class="media">
		2020	<div class="media-status">
		2021	<span class="badge badge-danger">4</span>
		2022	</div>
		2023	<img class="media-object" src="../assets/layouts/layout/img/avatar11.jpg" alt="...">
		2024	<div class="media-body">
		2025	<h4 class="media-heading">Maria Gomez</h4>
		2026	<div class="media-heading-sub"> Manager, Infomatic Inc </div>
		2027	<div class="media-heading-small"> Last seen 03:10 AM </div>
		2028	</div>
		2029	</li>
		2030	</ul>
		2031	</div>
		2032	<div class="page-quick-sidebar-item">
		2033	<div class="page-quick-sidebar-chat-user">
		2034	<div class="page-quick-sidebar-nav">
		2035	<a href="javascript:;" class="page-quick-sidebar-back-to-list">
		2036	<i class="icon-arrow-left"></i>Back</a>
		2037	</div>
		2038	<div class="page-quick-sidebar-chat-user-messages">
		2039	<div class="post out">
		2040	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		2041	<div class="message">
		2042	<span class="arrow"></span>
		2043	<a href="javascript:;" class="name">Bob Nilson</a>
		2044	<span class="datetime">20:15</span>
		2045	<span class="body"> When could you send me the report ? </span>
		2046	</div>
		2047	</div>
		2048	<div class="post in">
		2049	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		2050	<div class="message">
		2051	<span class="arrow"></span>
		2052	<a href="javascript:;" class="name">Ella Wong</a>
		2053	<span class="datetime">20:15</span>
		2054	<span class="body"> Its almost done. I will be sending it shortly </span>
		2055	</div>
		2056	</div>
		2057	<div class="post out">
		2058	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		2059	<div class="message">
		2060	<span class="arrow"></span>
		2061	<a href="javascript:;" class="name">Bob Nilson</a>
		2062	<span class="datetime">20:15</span>
		2063	<span class="body"> Alright. Thanks! :) </span>
		2064	</div>
		2065	</div>
		2066	<div class="post in">
		2067	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		2068	<div class="message">
		2069	<span class="arrow"></span>
		2070	<a href="javascript:;" class="name">Ella Wong</a>
		2071	<span class="datetime">20:16</span>
		2072	<span class="body"> You are most welcome. Sorry for the delay. </span>
		2073	</div>
		2074	</div>
		2075	<div class="post out">
		2076	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		2077	<div class="message">
		2078	<span class="arrow"></span>
		2079	<a href="javascript:;" class="name">Bob Nilson</a>
		2080	<span class="datetime">20:17</span>
		2081	<span class="body"> No probs. Just take your time :) </span>
		2082	</div>
		2083	</div>
		2084	<div class="post in">
		2085	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		2086	<div class="message">
		2087	<span class="arrow"></span>
		2088	<a href="javascript:;" class="name">Ella Wong</a>
		2089	<span class="datetime">20:40</span>
		2090	<span class="body"> Alright. I just emailed it to you. </span>
		2091	</div>
		2092	</div>
		2093	<div class="post out">
		2094	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		2095	<div class="message">
		2096	<span class="arrow"></span>
		2097	<a href="javascript:;" class="name">Bob Nilson</a>
		2098	<span class="datetime">20:17</span>
		2099	<span class="body"> Great! Thanks. Will check it right away. </span>
		2100	</div>
		2101	</div>
		2102	<div class="post in">
		2103	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar2.jpg" />
		2104	<div class="message">
		2105	<span class="arrow"></span>
		2106	<a href="javascript:;" class="name">Ella Wong</a>
		2107	<span class="datetime">20:40</span>
		2108	<span class="body"> Please let me know if you have any comment. </span>
		2109	</div>
		2110	</div>
		2111	<div class="post out">
		2112	<img class="avatar" alt="" src="../assets/layouts/layout/img/avatar3.jpg" />
		2113	<div class="message">
		2114	<span class="arrow"></span>
		2115	<a href="javascript:;" class="name">Bob Nilson</a>
		2116	<span class="datetime">20:17</span>
		2117	<span class="body"> Sure. I will check and buzz you if anything needs to be corrected. </span>
		2118	</div>
		2119	</div>
		2120	</div>
		2121	<div class="page-quick-sidebar-chat-user-form">
		2122	<div class="input-group">
		2123	<input type="text" class="form-control" placeholder="Type a message here...">
		2124	<div class="input-group-btn">
		2125	<button type="button" class="btn green">
		2126	<i class="icon-paper-clip"></i>
		2127	</button>
		2128	</div>
		2129	</div>
		2130	</div>
		2131	</div>
		2132	</div>
		2133	</div>
		2134	<div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
		2135	<div class="page-quick-sidebar-alerts-list">
		2136	<h3 class="list-heading">General</h3>
		2137	<ul class="feeds list-items">
		2138	<li>
		2139	<div class="col1">
		2140	<div class="cont">
		2141	<div class="cont-col1">
		2142	<div class="label label-sm label-info">
		2143	<i class="fa fa-check"></i>
		2144	</div>
		2145	</div>
		2146	<div class="cont-col2">
		2147	<div class="desc"> You have 4 pending tasks.
		2148	<span class="label label-sm label-warning "> Take action
		2149	<i class="fa fa-share"></i>
		2150	</span>
		2151	</div>
		2152	</div>
		2153	</div>
		2154	</div>
		2155	<div class="col2">
		2156	<div class="date"> Just now </div>
		2157	</div>
		2158	</li>
		2159	<li>
		2160	<a href="javascript:;">
		2161	<div class="col1">
		2162	<div class="cont">
		2163	<div class="cont-col1">
		2164	<div class="label label-sm label-success">
		2165	<i class="fa fa-bar-chart-o"></i>
		2166	</div>
		2167	</div>
		2168	<div class="cont-col2">
		2169	<div class="desc"> Finance Report for year 2013 has been released. </div>
		2170	</div>
		2171	</div>
		2172	</div>
		2173	<div class="col2">
		2174	<div class="date"> 20 mins </div>
		2175	</div>
		2176	</a>
		2177	</li>
		2178	<li>
		2179	<div class="col1">
		2180	<div class="cont">
		2181	<div class="cont-col1">
		2182	<div class="label label-sm label-danger">
		2183	<i class="fa fa-user"></i>
		2184	</div>
		2185	</div>
		2186	<div class="cont-col2">
		2187	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		2188	</div>
		2189	</div>
		2190	</div>
		2191	<div class="col2">
		2192	<div class="date"> 24 mins </div>
		2193	</div>
		2194	</li>
		2195	<li>
		2196	<div class="col1">
		2197	<div class="cont">
		2198	<div class="cont-col1">
		2199	<div class="label label-sm label-info">
		2200	<i class="fa fa-shopping-cart"></i>
		2201	</div>
		2202	</div>
		2203	<div class="cont-col2">
		2204	<div class="desc"> New order received with
		2205	<span class="label label-sm label-success"> Reference Number: DR23923 </span>
		2206	</div>
		2207	</div>
		2208	</div>
		2209	</div>
		2210	<div class="col2">
		2211	<div class="date"> 30 mins </div>
		2212	</div>
		2213	</li>
		2214	<li>
		2215	<div class="col1">
		2216	<div class="cont">
		2217	<div class="cont-col1">
		2218	<div class="label label-sm label-success">
		2219	<i class="fa fa-user"></i>
		2220	</div>
		2221	</div>
		2222	<div class="cont-col2">
		2223	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		2224	</div>
		2225	</div>
		2226	</div>
		2227	<div class="col2">
		2228	<div class="date"> 24 mins </div>
		2229	</div>
		2230	</li>
		2231	<li>
		2232	<div class="col1">
		2233	<div class="cont">
		2234	<div class="cont-col1">
		2235	<div class="label label-sm label-info">
		2236	<i class="fa fa-bell-o"></i>
		2237	</div>
		2238	</div>
		2239	<div class="cont-col2">
		2240	<div class="desc"> Web server hardware needs to be upgraded.
		2241	<span class="label label-sm label-warning"> Overdue </span>
		2242	</div>
		2243	</div>
		2244	</div>
		2245	</div>
		2246	<div class="col2">
		2247	<div class="date"> 2 hours </div>
		2248	</div>
		2249	</li>
		2250	<li>
		2251	<a href="javascript:;">
		2252	<div class="col1">
		2253	<div class="cont">
		2254	<div class="cont-col1">
		2255	<div class="label label-sm label-default">
		2256	<i class="fa fa-briefcase"></i>
		2257	</div>
		2258	</div>
		2259	<div class="cont-col2">
		2260	<div class="desc"> IPO Report for year 2013 has been released. </div>
		2261	</div>
		2262	</div>
		2263	</div>
		2264	<div class="col2">
		2265	<div class="date"> 20 mins </div>
		2266	</div>
		2267	</a>
		2268	</li>
		2269	</ul>
		2270	<h3 class="list-heading">System</h3>
		2271	<ul class="feeds list-items">
		2272	<li>
		2273	<div class="col1">
		2274	<div class="cont">
		2275	<div class="cont-col1">
		2276	<div class="label label-sm label-info">
		2277	<i class="fa fa-check"></i>
		2278	</div>
		2279	</div>
		2280	<div class="cont-col2">
		2281	<div class="desc"> You have 4 pending tasks.
		2282	<span class="label label-sm label-warning "> Take action
		2283	<i class="fa fa-share"></i>
		2284	</span>
		2285	</div>
		2286	</div>
		2287	</div>
		2288	</div>
		2289	<div class="col2">
		2290	<div class="date"> Just now </div>
		2291	</div>
		2292	</li>
		2293	<li>
		2294	<a href="javascript:;">
		2295	<div class="col1">
		2296	<div class="cont">
		2297	<div class="cont-col1">
		2298	<div class="label label-sm label-danger">
		2299	<i class="fa fa-bar-chart-o"></i>
		2300	</div>
		2301	</div>
		2302	<div class="cont-col2">
		2303	<div class="desc"> Finance Report for year 2013 has been released. </div>
		2304	</div>
		2305	</div>
		2306	</div>
		2307	<div class="col2">
		2308	<div class="date"> 20 mins </div>
		2309	</div>
		2310	</a>
		2311	</li>
		2312	<li>
		2313	<div class="col1">
		2314	<div class="cont">
		2315	<div class="cont-col1">
		2316	<div class="label label-sm label-default">
		2317	<i class="fa fa-user"></i>
		2318	</div>
		2319	</div>
		2320	<div class="cont-col2">
		2321	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		2322	</div>
		2323	</div>
		2324	</div>
		2325	<div class="col2">
		2326	<div class="date"> 24 mins </div>
		2327	</div>
		2328	</li>
		2329	<li>
		2330	<div class="col1">
		2331	<div class="cont">
		2332	<div class="cont-col1">
		2333	<div class="label label-sm label-info">
		2334	<i class="fa fa-shopping-cart"></i>
		2335	</div>
		2336	</div>
		2337	<div class="cont-col2">
		2338	<div class="desc"> New order received with
		2339	<span class="label label-sm label-success"> Reference Number: DR23923 </span>
		2340	</div>
		2341	</div>
		2342	</div>
		2343	</div>
		2344	<div class="col2">
		2345	<div class="date"> 30 mins </div>
		2346	</div>
		2347	</li>
		2348	<li>
		2349	<div class="col1">
		2350	<div class="cont">
		2351	<div class="cont-col1">
		2352	<div class="label label-sm label-success">
		2353	<i class="fa fa-user"></i>
		2354	</div>
		2355	</div>
		2356	<div class="cont-col2">
		2357	<div class="desc"> You have 5 pending membership that requires a quick review. </div>
		2358	</div>
		2359	</div>
		2360	</div>
		2361	<div class="col2">
		2362	<div class="date"> 24 mins </div>
		2363	</div>
		2364	</li>
		2365	<li>
		2366	<div class="col1">
		2367	<div class="cont">
		2368	<div class="cont-col1">
		2369	<div class="label label-sm label-warning">
		2370	<i class="fa fa-bell-o"></i>
		2371	</div>
		2372	</div>
		2373	<div class="cont-col2">
		2374	<div class="desc"> Web server hardware needs to be upgraded.
		2375	<span class="label label-sm label-default "> Overdue </span>
		2376	</div>
		2377	</div>
		2378	</div>
		2379	</div>
		2380	<div class="col2">
		2381	<div class="date"> 2 hours </div>
		2382	</div>
		2383	</li>
		2384	<li>
		2385	<a href="javascript:;">
		2386	<div class="col1">
		2387	<div class="cont">
		2388	<div class="cont-col1">
		2389	<div class="label label-sm label-info">
		2390	<i class="fa fa-briefcase"></i>
		2391	</div>
		2392	</div>
		2393	<div class="cont-col2">
		2394	<div class="desc"> IPO Report for year 2013 has been released. </div>
		2395	</div>
		2396	</div>
		2397	</div>
		2398	<div class="col2">
		2399	<div class="date"> 20 mins </div>
		2400	</div>
		2401	</a>
		2402	</li>
		2403	</ul>
		2404	</div>
		2405	</div>
		2406	<div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
		2407	<div class="page-quick-sidebar-settings-list">
		2408	<h3 class="list-heading">General Settings</h3>
		2409	<ul class="list-items borderless">
		2410	<li> Enable Notifications
		2411	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		2412	<li> Allow Tracking
		2413	<input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		2414	<li> Log Errors
		2415	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		2416	<li> Auto Sumbit Issues
		2417	<input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		2418	<li> Enable SMS Alerts
		2419	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		2420	</ul>
		2421	<h3 class="list-heading">System Settings</h3>
		2422	<ul class="list-items borderless">
		2423	<li> Security Level
		2424	<select class="form-control input-inline input-sm input-small">
		2425	<option value="1">Normal</option>
		2426	<option value="2" selected>Medium</option>
		2427	<option value="e">High</option>
		2428	</select>
		2429	</li>
		2430	<li> Failed Email Attempts
		2431	<input class="form-control input-inline input-sm input-small" value="5" /> </li>
		2432	<li> Secondary SMTP Port
		2433	<input class="form-control input-inline input-sm input-small" value="3560" /> </li>
		2434	<li> Notify On System Error
		2435	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		2436	<li> Notify On SMTP Error
		2437	<input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF"> </li>
		2438	</ul>
		2439	<div class="inner-content">
		2440	<button class="btn btn-success">
		2441	<i class="icon-settings"></i> Save Changes</button>
		2442	</div>
		2443	</div>
		2444	</div>
		2445	</div>
		2446	</div>
		2447	</div>
		2448	<!-- END QUICK SIDEBAR -->
		2449	</div>
		2450	<!-- END CONTAINER -->
		2451	<!-- BEGIN FOOTER -->
		2452	<div class="page-footer">
		2453	<div class="page-footer-inner"> 2016 © Metronic Theme By
		2454	<a target="_blank" href="http://keenthemes.com">Keenthemes</a>  \|
		2455	<a href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes" title="Purchase Metronic just for 27$ and get lifetime updates for free" target="_blank">Purchase Metronic!</a>
		2456	</div>
		2457	<div class="scroll-to-top">
		2458	<i class="icon-arrow-up"></i>
		2459	</div>
		2460	</div>
		2461	<!-- END FOOTER -->
		2462	</div>
		2463	<!--[if lt IE 9]>
		2464	<script src="../assets/global/plugins/respond.min.js"></script>
		2465	<script src="../assets/global/plugins/excanvas.min.js"></script>
		2466	<![endif]-->
		2467	<!-- BEGIN CORE PLUGINS -->
		2468	<script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
		2469	<script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		2470	<script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
		2471	<script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		2472	<script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		2473	<script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
		2474	<!-- END CORE PLUGINS -->
		2475	<!-- BEGIN PAGE LEVEL PLUGINS -->
		2476	<script src="../assets/global/plugins/cubeportfolio/js/jquery.cubeportfolio.min.js" type="text/javascript"></script>
		2477	<!-- END PAGE LEVEL PLUGINS -->
		2478	<!-- BEGIN THEME GLOBAL SCRIPTS -->
		2479	<script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
		2480	<!-- END THEME GLOBAL SCRIPTS -->
		2481	<!-- BEGIN PAGE LEVEL SCRIPTS -->
		2482	<script src="../assets/pages/scripts/portfolio-3.min.js" type="text/javascript"></script>
		2483	<!-- END PAGE LEVEL SCRIPTS -->
		2484	<!-- BEGIN THEME LAYOUT SCRIPTS -->
		2485	<script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
		2486	<script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
		2487	<script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
		2488	<!-- END THEME LAYOUT SCRIPTS -->
		2489	</body>

Subversion Repositories Integrator Subversion

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