WebSVN - Integrator Subversion - Blame - Rev 1 - /DOCUMENTOS E ANALISE/telas/templates/admin3/inbox.html

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 \| User Inbox</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 PAGE LEVEL STYLES -->
		35	<link href="../../assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.css" rel="stylesheet" type="text/css"/>
		36	<link href="../../assets/global/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet"/>
		37	<!-- BEGIN:File Upload Plugin CSS files-->
		38	<link href="../../assets/global/plugins/jquery-file-upload/blueimp-gallery/blueimp-gallery.min.css" rel="stylesheet"/>
		39	<link href="../../assets/global/plugins/jquery-file-upload/css/jquery.fileupload.css" rel="stylesheet"/>
		40	<link href="../../assets/global/plugins/jquery-file-upload/css/jquery.fileupload-ui.css" rel="stylesheet"/>
		41	<!-- END:File Upload Plugin CSS files-->
		42	<!-- END PAGE LEVEL STYLES -->
		43	<!-- BEGIN PAGE LEVEL STYLES -->
		44	<link href="../../assets/admin/pages/css/inbox.css" rel="stylesheet" type="text/css"/>
		45	<!-- END PAGE LEVEL STYLES -->
		46	<!-- BEGIN THEME STYLES -->
		47	<link href="../../assets/global/css/components-rounded.css" id="style_components" rel="stylesheet" type="text/css">
		48	<link href="../../assets/global/css/plugins.css" rel="stylesheet" type="text/css">
		49	<link href="../../assets/admin/layout3/css/layout.css" rel="stylesheet" type="text/css">
		50	<link href="../../assets/admin/layout3/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color">
		51	<link href="../../assets/admin/layout3/css/custom.css" rel="stylesheet" type="text/css">
		52	<!-- END THEME STYLES -->
		53	<link rel="shortcut icon" href="favicon.ico"/>
		54	</head>
		55	<!-- END HEAD -->
		56	<!-- BEGIN BODY -->
		57	<!-- DOC: Apply "page-header-menu-fixed" class to set the mega menu fixed -->
		58	<!-- DOC: Apply "page-header-top-fixed" class to set the top menu fixed -->
		59	<body>
		60	<!-- BEGIN HEADER -->
		61	<div class="page-header">
		62	<!-- BEGIN HEADER TOP -->
		63	<div class="page-header-top">
		64	<div class="container">
		65	<!-- BEGIN LOGO -->
		66	<div class="page-logo">
		67	<a href="index.html"><img src="../../assets/admin/layout3/img/logo-default.png" alt="logo" class="logo-default"></a>
		68	</div>
		69	<!-- END LOGO -->
		70	<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		71	<a href="javascript:;" class="menu-toggler"></a>
		72	<!-- END RESPONSIVE MENU TOGGLER -->
		73	<!-- BEGIN TOP NAVIGATION MENU -->
		74	<div class="top-menu">
		75	<ul class="nav navbar-nav pull-right">
		76	<!-- BEGIN NOTIFICATION DROPDOWN -->
		77	<li class="dropdown dropdown-extended dropdown-dark dropdown-notification" id="header_notification_bar">
		78	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		79	<i class="icon-bell"></i>
		80	<span class="badge badge-default">7</span>
		81	</a>
		82	<ul class="dropdown-menu">
		83	<li class="external">
		84	<h3>You have <strong>12 pending</strong> tasks</h3>
		85	<a href="javascript:;">view all</a>
		86	</li>
		87	<li>
		88	<ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
		89	<li>
		90	<a href="javascript:;">
		91	<span class="time">just now</span>
		92	<span class="details">
		93	<span class="label label-sm label-icon label-success">
		94	<i class="fa fa-plus"></i>
		95	</span>
		96	New user registered. </span>
		97	</a>
		98	</li>
		99	<li>
		100	<a href="javascript:;">
		101	<span class="time">3 mins</span>
		102	<span class="details">
		103	<span class="label label-sm label-icon label-danger">
		104	<i class="fa fa-bolt"></i>
		105	</span>
		106	Server #12 overloaded. </span>
		107	</a>
		108	</li>
		109	<li>
		110	<a href="javascript:;">
		111	<span class="time">10 mins</span>
		112	<span class="details">
		113	<span class="label label-sm label-icon label-warning">
		114	<i class="fa fa-bell-o"></i>
		115	</span>
		116	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>
		126	Application error. </span>
		127	</a>
		128	</li>
		129	<li>
		130	<a href="javascript:;">
		131	<span class="time">2 days</span>
		132	<span class="details">
		133	<span class="label label-sm label-icon label-danger">
		134	<i class="fa fa-bolt"></i>
		135	</span>
		136	Database overloaded 68%. </span>
		137	</a>
		138	</li>
		139	<li>
		140	<a href="javascript:;">
		141	<span class="time">3 days</span>
		142	<span class="details">
		143	<span class="label label-sm label-icon label-danger">
		144	<i class="fa fa-bolt"></i>
		145	</span>
		146	A user IP blocked. </span>
		147	</a>
		148	</li>
		149	<li>
		150	<a href="javascript:;">
		151	<span class="time">4 days</span>
		152	<span class="details">
		153	<span class="label label-sm label-icon label-warning">
		154	<i class="fa fa-bell-o"></i>
		155	</span>
		156	Storage Server #4 not responding dfdfdfd. </span>
		157	</a>
		158	</li>
		159	<li>
		160	<a href="javascript:;">
		161	<span class="time">5 days</span>
		162	<span class="details">
		163	<span class="label label-sm label-icon label-info">
		164	<i class="fa fa-bullhorn"></i>
		165	</span>
		166	System Error. </span>
		167	</a>
		168	</li>
		169	<li>
		170	<a href="javascript:;">
		171	<span class="time">9 days</span>
		172	<span class="details">
		173	<span class="label label-sm label-icon label-danger">
		174	<i class="fa fa-bolt"></i>
		175	</span>
		176	Storage server failed. </span>
		177	</a>
		178	</li>
		179	</ul>
		180	</li>
		181	</ul>
		182	</li>
		183	<!-- END NOTIFICATION DROPDOWN -->
		184	<!-- BEGIN TODO DROPDOWN -->
		185	<li class="dropdown dropdown-extended dropdown-dark dropdown-tasks" id="header_task_bar">
		186	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		187	<i class="icon-calendar"></i>
		188	<span class="badge badge-default">3</span>
		189	</a>
		190	<ul class="dropdown-menu extended tasks">
		191	<li class="external">
		192	<h3>You have <strong>12 pending</strong> tasks</h3>
		193	<a href="javascript:;">view all</a>
		194	</li>
		195	<li>
		196	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		197	<li>
		198	<a href="javascript:;">
		199	<span class="task">
		200	<span class="desc">New release v1.2 </span>
		201	<span class="percent">30%</span>
		202	</span>
		203	<span class="progress">
		204	<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>
		205	</span>
		206	</a>
		207	</li>
		208	<li>
		209	<a href="javascript:;">
		210	<span class="task">
		211	<span class="desc">Application deployment</span>
		212	<span class="percent">65%</span>
		213	</span>
		214	<span class="progress">
		215	<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>
		216	</span>
		217	</a>
		218	</li>
		219	<li>
		220	<a href="javascript:;">
		221	<span class="task">
		222	<span class="desc">Mobile app release</span>
		223	<span class="percent">98%</span>
		224	</span>
		225	<span class="progress">
		226	<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>
		227	</span>
		228	</a>
		229	</li>
		230	<li>
		231	<a href="javascript:;">
		232	<span class="task">
		233	<span class="desc">Database migration</span>
		234	<span class="percent">10%</span>
		235	</span>
		236	<span class="progress">
		237	<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>
		238	</span>
		239	</a>
		240	</li>
		241	<li>
		242	<a href="javascript:;">
		243	<span class="task">
		244	<span class="desc">Web server upgrade</span>
		245	<span class="percent">58%</span>
		246	</span>
		247	<span class="progress">
		248	<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>
		249	</span>
		250	</a>
		251	</li>
		252	<li>
		253	<a href="javascript:;">
		254	<span class="task">
		255	<span class="desc">Mobile development</span>
		256	<span class="percent">85%</span>
		257	</span>
		258	<span class="progress">
		259	<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>
		260	</span>
		261	</a>
		262	</li>
		263	<li>
		264	<a href="javascript:;">
		265	<span class="task">
		266	<span class="desc">New UI release</span>
		267	<span class="percent">38%</span>
		268	</span>
		269	<span class="progress progress-striped">
		270	<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>
		271	</span>
		272	</a>
		273	</li>
		274	</ul>
		275	</li>
		276	</ul>
		277	</li>
		278	<!-- END TODO DROPDOWN -->
		279	<li class="droddown dropdown-separator">
		280	<span class="separator"></span>
		281	</li>
		282	<!-- BEGIN INBOX DROPDOWN -->
		283	<li class="dropdown dropdown-extended dropdown-dark dropdown-inbox" id="header_inbox_bar">
		284	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		285	<span class="circle">3</span>
		286	<span class="corner"></span>
		287	</a>
		288	<ul class="dropdown-menu">
		289	<li class="external">
		290	<h3>You have <strong>7 New</strong> Messages</h3>
		291	<a href="javascript:;">view all</a>
		292	</li>
		293	<li>
		294	<ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
		295	<li>
		296	<a href="inbox.html?a=view">
		297	<span class="photo">
		298	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		299	</span>
		300	<span class="subject">
		301	<span class="from">
		302	Lisa Wong </span>
		303	<span class="time">Just Now </span>
		304	</span>
		305	<span class="message">
		306	Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		307	</a>
		308	</li>
		309	<li>
		310	<a href="inbox.html?a=view">
		311	<span class="photo">
		312	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		313	</span>
		314	<span class="subject">
		315	<span class="from">
		316	Richard Doe </span>
		317	<span class="time">16 mins </span>
		318	</span>
		319	<span class="message">
		320	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		321	</a>
		322	</li>
		323	<li>
		324	<a href="inbox.html?a=view">
		325	<span class="photo">
		326	<img src="../../assets/admin/layout3/img/avatar1.jpg" class="img-circle" alt="">
		327	</span>
		328	<span class="subject">
		329	<span class="from">
		330	Bob Nilson </span>
		331	<span class="time">2 hrs </span>
		332	</span>
		333	<span class="message">
		334	Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		335	</a>
		336	</li>
		337	<li>
		338	<a href="inbox.html?a=view">
		339	<span class="photo">
		340	<img src="../../assets/admin/layout3/img/avatar2.jpg" class="img-circle" alt="">
		341	</span>
		342	<span class="subject">
		343	<span class="from">
		344	Lisa Wong </span>
		345	<span class="time">40 mins </span>
		346	</span>
		347	<span class="message">
		348	Vivamus sed auctor 40% nibh congue nibh... </span>
		349	</a>
		350	</li>
		351	<li>
		352	<a href="inbox.html?a=view">
		353	<span class="photo">
		354	<img src="../../assets/admin/layout3/img/avatar3.jpg" class="img-circle" alt="">
		355	</span>
		356	<span class="subject">
		357	<span class="from">
		358	Richard Doe </span>
		359	<span class="time">46 mins </span>
		360	</span>
		361	<span class="message">
		362	Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
		363	</a>
		364	</li>
		365	</ul>
		366	</li>
		367	</ul>
		368	</li>
		369	<!-- END INBOX DROPDOWN -->
		370	<!-- BEGIN USER LOGIN DROPDOWN -->
		371	<li class="dropdown dropdown-user dropdown-dark">
		372	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
		373	<img alt="" class="img-circle" src="../../assets/admin/layout3/img/avatar9.jpg">
		374	<span class="username username-hide-mobile">Nick</span>
		375	</a>
		376	<ul class="dropdown-menu dropdown-menu-default">
		377	<li>
		378	<a href="extra_profile.html">
		379	<i class="icon-user"></i> My Profile </a>
		380	</li>
		381	<li>
		382	<a href="page_calendar.html">
		383	<i class="icon-calendar"></i> My Calendar </a>
		384	</li>
		385	<li>
		386	<a href="inbox.html">
		387	<i class="icon-envelope-open"></i> My Inbox <span class="badge badge-danger">
		388	3 </span>
		389	</a>
		390	</li>
		391	<li>
		392	<a href="javascript:;">
		393	<i class="icon-rocket"></i> My Tasks <span class="badge badge-success">
		394	7 </span>
		395	</a>
		396	</li>
		397	<li class="divider">
		398	</li>
		399	<li>
		400	<a href="extra_lock.html">
		401	<i class="icon-lock"></i> Lock Screen </a>
		402	</li>
		403	<li>
		404	<a href="login.html">
		405	<i class="icon-key"></i> Log Out </a>
		406	</li>
		407	</ul>
		408	</li>
		409	<!-- END USER LOGIN DROPDOWN -->
		410	</ul>
		411	</div>
		412	<!-- END TOP NAVIGATION MENU -->
		413	</div>
		414	</div>
		415	<!-- END HEADER TOP -->
		416	<!-- BEGIN HEADER MENU -->
		417	<div class="page-header-menu">
		418	<div class="container">
		419	<!-- BEGIN HEADER SEARCH BOX -->
		420	<form class="search-form" action="extra_search.html" method="GET">
		421	<div class="input-group">
		422	<input type="text" class="form-control" placeholder="Search" name="query">
		423	<span class="input-group-btn">
		424	<a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
		425	</span>
		426	</div>
		427	</form>
		428	<!-- END HEADER SEARCH BOX -->
		429	<!-- BEGIN MEGA MENU -->
		430	<!-- DOC: Apply "hor-menu-light" class after the "hor-menu" class below to have a horizontal menu with white background -->
		431	<!-- DOC: Remove data-hover="dropdown" and data-close-others="true" attributes below to disable the dropdown opening on mouse hover -->
		432	<div class="hor-menu ">
		433	<ul class="nav navbar-nav">
		434	<li>
		435	<a href="index.html">Dashboard</a>
		436	</li>
		437	<li class="menu-dropdown mega-menu-dropdown ">
		438	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
		439	Features <i class="fa fa-angle-down"></i>
		440	</a>
		441	<ul class="dropdown-menu" style="min-width: 710px">
		442	<li>
		443	<div class="mega-menu-content">
		444	<div class="row">
		445	<div class="col-md-4">
		446	<ul class="mega-menu-submenu">
		447	<li>
		448	<h3>eCommerce</h3>
		449	</li>
		450	<li>
		451	<a href="ecommerce_index.html" class="iconify">
		452	<i class="icon-home"></i>
		453	eCommerce </a>
		454	</li>
		455	<li>
		456	<a href="ecommerce_orders.html" class="iconify">
		457	<i class="icon-basket"></i>
		458	Manage Orders </a>
		459	</li>
		460	<li>
		461	<a href="ecommerce_orders_view.html" class="iconify">
		462	<i class="icon-tag"></i>
		463	Order View </a>
		464	</li>
		465	<li>
		466	<a href="ecommerce_products.html" class="iconify">
		467	<i class="icon-handbag"></i>
		468	Manage Products </a>
		469	</li>
		470	<li>
		471	<a href="ecommerce_products_edit.html" class="iconify">
		472	<i class="icon-pencil"></i>
		473	Product Edit </a>
		474	</li>
		475	</ul>
		476	</div>
		477	<div class="col-md-4">
		478	<ul class="mega-menu-submenu">
		479	<li>
		480	<h3>Layouts</h3>
		481	</li>
		482	<li>
		483	<a href="layout_fluid.html" class="iconify">
		484	<i class="icon-cursor-move"></i>
		485	Fluid Layout </a>
		486	</li>
		487	<li>
		488	<a href="layout_mega_menu_fixed.html" class="iconify">
		489	<i class="icon-pin"></i>
		490	Fixed Mega Menu </a>
		491	</li>
		492	<li>
		493	<a href="layout_top_bar_fixed.html" class="iconify">
		494	<i class="icon-bar-chart"></i>
		495	Fixed Top Bar </a>
		496	</li>
		497	<li>
		498	<a href="layout_light_header.html" class="iconify">
		499	<i class="icon-paper-plane"></i>
		500	Light Header Dropdowns </a>
		501	</li>
		502	<li>
		503	<a href="layout_blank_page.html" class="iconify">
		504	<i class="icon-doc"></i>
		505	Blank Page Layout </a>
		506	</li>
		507	</ul>
		508	</div>
		509	<div class="col-md-4">
		510	<ul class="mega-menu-submenu">
		511	<li>
		512	<h3>More Layouts</h3>
		513	</li>
		514	<li>
		515	<a href="layout_click_dropdowns.html" class="iconify">
		516	<i class="icon-speech"></i>
		517	Click vs. Hover Dropdowns </a>
		518	</li>
		519	<li>
		520	<a href="layout_fontawesome_icons.html" class="iconify">
		521	<i class="icon-link"></i>
		522	Layout with Fontawesome </a>
		523	</li>
		524	<li>
		525	<a href="layout_glyphicons.html" class="iconify">
		526	<i class="icon-settings"></i>
		527	Layout with Glyphicon </a>
		528	</li>
		529	<li>
		530	<a href="layout_language_bar.html" class="iconify">
		531	<i class="icon-globe"></i>
		532	Language Switch Bar </a>
		533	</li>
		534	<li>
		535	<a href="layout_disabled_menu.html" class="iconify">
		536	<i class=" icon-lock"></i>
		537	Disabled Menu Links </a>
		538	</li>
		539	</ul>
		540	</div>
		541	</div>
		542	</div>
		543	</li>
		544	</ul>
		545	</li>
		546	<li class="menu-dropdown mega-menu-dropdown mega-menu-full ">
		547	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
		548	UI Components <i class="fa fa-angle-down"></i>
		549	</a>
		550	<ul class="dropdown-menu">
		551	<li>
		552	<div class="mega-menu-content">
		553	<div class="row">
		554	<div class="col-md-3">
		555	<ul class="mega-menu-submenu">
		556	<li>
		557	<h3>UI Components</h3>
		558	</li>
		559	<li>
		560	<a href="ui_general.html">
		561	<i class="fa fa-angle-right"></i>
		562	General </a>
		563	</li>
		564	<li>
		565	<a href="ui_buttons.html">
		566	<i class="fa fa-angle-right"></i>
		567	Buttons </a>
		568	</li>
		569	<li>
		570	<a href="ui_icons.html">
		571	<i class="fa fa-angle-right"></i>
		572	Font Icons </a>
		573	</li>
		574	<li>
		575	<a href="ui_colors.html">
		576	<i class="fa fa-angle-right"></i>
		577	Flat UI Colors </a>
		578	</li>
		579	<li>
		580	<a href="ui_typography.html">
		581	<i class="fa fa-angle-right"></i>
		582	Typography </a>
		583	</li>
		584	<li>
		585	<a href="ui_tabs_accordions_navs.html">
		586	<i class="fa fa-angle-right"></i>
		587	Tabs, Accordions & Navs </a>
		588	</li>
		589	<li>
		590	<a href="ui_tree.html">
		591	<i class="fa fa-angle-right"></i>
		592	Tree View </a>
		593	</li>
		594	<li>
		595	<a href="ui_page_progress_style_1.html">
		596	<i class="fa fa-angle-right"></i>
		597	Page Progress Bar <span class="badge badge-roundless badge-warning">new</span></a>
		598	</li>
		599	<li>
		600	<a href="ui_blockui.html">
		601	<i class="fa fa-angle-right"></i>
		602	Block UI </a>
		603	</li>
		604	<li>
		605	<a href="ui_notific8.html">
		606	<i class="fa fa-angle-right"></i>
		607	Notific8 Notifications </a>
		608	</li>
		609	</ul>
		610	</div>
		611	<div class="col-md-3">
		612	<ul class="mega-menu-submenu">
		613	<li>
		614	<h3>More UI Components</h3>
		615	</li>
		616	<li>
		617	<a href="ui_toastr.html">
		618	<i class="fa fa-angle-right"></i>
		619	Toastr Notifications </a>
		620	</li>
		621	<li>
		622	<a href="ui_alert_dialog_api.html">
		623	<i class="fa fa-angle-right"></i>
		624	Alerts & Dialogs API <span class="badge badge-roundless badge-danger">new</span></a>
		625	</li>
		626	<li>
		627	<a href="ui_session_timeout.html">
		628	<i class="fa fa-angle-right"></i>
		629	Session Timeout </a>
		630	</li>
		631	<li>
		632	<a href="ui_idle_timeout.html">
		633	<i class="fa fa-angle-right"></i>
		634	User Idle Timeout </a>
		635	</li>
		636	<li>
		637	<a href="ui_modals.html">
		638	<i class="fa fa-angle-right"></i>
		639	Modals </a>
		640	</li>
		641	<li>
		642	<a href="ui_extended_modals.html">
		643	<i class="fa fa-angle-right"></i>
		644	Extended Modals </a>
		645	</li>
		646	<li>
		647	<a href="ui_tiles.html">
		648	<i class="fa fa-angle-right"></i>
		649	Tiles </a>
		650	</li>
		651	<li>
		652	<a href="ui_datepaginator.html">
		653	<i class="fa fa-angle-right"></i>
		654	Date Paginator </a>
		655	</li>
		656	<li>
		657	<a href="ui_nestable.html">
		658	<i class="fa fa-angle-right"></i>
		659	Nestable List </a>
		660	</li>
		661	</ul>
		662	</div>
		663	<div class="col-md-3">
		664	<ul class="mega-menu-submenu">
		665	<li>
		666	<h3>Form Stuff</h3>
		667	</li>
		668	<li>
		669	<a href="form_controls.html">
		670	<i class="fa fa-angle-right"></i>
		671	Form Controls </a>
		672	</li>
		673	<li>
		674	<a href="form_icheck.html">
		675	<i class="fa fa-angle-right"></i>
		676	iCheck Controls </a>
		677	</li>
		678	<li>
		679	<a href="form_layouts.html">
		680	<i class="fa fa-angle-right"></i>
		681	Form Layouts </a>
		682	</li>
		683	<li>
		684	<a href="form_editable.html">
		685	<i class="fa fa-angle-right"></i>
		686	Form X-editable <span class="badge badge-roundless badge-success">new</span></a>
		687	</li>
		688	<li>
		689	<a href="form_wizard.html">
		690	<i class="fa fa-angle-right"></i>
		691	Form Wizard </a>
		692	</li>
		693	<li>
		694	<a href="form_validation.html">
		695	<i class="fa fa-angle-right"></i>
		696	Form Validation </a>
		697	</li>
		698	<li>
		699	<a href="form_image_crop.html">
		700	<i class="fa fa-angle-right"></i>
		701	Image Cropping </a>
		702	</li>
		703	<li>
		704	<a href="form_fileupload.html">
		705	<i class="fa fa-angle-right"></i>
		706	Multiple File Upload </a>
		707	</li>
		708	<li>
		709	<a href="form_dropzone.html">
		710	<i class="fa fa-angle-right"></i>
		711	Dropzone File Upload </a>
		712	</li>
		713	</ul>
		714	</div>
		715	<div class="col-md-3">
		716	<ul class="mega-menu-submenu">
		717	<li>
		718	<h3>Form Components</h3>
		719	</li>
		720	<li>
		721	<a href="components_pickers.html">
		722	<i class="fa fa-angle-right"></i>
		723	Date & Time Pickers </a>
		724	</li>
		725	<li>
		726	<a href="components_context_menu.html">
		727	<i class="fa fa-angle-right"></i>
		728	Context Menu </a>
		729	</li>
		730	<li>
		731	<a href="components_dropdowns.html">
		732	<i class="fa fa-angle-right"></i>
		733	Custom Dropdowns </a>
		734	</li>
		735	<li>
		736	<a href="components_form_tools.html">
		737	<i class="fa fa-angle-right"></i>
		738	Form Tools </a>
		739	</li>
		740	<li>
		741	<a href="components_editors.html">
		742	<i class="fa fa-angle-right"></i>
		743	Markdown & WYSIWYG Editors </a>
		744	</li>
		745	<li>
		746	<a href="components_ion_sliders.html">
		747	<i class="fa fa-angle-right"></i>
		748	Ion Range Sliders </a>
		749	</li>
		750	<li>
		751	<a href="components_noui_sliders.html">
		752	<i class="fa fa-angle-right"></i>
		753	NoUI Range Sliders </a>
		754	</li>
		755	<li>
		756	<a href="components_jqueryui_sliders.html">
		757	<i class="fa fa-angle-right"></i>
		758	jQuery UI Sliders </a>
		759	</li>
		760	<li>
		761	<a href="components_knob_dials.html">
		762	<i class="fa fa-angle-right"></i>
		763	Knob Circle Dials </a>
		764	</li>
		765	</ul>
		766	</div>
		767	</div>
		768	</div>
		769	</li>
		770	</ul>
		771	</li>
		772	<li class="menu-dropdown classic-menu-dropdown ">
		773	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;">
		774	Extra <i class="fa fa-angle-down"></i>
		775	</a>
		776	<ul class="dropdown-menu pull-left">
		777	<li class=" dropdown-submenu">
		778	<a href=":;">
		779	<i class="icon-briefcase"></i>
		780	Data Tables </a>
		781	<ul class="dropdown-menu">
		782	<li class=" ">
		783	<a href="table_basic.html">
		784	Basic Datatables </a>
		785	</li>
		786	<li class=" ">
		787	<a href="table_tree.html">
		788	Tree Datatables </a>
		789	</li>
		790	<li class=" ">
		791	<a href="table_responsive.html">
		792	Responsive Datatables </a>
		793	</li>
		794	<li class=" ">
		795	<a href="table_managed.html">
		796	Managed Datatables </a>
		797	</li>
		798	<li class=" ">
		799	<a href="table_editable.html">
		800	Editable Datatables </a>
		801	</li>
		802	<li class=" ">
		803	<a href="table_advanced.html">
		804	Advanced Datatables </a>
		805	</li>
		806	<li class=" ">
		807	<a href="table_ajax.html">
		808	Ajax Datatables </a>
		809	</li>
		810	</ul>
		811	</li>
		812	<li class=" dropdown-submenu">
		813	<a href=":;">
		814	<i class="icon-wallet"></i>
		815	Portlets </a>
		816	<ul class="dropdown-menu">
		817	<li class=" ">
		818	<a href="portlet_general.html">
		819	General Portlets </a>
		820	</li>
		821	<li class=" ">
		822	<a href="portlet_general2.html">
		823	New Portlets #1 <span class="badge badge-roundless badge-danger">new</span>
		824	</a>
		825	</li>
		826	<li class=" ">
		827	<a href="portlet_general3.html">
		828	New Portlets #2 <span class="badge badge-roundless badge-danger">new</span>
		829	</a>
		830	</li>
		831	<li class=" ">
		832	<a href="portlet_ajax.html">
		833	Ajax Portlets </a>
		834	</li>
		835	<li class=" ">
		836	<a href="portlet_draggable.html">
		837	Draggable Portlets </a>
		838	</li>
		839	</ul>
		840	</li>
		841	<li class=" dropdown-submenu">
		842	<a href=":;">
		843	<i class="icon-bar-chart"></i>
		844	Charts </a>
		845	<ul class="dropdown-menu">
		846	<li class=" ">
		847	<a href="charts_amcharts.html">
		848	amChart </a>
		849	</li>
		850	<li class=" ">
		851	<a href="charts_flotcharts.html">
		852	Flotchart </a>
		853	</li>
		854	</ul>
		855	</li>
		856	<li class=" dropdown-submenu">
		857	<a href=":;">
		858	<i class="icon-pointer"></i>
		859	Maps </a>
		860	<ul class="dropdown-menu">
		861	<li class=" ">
		862	<a href="maps_google.html">
		863	Google Maps </a>
		864	</li>
		865	<li class=" ">
		866	<a href="maps_vector.html">
		867	Vector Maps </a>
		868	</li>
		869	</ul>
		870	</li>
		871	<li class=" dropdown-submenu">
		872	<a href=":;">
		873	<i class="icon-puzzle"></i>
		874	Multi Level </a>
		875	<ul class="dropdown-menu">
		876	<li class=" ">
		877	<a href="javascript:;">
		878	<i class="icon-settings"></i>
		879	Item 1 </a>
		880	</li>
		881	<li class=" ">
		882	<a href="javascript:;">
		883	<i class="icon-user"></i>
		884	Item 2 </a>
		885	</li>
		886	<li class=" ">
		887	<a href="javascript:;">
		888	<i class="icon-globe"></i>
		889	Item 3 </a>
		890	</li>
		891	<li class=" dropdown-submenu">
		892	<a href="#">
		893	<i class="icon-folder"></i>
		894	Sub Items </a>
		895	<ul class="dropdown-menu">
		896	<li class=" ">
		897	<a href="javascript:;">
		898	Item 1 </a>
		899	</li>
		900	<li class=" ">
		901	<a href="javascript:;">
		902	Item 2 </a>
		903	</li>
		904	<li class=" ">
		905	<a href="javascript:;">
		906	Item 3 </a>
		907	</li>
		908	<li class=" ">
		909	<a href="javascript:;">
		910	Item 4 </a>
		911	</li>
		912	</ul>
		913	</li>
		914	<li class=" ">
		915	<a href="javascript:;">
		916	<i class="icon-share"></i>
		917	Item 4 </a>
		918	</li>
		919	<li class=" ">
		920	<a href="javascript:;">
		921	<i class="icon-bar-chart"></i>
		922	Item 5 </a>
		923	</li>
		924	</ul>
		925	</li>
		926	</ul>
		927	</li>
		928	<li class="menu-dropdown mega-menu-dropdown mega-menu-full active">
		929	<a data-hover="megamenu-dropdown" data-close-others="true" data-toggle="dropdown" href="javascript:;" class="dropdown-toggle">
		930	Pages <i class="fa fa-angle-down"></i>
		931	</a>
		932	<ul class="dropdown-menu">
		933	<li>
		934	<div class="mega-menu-content">
		935	<div class="row">
		936	<div class="col-md-3">
		937	<ul class="mega-menu-submenu">
		938	<li>
		939	<h3>User Pages</h3>
		940	</li>
		941	<li>
		942	<a href="page_timeline.html">
		943	<i class="fa fa-angle-right"></i>
		944	New Timeline <span class="badge badge-warning">2</span></a>
		945	</li>
		946	<li>
		947	<a href="extra_profile.html">
		948	<i class="fa fa-angle-right"></i>
		949	New User Profile <span class="badge badge-success badge-roundless">new</span></a>
		950	</li>
		951	<li>
		952	<a href="page_todo.html">
		953	<i class="fa fa-angle-right"></i>
		954	Todo & Tasks <span class="badge badge-danger">4</span></a>
		955	</li>
		956	<li class="active">
		957	<a href="inbox.html">
		958	<i class="fa fa-angle-right"></i>
		959	User Inbox <span class="badge badge-success">4</span></a>
		960	</li>
		961	<li>
		962	<a href="page_calendar.html">
		963	<i class="fa fa-angle-right"></i>
		964	User Calendar <span class="badge badge-warning">14</span></a>
		965	</li>
		966	<li>
		967	<a href="page_timeline_old.html">
		968	<i class="fa fa-angle-right"></i>
		969	Old Timeline <span class="badge badge-warning">2</span></a>
		970	</li>
		971	<li>
		972	<a href="extra_profile_old.html">
		973	<i class="fa fa-angle-right"></i>
		974	Old User Profile </a>
		975	</li>
		976	</ul>
		977	</div>
		978	<div class="col-md-3">
		979	<ul class="mega-menu-submenu">
		980	<li>
		981	<h3>General Pages</h3>
		982	</li>
		983	<li>
		984	<a href="extra_faq.html">
		985	<i class="fa fa-angle-right"></i>
		986	FAQ Page </a>
		987	</li>
		988	<li>
		989	<a href="page_portfolio.html">
		990	<i class="fa fa-angle-right"></i>
		991	Portfolio </a>
		992	</li>
		993	<li>
		994	<a href="page_timeline.html">
		995	<i class="fa fa-angle-right"></i>
		996	Timeline <span class="badge badge-info">4</span></a>
		997	</li>
		998	<li>
		999	<a href="page_coming_soon.html">
		1000	<i class="fa fa-angle-right"></i>
		1001	Coming Soon </a>
		1002	</li>
		1003	<li>
		1004	<a href="extra_invoice.html">
		1005	<i class="fa fa-angle-right"></i>
		1006	Invoice </a>
		1007	</li>
		1008	<li>
		1009	<a href="page_blog.html">
		1010	<i class="fa fa-angle-right"></i>
		1011	Blog </a>
		1012	</li>
		1013	<li>
		1014	<a href="page_blog_item.html">
		1015	<i class="fa fa-angle-right"></i>
		1016	Blog Post </a>
		1017	</li>
		1018	</ul>
		1019	</div>
		1020	<div class="col-md-3">
		1021	<ul class="mega-menu-submenu">
		1022	<li>
		1023	<h3>Custom Pages</h3>
		1024	</li>
		1025	<li>
		1026	<a href="page_news.html">
		1027	<i class="fa fa-angle-right"></i>
		1028	News <span class="badge badge-success">9</span></a>
		1029	</li>
		1030	<li>
		1031	<a href="page_news_item.html">
		1032	<i class="fa fa-angle-right"></i>
		1033	News View </a>
		1034	</li>
		1035	<li>
		1036	<a href="page_about.html">
		1037	<i class="fa fa-angle-right"></i>
		1038	About Us </a>
		1039	</li>
		1040	<li>
		1041	<a href="page_contact.html">
		1042	<i class="fa fa-angle-right"></i>
		1043	Contact Us </a>
		1044	</li>
		1045	<li>
		1046	<a href="extra_search.html">
		1047	<i class="fa fa-angle-right"></i>
		1048	Search Results </a>
		1049	</li>
		1050	<li>
		1051	<a href="extra_pricing_table.html">
		1052	<i class="fa fa-angle-right"></i>
		1053	Pricing Tables </a>
		1054	</li>
		1055	<li>
		1056	<a href="login.html">
		1057	<i class="fa fa-angle-right"></i>
		1058	Login Form 1 </a>
		1059	</li>
		1060	<li>
		1061	<a href="login_2.html">
		1062	<i class="fa fa-angle-right"></i>
		1063	Login Form 2 </a>
		1064	</li>
		1065	<li>
		1066	<a href="login_3.html">
		1067	<i class="fa fa-angle-right"></i>
		1068	Login Form 3 </a>
		1069	</li>
		1070	<li>
		1071	<a href="login_soft.html">
		1072	<i class="fa fa-angle-right"></i>
		1073	Login Form 4 </a>
		1074	</li>
		1075	</ul>
		1076	</div>
		1077	<div class="col-md-3">
		1078	<ul class="mega-menu-submenu">
		1079	<li>
		1080	<h3>Miscellaneous</h3>
		1081	</li>
		1082	<li>
		1083	<a href="extra_lock.html">
		1084	<i class="fa fa-angle-right"></i>
		1085	Lock Screen 1 </a>
		1086	</li>
		1087	<li>
		1088	<a href="extra_lock2.html">
		1089	<i class="fa fa-angle-right"></i>
		1090	Lock Screen 2 </a>
		1091	</li>
		1092	<li>
		1093	<a href="extra_404_option1.html">
		1094	<i class="fa fa-angle-right"></i>
		1095	404 Page Option 1 </a>
		1096	</li>
		1097	<li>
		1098	<a href="extra_404_option2.html">
		1099	<i class="fa fa-angle-right"></i>
		1100	404 Page Option 2 </a>
		1101	</li>
		1102	<li>
		1103	<a href="extra_404_option3.html">
		1104	<i class="fa fa-angle-right"></i>
		1105	404 Page Option 3 </a>
		1106	</li>
		1107	<li>
		1108	<a href="extra_500_option1.html">
		1109	<i class="fa fa-angle-right"></i>
		1110	500 Page Option 1 </a>
		1111	</li>
		1112	<li>
		1113	<a href="extra_500_option2.html">
		1114	<i class="fa fa-angle-right"></i>
		1115	500 Page Option 2 </a>
		1116	</li>
		1117	<li>
		1118	<a href="email_newsletter.html">
		1119	<i class="fa fa-angle-right"></i>
		1120	Newsletter Email Template </a>
		1121	</li>
		1122	<li>
		1123	<a href="email_system.html">
		1124	<i class="fa fa-angle-right"></i>
		1125	System Email Template </a>
		1126	</li>
		1127	</ul>
		1128	</div>
		1129	</div>
		1130	</div>
		1131	</li>
		1132	</ul>
		1133	</li>
		1134	<li class="menu-dropdown">
		1135	<a href="angularjs" target="_blank" class="tooltips" data-container="body" data-placement="bottom" data-html="true" data-original-title="AngularJS version demo">
		1136	AngularJS Version </a>
		1137	</li>
		1138	</ul>
		1139	</div>
		1140	<!-- END MEGA MENU -->
		1141	</div>
		1142	</div>
		1143	<!-- END HEADER MENU -->
		1144	</div>
		1145	<!-- END HEADER -->
		1146	<!-- BEGIN PAGE CONTAINER -->
		1147	<div class="page-container">
		1148	<!-- BEGIN PAGE HEAD -->
		1149	<div class="page-head">
		1150	<div class="container">
		1151	<!-- BEGIN PAGE TITLE -->
		1152	<div class="page-title">
		1153	<h1>User Inbox <small>user inbox</small></h1>
		1154	</div>
		1155	<!-- END PAGE TITLE -->
		1156	<!-- BEGIN PAGE TOOLBAR -->
		1157	<div class="page-toolbar">
		1158	<!-- BEGIN THEME PANEL -->
		1159	<div class="btn-group btn-theme-panel">
		1160	<a href="javascript:;" class="btn dropdown-toggle" data-toggle="dropdown">
		1161	<i class="icon-settings"></i>
		1162	</a>
		1163	<div class="dropdown-menu theme-panel pull-right dropdown-custom hold-on-click">
		1164	<div class="row">
		1165	<div class="col-md-6 col-sm-6 col-xs-12">
		1166	<h3>THEME COLORS</h3>
		1167	<div class="row">
		1168	<div class="col-md-6 col-sm-6 col-xs-12">
		1169	<ul class="theme-colors">
		1170	<li class="theme-color theme-color-default" data-theme="default">
		1171	<span class="theme-color-view"></span>
		1172	<span class="theme-color-name">Default</span>
		1173	</li>
		1174	<li class="theme-color theme-color-blue-hoki" data-theme="blue-hoki">
		1175	<span class="theme-color-view"></span>
		1176	<span class="theme-color-name">Blue Hoki</span>
		1177	</li>
		1178	<li class="theme-color theme-color-blue-steel" data-theme="blue-steel">
		1179	<span class="theme-color-view"></span>
		1180	<span class="theme-color-name">Blue Steel</span>
		1181	</li>
		1182	<li class="theme-color theme-color-yellow-orange" data-theme="yellow-orange">
		1183	<span class="theme-color-view"></span>
		1184	<span class="theme-color-name">Orange</span>
		1185	</li>
		1186	<li class="theme-color theme-color-yellow-crusta" data-theme="yellow-crusta">
		1187	<span class="theme-color-view"></span>
		1188	<span class="theme-color-name">Yellow Crusta</span>
		1189	</li>
		1190	</ul>
		1191	</div>
		1192	<div class="col-md-6 col-sm-6 col-xs-12">
		1193	<ul class="theme-colors">
		1194	<li class="theme-color theme-color-green-haze" data-theme="green-haze">
		1195	<span class="theme-color-view"></span>
		1196	<span class="theme-color-name">Green Haze</span>
		1197	</li>
		1198	<li class="theme-color theme-color-red-sunglo" data-theme="red-sunglo">
		1199	<span class="theme-color-view"></span>
		1200	<span class="theme-color-name">Red Sunglo</span>
		1201	</li>
		1202	<li class="theme-color theme-color-red-intense" data-theme="red-intense">
		1203	<span class="theme-color-view"></span>
		1204	<span class="theme-color-name">Red Intense</span>
		1205	</li>
		1206	<li class="theme-color theme-color-purple-plum" data-theme="purple-plum">
		1207	<span class="theme-color-view"></span>
		1208	<span class="theme-color-name">Purple Plum</span>
		1209	</li>
		1210	<li class="theme-color theme-color-purple-studio" data-theme="purple-studio">
		1211	<span class="theme-color-view"></span>
		1212	<span class="theme-color-name">Purple Studio</span>
		1213	</li>
		1214	</ul>
		1215	</div>
		1216	</div>
		1217	</div>
		1218	<div class="col-md-6 col-sm-6 col-xs-12 seperator">
		1219	<h3>LAYOUT</h3>
		1220	<ul class="theme-settings">
		1221	<li>
		1222	Theme Style
		1223	<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">
		1224	<option value="boxed" selected="selected">Square corners</option>
		1225	<option value="rounded">Rounded corners</option>
		1226	</select>
		1227	</li>
		1228	<li>
		1229	Layout
		1230	<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">
		1231	<option value="boxed" selected="selected">Boxed</option>
		1232	<option value="fluid">Fluid</option>
		1233	</select>
		1234	</li>
		1235	<li>
		1236	Top Menu Style
		1237	<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">
		1238	<option value="dark" selected="selected">Dark</option>
		1239	<option value="light">Light</option>
		1240	</select>
		1241	</li>
		1242	<li>
		1243	Top Menu Mode
		1244	<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">
		1245	<option value="fixed">Fixed</option>
		1246	<option value="not-fixed" selected="selected">Not Fixed</option>
		1247	</select>
		1248	</li>
		1249	<li>
		1250	Mega Menu Style
		1251	<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">
		1252	<option value="dark" selected="selected">Dark</option>
		1253	<option value="light">Light</option>
		1254	</select>
		1255	</li>
		1256	<li>
		1257	Mega Menu Mode
		1258	<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">
		1259	<option value="fixed" selected="selected">Fixed</option>
		1260	<option value="not-fixed">Not Fixed</option>
		1261	</select>
		1262	</li>
		1263	</ul>
		1264	</div>
		1265	</div>
		1266	</div>
		1267	</div>
		1268	<!-- END THEME PANEL -->
		1269	</div>
		1270	<!-- END PAGE TOOLBAR -->
		1271	</div>
		1272	</div>
		1273	<!-- END PAGE HEAD -->
		1274	<!-- BEGIN PAGE CONTENT -->
		1275	<div class="page-content">
		1276	<div class="container">
		1277	<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1278	<div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		1279	<div class="modal-dialog">
		1280	<div class="modal-content">
		1281	<div class="modal-header">
		1282	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		1283	<h4 class="modal-title">Modal title</h4>
		1284	</div>
		1285	<div class="modal-body">
		1286	Widget settings form goes here
		1287	</div>
		1288	<div class="modal-footer">
		1289	<button type="button" class="btn blue">Save changes</button>
		1290	<button type="button" class="btn default" data-dismiss="modal">Close</button>
		1291	</div>
		1292	</div>
		1293	<!-- /.modal-content -->
		1294	</div>
		1295	<!-- /.modal-dialog -->
		1296	</div>
		1297	<!-- /.modal -->
		1298	<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		1299	<!-- BEGIN PAGE BREADCRUMB -->
		1300	<ul class="page-breadcrumb breadcrumb">
		1301	<li>
		1302	<a href="#">Home</a><i class="fa fa-circle"></i>
		1303	</li>
		1304	<li>
		1305	<a href="inbox.html">Pages</a>
		1306	<i class="fa fa-circle"></i>
		1307	</li>
		1308	<li class="active">
		1309	User Inbox
		1310	</li>
		1311	</ul>
		1312	<!-- END PAGE BREADCRUMB -->
		1313	<div class="portlet light">
		1314	<div class="portlet-body">
		1315	<div class="row inbox">
		1316	<div class="col-md-2">
		1317	<ul class="inbox-nav margin-bottom-10">
		1318	<li class="compose-btn">
		1319	<a href="javascript:;" data-title="Compose" class="btn green">
		1320	<i class="fa fa-edit"></i> Compose </a>
		1321	</li>
		1322	<li class="inbox active">
		1323	<a href="javascript:;" class="btn" data-title="Inbox">
		1324	Inbox(3) </a>
		1325	<b></b>
		1326	</li>
		1327	<li class="sent">
		1328	<a class="btn" href="javascript:;" data-title="Sent">
		1329	Sent </a>
		1330	<b></b>
		1331	</li>
		1332	<li class="draft">
		1333	<a class="btn" href="javascript:;" data-title="Draft">
		1334	Draft </a>
		1335	<b></b>
		1336	</li>
		1337	<li class="trash">
		1338	<a class="btn" href="javascript:;" data-title="Trash">
		1339	Trash </a>
		1340	<b></b>
		1341	</li>
		1342	</ul>
		1343	</div>
		1344	<div class="col-md-10">
		1345	<div class="inbox-header">
		1346	<h1 class="pull-left">Inbox</h1>
		1347	<form class="form-inline pull-right" action="index.html">
		1348	<div class="input-group input-medium">
		1349	<input type="text" class="form-control" placeholder="Password">
		1350	<span class="input-group-btn">
		1351	<button type="submit" class="btn green"><i class="fa fa-search"></i></button>
		1352	</span>
		1353	</div>
		1354	</form>
		1355	</div>
		1356	<div class="inbox-loading">
		1357	Loading...
		1358	</div>
		1359	<div class="inbox-content">
		1360	</div>
		1361	</div>
		1362	</div>
		1363	</div>
		1364	</div>
		1365	</div>
		1366	</div>
		1367	<!-- END PAGE CONTENT -->
		1368	</div>
		1369	<!-- END PAGE CONTAINER -->
		1370	<!-- BEGIN PRE-FOOTER -->
		1371	<div class="page-prefooter">
		1372	<div class="container">
		1373	<div class="row">
		1374	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		1375	<h2>About</h2>
		1376	<p>
		1377	Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam dolore.
		1378	</p>
		1379	</div>
		1380	<div class="col-md-3 col-sm-6 col-xs12 footer-block">
		1381	<h2>Subscribe Email</h2>
		1382	<div class="subscribe-form">
		1383	<form action="javascript:;">
		1384	<div class="input-group">
		1385	<input type="text" placeholder="mail@email.com" class="form-control">
		1386	<span class="input-group-btn">
		1387	<button class="btn" type="submit">Submit</button>
		1388	</span>
		1389	</div>
		1390	</form>
		1391	</div>
		1392	</div>
		1393	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		1394	<h2>Follow Us On</h2>
		1395	<ul class="social-icons">
		1396	<li>
		1397	<a href="javascript:;" data-original-title="rss" class="rss"></a>
		1398	</li>
		1399	<li>
		1400	<a href="javascript:;" data-original-title="facebook" class="facebook"></a>
		1401	</li>
		1402	<li>
		1403	<a href="javascript:;" data-original-title="twitter" class="twitter"></a>
		1404	</li>
		1405	<li>
		1406	<a href="javascript:;" data-original-title="googleplus" class="googleplus"></a>
		1407	</li>
		1408	<li>
		1409	<a href="javascript:;" data-original-title="linkedin" class="linkedin"></a>
		1410	</li>
		1411	<li>
		1412	<a href="javascript:;" data-original-title="youtube" class="youtube"></a>
		1413	</li>
		1414	<li>
		1415	<a href="javascript:;" data-original-title="vimeo" class="vimeo"></a>
		1416	</li>
		1417	</ul>
		1418	</div>
		1419	<div class="col-md-3 col-sm-6 col-xs-12 footer-block">
		1420	<h2>Contacts</h2>
		1421	<address class="margin-bottom-40">
		1422	Phone: 800 123 3456<br>
		1423	Email: <a href="mailto:info@metronic.com">info@metronic.com</a>
		1424	</address>
		1425	</div>
		1426	</div>
		1427	</div>
		1428	</div>
		1429	<!-- END PRE-FOOTER -->
		1430	<!-- BEGIN FOOTER -->
		1431	<div class="page-footer">
		1432	<div class="container">
		1433	2014 © Metronic. All Rights Reserved.
		1434	</div>
		1435	</div>
		1436	<div class="scroll-to-top">
		1437	<i class="icon-arrow-up"></i>
		1438	</div>
		1439	<!-- END FOOTER -->
		1440	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
		1441	<!-- BEGIN CORE PLUGINS -->
		1442	<!--[if lt IE 9]>
		1443	<script src="../../assets/global/plugins/respond.min.js"></script>
		1444	<script src="../../assets/global/plugins/excanvas.min.js"></script>
		1445	<![endif]-->
		1446	<script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
		1447	<script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
		1448	<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
		1449	<script src="../../assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
		1450	<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
		1451	<script src="../../assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
		1452	<script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
		1453	<script src="../../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
		1454	<script src="../../assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
		1455	<script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
		1456	<!-- END CORE PLUGINS -->
		1457	<!-- BEGIN: Page level plugins -->
		1458	<script src="../../assets/global/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script>
		1459	<script src="../../assets/global/plugins/bootstrap-wysihtml5/wysihtml5-0.3.0.js" type="text/javascript"></script>
		1460	<script src="../../assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.js" type="text/javascript"></script>
		1461	<!-- BEGIN:File Upload Plugin JS files-->
		1462	<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
		1463	<script src="../../assets/global/plugins/jquery-file-upload/js/vendor/jquery.ui.widget.js"></script>
		1464	<!-- The Templates plugin is included to render the upload/download listings -->
		1465	<script src="../../assets/global/plugins/jquery-file-upload/js/vendor/tmpl.min.js"></script>
		1466	<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
		1467	<script src="../../assets/global/plugins/jquery-file-upload/js/vendor/load-image.min.js"></script>
		1468	<!-- The Canvas to Blob plugin is included for image resizing functionality -->
		1469	<script src="../../assets/global/plugins/jquery-file-upload/js/vendor/canvas-to-blob.min.js"></script>
		1470	<!-- blueimp Gallery script -->
		1471	<script src="../../assets/global/plugins/jquery-file-upload/blueimp-gallery/jquery.blueimp-gallery.min.js"></script>
		1472	<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
		1473	<script src="../../assets/global/plugins/jquery-file-upload/js/jquery.iframe-transport.js"></script>
		1474	<!-- The basic File Upload plugin -->
		1475	<script src="../../assets/global/plugins/jquery-file-upload/js/jquery.fileupload.js"></script>
		1476	<!-- The File Upload processing plugin -->
		1477	<script src="../../assets/global/plugins/jquery-file-upload/js/jquery.fileupload-process.js"></script>
		1478	<!-- The File Upload image preview & resize plugin -->
		1479	<script src="../../assets/global/plugins/jquery-file-upload/js/jquery.fileupload-image.js"></script>
		1480	<!-- The File Upload audio preview plugin -->
		1481	<script src="../../assets/global/plugins/jquery-file-upload/js/jquery.fileupload-audio.js"></script>
		1482	<!-- The File Upload video preview plugin -->
		1483	<script src="../../assets/global/plugins/jquery-file-upload/js/jquery.fileupload-video.js"></script>
		1484	<!-- The File Upload validation plugin -->
		1485	<script src="../../assets/global/plugins/jquery-file-upload/js/jquery.fileupload-validate.js"></script>
		1486	<!-- The File Upload user interface plugin -->
		1487	<script src="../../assets/global/plugins/jquery-file-upload/js/jquery.fileupload-ui.js"></script>
		1488	<!-- The main application script -->
		1489	<!-- The XDomainRequest Transport is included for cross-domain file deletion for IE 8 and IE 9 -->
		1490	<!--[if (gte IE 8)&(lt IE 10)]>
		1491	<script src="../../assets/global/plugins/jquery-file-upload/js/cors/jquery.xdr-transport.js"></script>
		1492	<![endif]-->
		1493	<!-- END:File Upload Plugin JS files-->
		1494	<!-- END: Page level plugins -->
		1495	<script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>
		1496	<script src="../../assets/admin/layout3/scripts/layout.js" type="text/javascript"></script>
		1497	<script src="../../assets/admin/layout3/scripts/demo.js" type="text/javascript"></script>
		1498	<script src="../../assets/admin/pages/scripts/inbox.js" type="text/javascript"></script>
		1499	<script>
		1500	jQuery(document).ready(function() {
		1501	// initiate layout and plugins
		1502	Metronic.init(); // init metronic core components
		1503	Layout.init(); // init current layout
		1504	Demo.init(); // init demo features
		1505	Inbox.init();
		1506	});
		1507	</script>
		1508	<!-- END JAVASCRIPTS -->
		1509	</body>
		1510	<!-- END BODY -->
		1511	</html>

Subversion Repositories Integrator Subversion

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