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

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

Subversion Repositories Integrator Subversion

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