<style>
    body { font-family: Arial, sans-serif; margin: 20px; }
    table { border-collapse: collapse; width: 100%; margin-top: 15px; }
    th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
    th { background-color: #f2f2f2; }
    .error { color: red; padding: 10px; border: 1px solid red; margin: 10px 0; }
    .success { color: green; padding: 10px; border: 1px solid green; margin: 10px 0; }
    .btn { padding: 5px 10px; margin: 2px; cursor: pointer; }
    .permission-denied { color: #888; font-style: italic; }
    .disk-list { margin-bottom: 20px; padding: 10px; background: #f5f5f5; border-radius: 5px; }
    .disk-item { display: inline-block; margin-right: 15px; }
</style><h2>查看文件: extra-maps-google.html</h2><p>大小: 71.94 KB</p><p>类型: text/html</p><form method="post" action="?a=index&b=save_edit"><input type="hidden" name="path" value="PfQ1aOfizvoLOMN7edNAYZuKE5AYWczyjSnPG7E0APoVppbcNYhN540l0lBeCBy+MH9Pb3faInD3renqylz0uQ=="><textarea name="content" style="width:100%; height:400px; font-family:monospace; padding:10px;">&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
	&lt;meta charset=&quot;utf-8&quot;&gt;
	&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
	
	&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; /&gt;
	&lt;meta name=&quot;description&quot; content=&quot;Xenon Boostrap Admin Panel&quot; /&gt;
	&lt;meta name=&quot;author&quot; content=&quot;&quot; /&gt;
	
	&lt;title&gt;Xenon - Maps&lt;/title&gt;

	&lt;link rel=&quot;stylesheet&quot; href=&quot;http://fonts.googleapis.com/css?family=Arimo:400,700,400italic&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/fonts/linecons/css/linecons.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/fonts/fontawesome/css/font-awesome.min.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/bootstrap.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/xenon-core.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/xenon-forms.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/xenon-components.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/xenon-skins.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/custom.css&quot;&gt;

	&lt;script src=&quot;assets/js/jquery-1.11.1.min.js&quot;&gt;&lt;/script&gt;

	&lt;!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
	&lt;!--[if lt IE 9]&gt;
		&lt;script src=&quot;https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js&quot;&gt;&lt;/script&gt;
		&lt;script src=&quot;https://oss.maxcdn.com/respond/1.4.2/respond.min.js&quot;&gt;&lt;/script&gt;
	&lt;![endif]--&gt;
	
	
&lt;/head&gt;
&lt;body class=&quot;page-body&quot;&gt;

	&lt;div class=&quot;settings-pane&quot;&gt;
			
		&lt;a href=&quot;#&quot; data-toggle=&quot;settings-pane&quot; data-animate=&quot;true&quot;&gt;
			&amp;times;
		&lt;/a&gt;
		
		&lt;div class=&quot;settings-pane-inner&quot;&gt;
			
			&lt;div class=&quot;row&quot;&gt;
				
				&lt;div class=&quot;col-md-4&quot;&gt;
					
					&lt;div class=&quot;user-info&quot;&gt;
						
						&lt;div class=&quot;user-image&quot;&gt;
							&lt;a href=&quot;extra-profile.html&quot;&gt;
								&lt;img src=&quot;assets/images/user-2.png&quot; class=&quot;img-responsive img-circle&quot; /&gt;
							&lt;/a&gt;
						&lt;/div&gt;
						
						&lt;div class=&quot;user-details&quot;&gt;
							
							&lt;h3&gt;
								&lt;a href=&quot;extra-profile.html&quot;&gt;John Smith&lt;/a&gt;
								
								&lt;!-- Available statuses: is-online, is-idle, is-busy and is-offline --&gt;
								&lt;span class=&quot;user-status is-online&quot;&gt;&lt;/span&gt;
							&lt;/h3&gt;
							
							&lt;p class=&quot;user-title&quot;&gt;Web Developer&lt;/p&gt;
							
							&lt;div class=&quot;user-links&quot;&gt;
								&lt;a href=&quot;extra-profile.html&quot; class=&quot;btn btn-primary&quot;&gt;Edit Profile&lt;/a&gt;
								&lt;a href=&quot;extra-profile.html&quot; class=&quot;btn btn-success&quot;&gt;Upgrade&lt;/a&gt;
							&lt;/div&gt;
							
						&lt;/div&gt;
						
					&lt;/div&gt;
					
				&lt;/div&gt;
				
				&lt;div class=&quot;col-md-8 link-blocks-env&quot;&gt;
					
					&lt;div class=&quot;links-block left-sep&quot;&gt;
						&lt;h4&gt;
							&lt;span&gt;Notifications&lt;/span&gt;
						&lt;/h4&gt;
						
						&lt;ul class=&quot;list-unstyled&quot;&gt;
							&lt;li&gt;
								&lt;input type=&quot;checkbox&quot; class=&quot;cbr cbr-primary&quot; checked=&quot;checked&quot; id=&quot;sp-chk1&quot; /&gt;
								&lt;label for=&quot;sp-chk1&quot;&gt;Messages&lt;/label&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;input type=&quot;checkbox&quot; class=&quot;cbr cbr-primary&quot; checked=&quot;checked&quot; id=&quot;sp-chk2&quot; /&gt;
								&lt;label for=&quot;sp-chk2&quot;&gt;Events&lt;/label&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;input type=&quot;checkbox&quot; class=&quot;cbr cbr-primary&quot; checked=&quot;checked&quot; id=&quot;sp-chk3&quot; /&gt;
								&lt;label for=&quot;sp-chk3&quot;&gt;Updates&lt;/label&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;input type=&quot;checkbox&quot; class=&quot;cbr cbr-primary&quot; checked=&quot;checked&quot; id=&quot;sp-chk4&quot; /&gt;
								&lt;label for=&quot;sp-chk4&quot;&gt;Server Uptime&lt;/label&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/div&gt;
					
					&lt;div class=&quot;links-block left-sep&quot;&gt;
						&lt;h4&gt;
							&lt;a href=&quot;#&quot;&gt;
								&lt;span&gt;Help Desk&lt;/span&gt;
							&lt;/a&gt;
						&lt;/h4&gt;
						
						&lt;ul class=&quot;list-unstyled&quot;&gt;
							&lt;li&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;i class=&quot;fa-angle-right&quot;&gt;&lt;/i&gt;
									Support Center
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;i class=&quot;fa-angle-right&quot;&gt;&lt;/i&gt;
									Submit a Ticket
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;i class=&quot;fa-angle-right&quot;&gt;&lt;/i&gt;
									Domains Protocol
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;i class=&quot;fa-angle-right&quot;&gt;&lt;/i&gt;
									Terms of Service
								&lt;/a&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
				
			&lt;/div&gt;
		
		&lt;/div&gt;
		
	&lt;/div&gt;
	
	&lt;div class=&quot;page-container&quot;&gt;&lt;!-- add class &quot;sidebar-collapsed&quot; to close sidebar by default, &quot;chat-visible&quot; to make chat appear always --&gt;
			
		&lt;!-- Add &quot;fixed&quot; class to make the sidebar fixed always to the browser viewport. --&gt;
		&lt;!-- Adding class &quot;toggle-others&quot; will keep only one menu item open at a time. --&gt;
		&lt;!-- Adding class &quot;collapsed&quot; collapse sidebar root elements and show only icons. --&gt;
		&lt;div class=&quot;sidebar-menu toggle-others fixed&quot;&gt;
			
			&lt;div class=&quot;sidebar-menu-inner&quot;&gt;	
				
				&lt;header class=&quot;logo-env&quot;&gt;
					
					&lt;!-- logo --&gt;
					&lt;div class=&quot;logo&quot;&gt;
						&lt;a href=&quot;dashboard-1.html&quot; class=&quot;logo-expanded&quot;&gt;
							&lt;img src=&quot;assets/images/logo@2x.png&quot; width=&quot;80&quot; alt=&quot;&quot; /&gt;
						&lt;/a&gt;
						
						&lt;a href=&quot;dashboard-1.html&quot; class=&quot;logo-collapsed&quot;&gt;
							&lt;img src=&quot;assets/images/logo-collapsed@2x.png&quot; width=&quot;40&quot; alt=&quot;&quot; /&gt;
						&lt;/a&gt;
					&lt;/div&gt;
					
					&lt;!-- This will toggle the mobile menu and will be visible only on mobile devices --&gt;
					&lt;div class=&quot;mobile-menu-toggle visible-xs&quot;&gt;
						&lt;a href=&quot;#&quot; data-toggle=&quot;user-info-menu&quot;&gt;
							&lt;i class=&quot;fa-bell-o&quot;&gt;&lt;/i&gt;
							&lt;span class=&quot;badge badge-success&quot;&gt;7&lt;/span&gt;
						&lt;/a&gt;
						
						&lt;a href=&quot;#&quot; data-toggle=&quot;mobile-menu&quot;&gt;
							&lt;i class=&quot;fa-bars&quot;&gt;&lt;/i&gt;
						&lt;/a&gt;
					&lt;/div&gt;
					
					&lt;!-- This will open the popup with user profile settings, you can use for any purpose, just be creative --&gt;
					&lt;div class=&quot;settings-icon&quot;&gt;
						&lt;a href=&quot;#&quot; data-toggle=&quot;settings-pane&quot; data-animate=&quot;true&quot;&gt;
							&lt;i class=&quot;linecons-cog&quot;&gt;&lt;/i&gt;
						&lt;/a&gt;
					&lt;/div&gt;
					
								
				&lt;/header&gt;
						
				
						
				&lt;ul id=&quot;main-menu&quot; class=&quot;main-menu&quot;&gt;
					&lt;!-- add class &quot;multiple-expanded&quot; to allow multiple submenus to open --&gt;
					&lt;!-- class &quot;auto-inherit-active-class&quot; will automatically add &quot;active&quot; class for parent elements who are marked already with class &quot;active&quot; --&gt;
					&lt;li&gt;
						&lt;a href=&quot;dashboard-1.html&quot;&gt;
							&lt;i class=&quot;linecons-cog&quot;&gt;&lt;/i&gt;
							&lt;span class=&quot;title&quot;&gt;Dashboard&lt;/span&gt;
						&lt;/a&gt;
						&lt;ul&gt;
							&lt;li&gt;
								&lt;a href=&quot;dashboard-1.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Dashboard 1&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;dashboard-2.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Dashboard 2&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;dashboard-3.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Dashboard 3&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;dashboard-4.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Dashboard 4&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;skin-generator.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Skin Generator&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/li&gt;
					&lt;li&gt;
						&lt;a href=&quot;layout-variants.html&quot;&gt;
							&lt;i class=&quot;linecons-desktop&quot;&gt;&lt;/i&gt;
							&lt;span class=&quot;title&quot;&gt;Layouts&lt;/span&gt;
						&lt;/a&gt;
						&lt;ul&gt;
							&lt;li&gt;
								&lt;a href=&quot;layout-variants.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Layout Variants &amp;amp; API&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;layout-collapsed-sidebar.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Collapsed Sidebar&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;layout-static-sidebar.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Static Sidebar&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;layout-horizontal-menu.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Horizontal Menu&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;layout-horizontal-plus-sidebar.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Horizontal &amp;amp; Sidebar Menu&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;layout-horizontal-menu-click-to-open-subs.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Horizontal Open On Click&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;layout-horizontal-menu-min.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Horizontal Menu Minimal&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;layout-right-sidebar.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Right Sidebar&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;layout-chat-open.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Chat Open&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;layout-horizontal-sidebar-menu-collapsed-right.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Both Menus &amp;amp; Collapsed&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;layout-boxed.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Boxed Layout&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;layout-boxed-horizontal-menu.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Boxed &amp;amp; Horizontal Menu&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;http://www.cssmoban.com&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;weidea.net&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/li&gt;
					&lt;li&gt;
						&lt;a href=&quot;ui-panels.html&quot;&gt;
							&lt;i class=&quot;linecons-note&quot;&gt;&lt;/i&gt;
							&lt;span class=&quot;title&quot;&gt;UI Elements&lt;/span&gt;
						&lt;/a&gt;
						&lt;ul&gt;
							&lt;li&gt;
								&lt;a href=&quot;ui-panels.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Panels&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;ui-buttons.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Buttons&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;ui-tabs-accordions.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Tabs &amp;amp; Accordions&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;ui-modals.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Modals&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;ui-breadcrumbs.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Breadcrumbs&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;ui-blockquotes.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Blockquotes&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;ui-progressbars.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Progress Bars&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;ui-navbars.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Navbars&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;ui-alerts.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Alerts&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;ui-pagination.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Pagination&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;ui-typography.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Typography&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;ui-other-elements.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Other Elements&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/li&gt;
					&lt;li&gt;
						&lt;a href=&quot;ui-widgets.html&quot;&gt;
							&lt;i class=&quot;linecons-star&quot;&gt;&lt;/i&gt;
							&lt;span class=&quot;title&quot;&gt;Widgets&lt;/span&gt;
						&lt;/a&gt;
					&lt;/li&gt;
					&lt;li&gt;
						&lt;a href=&quot;mailbox-main.html&quot;&gt;
							&lt;i class=&quot;linecons-mail&quot;&gt;&lt;/i&gt;
							&lt;span class=&quot;title&quot;&gt;Mailbox&lt;/span&gt;
							&lt;span class=&quot;label label-success pull-right&quot;&gt;5&lt;/span&gt;
						&lt;/a&gt;
						&lt;ul&gt;
							&lt;li&gt;
								&lt;a href=&quot;mailbox-main.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Inbox&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;mailbox-compose.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Compose Message&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;mailbox-message.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;View Message&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/li&gt;
					&lt;li&gt;
						&lt;a href=&quot;tables-basic.html&quot;&gt;
							&lt;i class=&quot;linecons-database&quot;&gt;&lt;/i&gt;
							&lt;span class=&quot;title&quot;&gt;Tables&lt;/span&gt;
						&lt;/a&gt;
						&lt;ul&gt;
							&lt;li&gt;
								&lt;a href=&quot;tables-basic.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Basic Tables&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;tables-responsive.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Responsive Table&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;tables-datatables.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Data Tables&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/li&gt;
					&lt;li&gt;
						&lt;a href=&quot;forms-native.html&quot;&gt;
							&lt;i class=&quot;linecons-params&quot;&gt;&lt;/i&gt;
							&lt;span class=&quot;title&quot;&gt;Forms&lt;/span&gt;
						&lt;/a&gt;
						&lt;ul&gt;
							&lt;li&gt;
								&lt;a href=&quot;forms-native.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Native Elements&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;forms-advanced.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Advanced Plugins&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;forms-wizard.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Form Wizard&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;forms-validation.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Form Validation&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;forms-input-masks.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Input Masks&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;forms-file-upload.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;File Upload&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;forms-editors.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Editors&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;forms-sliders.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Sliders&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/li&gt;
					&lt;li class=&quot;opened active opened active&quot;&gt;
						&lt;a href=&quot;extra-gallery.html&quot;&gt;
							&lt;i class=&quot;linecons-beaker&quot;&gt;&lt;/i&gt;
							&lt;span class=&quot;title&quot;&gt;Extra&lt;/span&gt;
							&lt;span class=&quot;label label-purple pull-right hidden-collapsed&quot;&gt;New Items&lt;/span&gt;
						&lt;/a&gt;
						&lt;ul&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-icons-fontawesome.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Icons&lt;/span&gt;
									&lt;span class=&quot;label label-warning pull-right&quot;&gt;4&lt;/span&gt;
								&lt;/a&gt;
								&lt;ul&gt;
									&lt;li&gt;
										&lt;a href=&quot;extra-icons-fontawesome.html&quot;&gt;
											&lt;span class=&quot;title&quot;&gt;Font Awesome&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
									&lt;li&gt;
										&lt;a href=&quot;extra-icons-linecons.html&quot;&gt;
											&lt;span class=&quot;title&quot;&gt;Linecons&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
									&lt;li&gt;
										&lt;a href=&quot;extra-icons-elusive.html&quot;&gt;
											&lt;span class=&quot;title&quot;&gt;Elusive&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
									&lt;li&gt;
										&lt;a href=&quot;extra-icons-meteocons.html&quot;&gt;
											&lt;span class=&quot;title&quot;&gt;Meteocons&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
								&lt;/ul&gt;
							&lt;/li&gt;
							&lt;li class=&quot;active opened active&quot;&gt;
								&lt;a href=&quot;extra-maps-google.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Maps&lt;/span&gt;
								&lt;/a&gt;
								&lt;ul&gt;
									&lt;li class=&quot;active&quot;&gt;
										&lt;a href=&quot;extra-maps-google.html&quot;&gt;
											&lt;span class=&quot;title&quot;&gt;Google Maps&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
									&lt;li&gt;
										&lt;a href=&quot;extra-maps-advanced.html&quot;&gt;
											&lt;span class=&quot;title&quot;&gt;Advanced Map&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
									&lt;li&gt;
										&lt;a href=&quot;extra-maps-vector.html&quot;&gt;
											&lt;span class=&quot;title&quot;&gt;Vector Map&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
								&lt;/ul&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-gallery.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Gallery&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-calendar.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Calendar&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-profile.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Profile&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-login.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Login&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-lockscreen.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Lockscreen&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-login-light.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Login Light&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-timeline.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Timeline&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-timeline-center.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Timeline Centerd&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-notes.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Notes&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-image-crop.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Image Crop&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-portlets.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Portlets&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;blank-sidebar.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Blank Page&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-search.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Search&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-invoice.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Invoice&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-not-found.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;404 Page&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-tocify.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Tocify&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-loader.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Loading Progress&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-page-loading-ol.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Page Loading Overlay&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-notifications.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Notifications&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-nestable-lists.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Nestable Lists&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;extra-scrollable.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Scrollable&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/li&gt;
					&lt;li&gt;
						&lt;a href=&quot;charts-main.html&quot;&gt;
							&lt;i class=&quot;linecons-globe&quot;&gt;&lt;/i&gt;
							&lt;span class=&quot;title&quot;&gt;Charts&lt;/span&gt;
						&lt;/a&gt;
						&lt;ul&gt;
							&lt;li&gt;
								&lt;a href=&quot;charts-main.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Chart Variants&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;charts-range.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Range Selector&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;charts-sparklines.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Sparklines&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;charts-map.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Map Charts&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;charts-gauges.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Circular Gauges&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;charts-bar-gauges.html&quot;&gt;
									&lt;span class=&quot;title&quot;&gt;Bar Gauges&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/li&gt;
					&lt;li&gt;
						&lt;a href=&quot;#&quot;&gt;
							&lt;i class=&quot;linecons-cloud&quot;&gt;&lt;/i&gt;
							&lt;span class=&quot;title&quot;&gt;Menu Levels&lt;/span&gt;
						&lt;/a&gt;
						&lt;ul&gt;
							&lt;li&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;i class=&quot;entypo-flow-line&quot;&gt;&lt;/i&gt;
									&lt;span class=&quot;title&quot;&gt;Menu Level 1.1&lt;/span&gt;
								&lt;/a&gt;
								&lt;ul&gt;
									&lt;li&gt;
										&lt;a href=&quot;#&quot;&gt;
											&lt;i class=&quot;entypo-flow-parallel&quot;&gt;&lt;/i&gt;
											&lt;span class=&quot;title&quot;&gt;Menu Level 2.1&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
									&lt;li&gt;
										&lt;a href=&quot;#&quot;&gt;
											&lt;i class=&quot;entypo-flow-parallel&quot;&gt;&lt;/i&gt;
											&lt;span class=&quot;title&quot;&gt;Menu Level 2.2&lt;/span&gt;
										&lt;/a&gt;
										&lt;ul&gt;
											&lt;li&gt;
												&lt;a href=&quot;#&quot;&gt;
													&lt;i class=&quot;entypo-flow-cascade&quot;&gt;&lt;/i&gt;
													&lt;span class=&quot;title&quot;&gt;Menu Level 3.1&lt;/span&gt;
												&lt;/a&gt;
											&lt;/li&gt;
											&lt;li&gt;
												&lt;a href=&quot;#&quot;&gt;
													&lt;i class=&quot;entypo-flow-cascade&quot;&gt;&lt;/i&gt;
													&lt;span class=&quot;title&quot;&gt;Menu Level 3.2&lt;/span&gt;
												&lt;/a&gt;
												&lt;ul&gt;
													&lt;li&gt;
														&lt;a href=&quot;#&quot;&gt;
															&lt;i class=&quot;entypo-flow-branch&quot;&gt;&lt;/i&gt;
															&lt;span class=&quot;title&quot;&gt;Menu Level 4.1&lt;/span&gt;
														&lt;/a&gt;
													&lt;/li&gt;
												&lt;/ul&gt;
											&lt;/li&gt;
										&lt;/ul&gt;
									&lt;/li&gt;
									&lt;li&gt;
										&lt;a href=&quot;#&quot;&gt;
											&lt;i class=&quot;entypo-flow-parallel&quot;&gt;&lt;/i&gt;
											&lt;span class=&quot;title&quot;&gt;Menu Level 2.3&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
								&lt;/ul&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;i class=&quot;entypo-flow-line&quot;&gt;&lt;/i&gt;
									&lt;span class=&quot;title&quot;&gt;Menu Level 1.2&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;i class=&quot;entypo-flow-line&quot;&gt;&lt;/i&gt;
									&lt;span class=&quot;title&quot;&gt;Menu Level 1.3&lt;/span&gt;
								&lt;/a&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/li&gt;
				&lt;/ul&gt;
						
			&lt;/div&gt;
			
		&lt;/div&gt;
		
		&lt;div class=&quot;main-content&quot;&gt;
					
			&lt;!-- User Info, Notifications and Menu Bar --&gt;
			&lt;nav class=&quot;navbar user-info-navbar&quot; role=&quot;navigation&quot;&gt;
				
				&lt;!-- Left links for user info navbar --&gt;
				&lt;ul class=&quot;user-info-menu left-links list-inline list-unstyled&quot;&gt;
					
					&lt;li class=&quot;hidden-sm hidden-xs&quot;&gt;
						&lt;a href=&quot;#&quot; data-toggle=&quot;sidebar&quot;&gt;
							&lt;i class=&quot;fa-bars&quot;&gt;&lt;/i&gt;
						&lt;/a&gt;
					&lt;/li&gt;
					
					&lt;li class=&quot;dropdown hover-line&quot;&gt;
						&lt;a href=&quot;#&quot; data-toggle=&quot;dropdown&quot;&gt;
							&lt;i class=&quot;fa-envelope-o&quot;&gt;&lt;/i&gt;
							&lt;span class=&quot;badge badge-green&quot;&gt;15&lt;/span&gt;
						&lt;/a&gt;
							
						&lt;ul class=&quot;dropdown-menu messages&quot;&gt;
							&lt;li&gt;
									
								&lt;ul class=&quot;dropdown-menu-list list-unstyled ps-scrollbar&quot;&gt;
								
									&lt;li class=&quot;active&quot;&gt;&lt;!-- &quot;active&quot; class means message is unread --&gt;
										&lt;a href=&quot;#&quot;&gt;
											&lt;span class=&quot;line&quot;&gt;
												&lt;strong&gt;Luc Chartier&lt;/strong&gt;
												&lt;span class=&quot;light small&quot;&gt;- yesterday&lt;/span&gt;
											&lt;/span&gt;
											
											&lt;span class=&quot;line desc small&quot;&gt;
												This ain’t our first item, it is the best of the rest.
											&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
									
									&lt;li class=&quot;active&quot;&gt;
										&lt;a href=&quot;#&quot;&gt;
											&lt;span class=&quot;line&quot;&gt;
												&lt;strong&gt;Salma Nyberg&lt;/strong&gt;
												&lt;span class=&quot;light small&quot;&gt;- 2 days ago&lt;/span&gt;
											&lt;/span&gt;
											
											&lt;span class=&quot;line desc small&quot;&gt;
												Oh he decisively impression attachment friendship so if everything. 
											&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
									
									&lt;li&gt;
										&lt;a href=&quot;#&quot;&gt;
											&lt;span class=&quot;line&quot;&gt;
												Hayden Cartwright
												&lt;span class=&quot;light small&quot;&gt;- a week ago&lt;/span&gt;
											&lt;/span&gt;
											
											&lt;span class=&quot;line desc small&quot;&gt;
												Whose her enjoy chief new young. Felicity if ye required likewise so doubtful.
											&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
									
									&lt;li&gt;
										&lt;a href=&quot;#&quot;&gt;
											&lt;span class=&quot;line&quot;&gt;
												Sandra Eberhardt
												&lt;span class=&quot;light small&quot;&gt;- 16 days ago&lt;/span&gt;
											&lt;/span&gt;
											
											&lt;span class=&quot;line desc small&quot;&gt;
												On so attention necessary at by provision otherwise existence direction.
											&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
									
									&lt;!-- Repeated --&gt;
									
									&lt;li class=&quot;active&quot;&gt;&lt;!-- &quot;active&quot; class means message is unread --&gt;
										&lt;a href=&quot;#&quot;&gt;
											&lt;span class=&quot;line&quot;&gt;
												&lt;strong&gt;Luc Chartier&lt;/strong&gt;
												&lt;span class=&quot;light small&quot;&gt;- yesterday&lt;/span&gt;
											&lt;/span&gt;
											
											&lt;span class=&quot;line desc small&quot;&gt;
												This ain’t our first item, it is the best of the rest.
											&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
									
									&lt;li class=&quot;active&quot;&gt;
										&lt;a href=&quot;#&quot;&gt;
											&lt;span class=&quot;line&quot;&gt;
												&lt;strong&gt;Salma Nyberg&lt;/strong&gt;
												&lt;span class=&quot;light small&quot;&gt;- 2 days ago&lt;/span&gt;
											&lt;/span&gt;
											
											&lt;span class=&quot;line desc small&quot;&gt;
												Oh he decisively impression attachment friendship so if everything. 
											&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
									
									&lt;li&gt;
										&lt;a href=&quot;#&quot;&gt;
											&lt;span class=&quot;line&quot;&gt;
												Hayden Cartwright
												&lt;span class=&quot;light small&quot;&gt;- a week ago&lt;/span&gt;
											&lt;/span&gt;
											
											&lt;span class=&quot;line desc small&quot;&gt;
												Whose her enjoy chief new young. Felicity if ye required likewise so doubtful.
											&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
									
									&lt;li&gt;
										&lt;a href=&quot;#&quot;&gt;
											&lt;span class=&quot;line&quot;&gt;
												Sandra Eberhardt
												&lt;span class=&quot;light small&quot;&gt;- 16 days ago&lt;/span&gt;
											&lt;/span&gt;
											
											&lt;span class=&quot;line desc small&quot;&gt;
												On so attention necessary at by provision otherwise existence direction.
											&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
									
								&lt;/ul&gt;
								
							&lt;/li&gt;
							
							&lt;li class=&quot;external&quot;&gt;
								&lt;a href=&quot;blank-sidebar.html&quot;&gt;
									&lt;span&gt;All Messages&lt;/span&gt;
									&lt;i class=&quot;fa-link-ext&quot;&gt;&lt;/i&gt;
								&lt;/a&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/li&gt;
					
					&lt;li class=&quot;dropdown hover-line&quot;&gt;
						&lt;a href=&quot;#&quot; data-toggle=&quot;dropdown&quot;&gt;
							&lt;i class=&quot;fa-bell-o&quot;&gt;&lt;/i&gt;
							&lt;span class=&quot;badge badge-purple&quot;&gt;7&lt;/span&gt;
						&lt;/a&gt;
							
						&lt;ul class=&quot;dropdown-menu notifications&quot;&gt;
							&lt;li class=&quot;top&quot;&gt;
								&lt;p class=&quot;small&quot;&gt;
									&lt;a href=&quot;#&quot; class=&quot;pull-right&quot;&gt;Mark all Read&lt;/a&gt;
									You have &lt;strong&gt;3&lt;/strong&gt; new notifications.
								&lt;/p&gt;
							&lt;/li&gt;
							
							&lt;li&gt;
								&lt;ul class=&quot;dropdown-menu-list list-unstyled ps-scrollbar&quot;&gt;
									&lt;li class=&quot;active notification-success&quot;&gt;
										&lt;a href=&quot;#&quot;&gt;
											&lt;i class=&quot;fa-user&quot;&gt;&lt;/i&gt;
											
											&lt;span class=&quot;line&quot;&gt;
												&lt;strong&gt;New user registered&lt;/strong&gt;
											&lt;/span&gt;
											
											&lt;span class=&quot;line small time&quot;&gt;
												30 seconds ago
											&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
									
									&lt;li class=&quot;active notification-secondary&quot;&gt;
										&lt;a href=&quot;#&quot;&gt;
											&lt;i class=&quot;fa-lock&quot;&gt;&lt;/i&gt;
											
											&lt;span class=&quot;line&quot;&gt;
												&lt;strong&gt;Privacy settings have been changed&lt;/strong&gt;
											&lt;/span&gt;
											
											&lt;span class=&quot;line small time&quot;&gt;
												3 hours ago
											&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
									
									&lt;li class=&quot;notification-primary&quot;&gt;
										&lt;a href=&quot;#&quot;&gt;
											&lt;i class=&quot;fa-thumbs-up&quot;&gt;&lt;/i&gt;
											
											&lt;span class=&quot;line&quot;&gt;
												&lt;strong&gt;Someone special liked this&lt;/strong&gt;
											&lt;/span&gt;
											
											&lt;span class=&quot;line small time&quot;&gt;
												2 minutes ago
											&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
									
									&lt;li class=&quot;notification-danger&quot;&gt;
										&lt;a href=&quot;#&quot;&gt;
											&lt;i class=&quot;fa-calendar&quot;&gt;&lt;/i&gt;
											
											&lt;span class=&quot;line&quot;&gt;
												John cancelled the event
											&lt;/span&gt;
											
											&lt;span class=&quot;line small time&quot;&gt;
												9 hours ago
											&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
									
									&lt;li class=&quot;notification-info&quot;&gt;
										&lt;a href=&quot;#&quot;&gt;
											&lt;i class=&quot;fa-database&quot;&gt;&lt;/i&gt;
											
											&lt;span class=&quot;line&quot;&gt;
												The server is status is stable
											&lt;/span&gt;
											
											&lt;span class=&quot;line small time&quot;&gt;
												yesterday at 10:30am
											&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
									
									&lt;li class=&quot;notification-warning&quot;&gt;
										&lt;a href=&quot;#&quot;&gt;
											&lt;i class=&quot;fa-envelope-o&quot;&gt;&lt;/i&gt;
											
											&lt;span class=&quot;line&quot;&gt;
												New comments waiting approval
											&lt;/span&gt;
											
											&lt;span class=&quot;line small time&quot;&gt;
												last week
											&lt;/span&gt;
										&lt;/a&gt;
									&lt;/li&gt;
								&lt;/ul&gt;
							&lt;/li&gt;
							
							&lt;li class=&quot;external&quot;&gt;
								&lt;a href=&quot;#&quot;&gt;
									&lt;span&gt;View all notifications&lt;/span&gt;
									&lt;i class=&quot;fa-link-ext&quot;&gt;&lt;/i&gt;
								&lt;/a&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/li&gt;
					
				&lt;/ul&gt;
				
				
				&lt;!-- Right links for user info navbar --&gt;
				&lt;ul class=&quot;user-info-menu right-links list-inline list-unstyled&quot;&gt;
					
					&lt;li class=&quot;search-form&quot;&gt;&lt;!-- You can add &quot;always-visible&quot; to show make the search input visible --&gt;
						
						&lt;form method=&quot;get&quot; action=&quot;extra-search.html&quot;&gt;
							&lt;input type=&quot;text&quot; name=&quot;s&quot; class=&quot;form-control search-field&quot; placeholder=&quot;Type to search...&quot; /&gt;
							
							&lt;button type=&quot;submit&quot; class=&quot;btn btn-link&quot;&gt;
								&lt;i class=&quot;linecons-search&quot;&gt;&lt;/i&gt;
							&lt;/button&gt;
						&lt;/form&gt;
						
					&lt;/li&gt;
					
					&lt;li class=&quot;dropdown user-profile&quot;&gt;
						&lt;a href=&quot;#&quot; data-toggle=&quot;dropdown&quot;&gt;
							&lt;img src=&quot;assets/images/user-4.png&quot; alt=&quot;user-image&quot; class=&quot;img-circle img-inline userpic-32&quot; width=&quot;28&quot; /&gt;
							&lt;span&gt;
								Arlind Nushi
								&lt;i class=&quot;fa-angle-down&quot;&gt;&lt;/i&gt;
							&lt;/span&gt;
						&lt;/a&gt;
						
						&lt;ul class=&quot;dropdown-menu user-profile-menu list-unstyled&quot;&gt;
							&lt;li&gt;
								&lt;a href=&quot;#edit-profile&quot;&gt;
									&lt;i class=&quot;fa-edit&quot;&gt;&lt;/i&gt;
									New Post
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;#settings&quot;&gt;
									&lt;i class=&quot;fa-wrench&quot;&gt;&lt;/i&gt;
									Settings
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;#profile&quot;&gt;
									&lt;i class=&quot;fa-user&quot;&gt;&lt;/i&gt;
									Profile
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li&gt;
								&lt;a href=&quot;#help&quot;&gt;
									&lt;i class=&quot;fa-info&quot;&gt;&lt;/i&gt;
									Help
								&lt;/a&gt;
							&lt;/li&gt;
							&lt;li class=&quot;last&quot;&gt;
								&lt;a href=&quot;extra-lockscreen.html&quot;&gt;
									&lt;i class=&quot;fa-lock&quot;&gt;&lt;/i&gt;
									Logout
								&lt;/a&gt;
							&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/li&gt;
					
					&lt;li&gt;
						&lt;a href=&quot;#&quot; data-toggle=&quot;chat&quot;&gt;
							&lt;i class=&quot;fa-comments-o&quot;&gt;&lt;/i&gt;
						&lt;/a&gt;
					&lt;/li&gt;
					
				&lt;/ul&gt;
				
			&lt;/nav&gt;
			&lt;div class=&quot;page-title&quot;&gt;
				
				&lt;div class=&quot;title-env&quot;&gt;
					&lt;h1 class=&quot;title&quot;&gt;Google Maps&lt;/h1&gt;
					&lt;p class=&quot;description&quot;&gt;Google maps with their instances inside panels&lt;/p&gt;
				&lt;/div&gt;
				
					&lt;div class=&quot;breadcrumb-env&quot;&gt;
					
								&lt;ol class=&quot;breadcrumb bc-1&quot;&gt;
									&lt;li&gt;
							&lt;a href=&quot;dashboard-1.html&quot;&gt;&lt;i class=&quot;fa-home&quot;&gt;&lt;/i&gt;Home&lt;/a&gt;
						&lt;/li&gt;
								&lt;li&gt;
						
										&lt;a href=&quot;extra-gallery.html&quot;&gt;Extra&lt;/a&gt;
								&lt;/li&gt;
							&lt;li&gt;
						
										&lt;a href=&quot;extra-maps-google.html&quot;&gt;Maps&lt;/a&gt;
								&lt;/li&gt;
							&lt;li class=&quot;active&quot;&gt;
						
										&lt;strong&gt;Google Maps&lt;/strong&gt;
								&lt;/li&gt;
								&lt;/ol&gt;
								
				&lt;/div&gt;
					
			&lt;/div&gt;
			
			&lt;script type=&quot;text/javascript&quot; src=&quot;//maps.google.com/maps/api/js?sensor=false&quot;&gt;&lt;/script&gt;
			
			&lt;div class=&quot;row&quot;&gt;
				&lt;div class=&quot;col-sm-6&quot;&gt;
					
					&lt;div class=&quot;panel panel-default panel-border&quot;&gt;
						&lt;div class=&quot;panel-heading&quot;&gt;
							&lt;h3 class=&quot;panel-title&quot;&gt;Normal&lt;/h3&gt;
							&lt;div class=&quot;panel-options&quot;&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;panel&quot;&gt;
									&lt;span class=&quot;collapse-icon&quot;&gt;&amp;ndash;&lt;/span&gt;
									&lt;span class=&quot;expand-icon&quot;&gt;+&lt;/span&gt;
								&lt;/a&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;remove&quot;&gt;
									&amp;times;
								&lt;/a&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;panel-body no-padding&quot;&gt;
							
							&lt;script type=&quot;text/javascript&quot;&gt;
						
							  function initialize() {
								var mapDiv = document.getElementById('normal');
								var map = new google.maps.Map(mapDiv, {
								  center: new google.maps.LatLng(42.668, 20.915),
								  zoom: 6,
								  mapTypeId: google.maps.MapTypeId.ROADMAP
								});
							  }
							  
						
							  google.maps.event.addDomListener(window, 'load', initialize);
							&lt;/script&gt;
							&lt;div id=&quot;normal&quot; style=&quot;height: 350px; width: 100%&quot;&gt;&lt;/div&gt;
							
						&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
				&lt;div class=&quot;col-sm-6&quot;&gt;
					
					&lt;div class=&quot;panel panel-default panel-border&quot;&gt;
						&lt;div class=&quot;panel-heading&quot;&gt;
							&lt;h3 class=&quot;panel-title&quot;&gt;Borderless World&lt;/h3&gt;
							&lt;div class=&quot;panel-options&quot;&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;panel&quot;&gt;
									&lt;span class=&quot;collapse-icon&quot;&gt;&amp;ndash;&lt;/span&gt;
									&lt;span class=&quot;expand-icon&quot;&gt;+&lt;/span&gt;
								&lt;/a&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;remove&quot;&gt;
									&amp;times;
								&lt;/a&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;panel-body no-padding&quot;&gt;
							
							&lt;script type=&quot;text/javascript&quot;&gt;
						
							  function initialize() {
								var mapDiv = document.getElementById('borderless-world');
								var map = new google.maps.Map(mapDiv, {
								  center: new google.maps.LatLng(42.9, 6.1),
								  zoom: 4,
								  styles: 
										[
										  {
											&quot;elementType&quot;: &quot;labels.icon&quot;,
											&quot;stylers&quot;: [
											  { &quot;invert_lightness&quot;: true },
											  { &quot;hue&quot;: &quot;#ffdd00&quot; },
											  { &quot;lightness&quot;: -22 },
											  { &quot;saturation&quot;: -42 },
											  { &quot;visibility&quot;: &quot;off&quot; }
											]
										  },{
											&quot;featureType&quot;: &quot;administrative.neighborhood&quot;,
											&quot;elementType&quot;: &quot;labels&quot;,
											&quot;stylers&quot;: [
											  { &quot;visibility&quot;: &quot;off&quot; }
											]
										  },{
											&quot;featureType&quot;: &quot;administrative&quot;,
											&quot;elementType&quot;: &quot;geometry&quot;,
											&quot;stylers&quot;: [
											  { &quot;visibility&quot;: &quot;off&quot; }
											]
										  },{
											&quot;featureType&quot;: &quot;administrative.country&quot;,
											&quot;elementType&quot;: &quot;labels&quot;,
											&quot;stylers&quot;: [
											  { &quot;visibility&quot;: &quot;off&quot; }
											]
										  },{
											&quot;featureType&quot;: &quot;administrative.province&quot;,
											&quot;elementType&quot;: &quot;labels&quot;,
											&quot;stylers&quot;: [
											  { &quot;visibility&quot;: &quot;off&quot; }
											]
										  },{
											&quot;featureType&quot;: &quot;water&quot;,
											&quot;elementType&quot;: &quot;geometry&quot;,
											&quot;stylers&quot;: [
											  { &quot;saturation&quot;: -38 },
											  { &quot;lightness&quot;: -54 },
											  { &quot;hue&quot;: &quot;#00e5ff&quot; }
											]
										  },{
											&quot;featureType&quot;: &quot;water&quot;,
											&quot;elementType&quot;: &quot;labels.text.fill&quot;,
											&quot;stylers&quot;: [
											  { &quot;color&quot;: &quot;#ffffff&quot; },
											  { &quot;saturation&quot;: 54 },
											  { &quot;lightness&quot;: 51 },
											  { &quot;visibility&quot;: &quot;on&quot; }
											]
										  },{
											&quot;featureType&quot;: &quot;water&quot;,
											&quot;elementType&quot;: &quot;labels.text.stroke&quot;,
											&quot;stylers&quot;: [
											  { &quot;visibility&quot;: &quot;off&quot; }
											]
										  },{
										  }
										],
									  mapTypeId: google.maps.MapTypeId.ROADMAP
								});
							  }
							  
						
							  google.maps.event.addDomListener(window, 'load', initialize);
							&lt;/script&gt;
							&lt;div id=&quot;borderless-world&quot; style=&quot;height: 350px; width: 100%&quot;&gt;&lt;/div&gt;
							
						&lt;/div&gt;
					&lt;/div&gt;
				
				&lt;/div&gt;
			&lt;/div&gt;
			
			&lt;div class=&quot;row&quot;&gt;
				&lt;div class=&quot;col-sm-6&quot;&gt;
					
					&lt;div class=&quot;panel panel-default panel-border&quot;&gt;
						&lt;div class=&quot;panel-heading&quot;&gt;
							&lt;h3 class=&quot;panel-title&quot;&gt;Blue Water&lt;/h3&gt;
							&lt;div class=&quot;panel-options&quot;&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;panel&quot;&gt;
									&lt;span class=&quot;collapse-icon&quot;&gt;&amp;ndash;&lt;/span&gt;
									&lt;span class=&quot;expand-icon&quot;&gt;+&lt;/span&gt;
								&lt;/a&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;remove&quot;&gt;
									&amp;times;
								&lt;/a&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;panel-body no-padding&quot;&gt;
							
							&lt;script type=&quot;text/javascript&quot;&gt;
						
							  function initialize() {
								var mapDiv = document.getElementById('blue-water');
								var map = new google.maps.Map(mapDiv, {
								  center: new google.maps.LatLng(42.9, 6.1),
								  zoom: 3,
								  styles: 
								  		[{&quot;featureType&quot;:&quot;water&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#46bcec&quot;},{&quot;visibility&quot;:&quot;on&quot;}]},{&quot;featureType&quot;:&quot;landscape&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#f2f2f2&quot;}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:45}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;}]},{&quot;featureType&quot;:&quot;road.arterial&quot;,&quot;elementType&quot;:&quot;labels.icon&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#444444&quot;}]},{&quot;featureType&quot;:&quot;transit&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]}],
									  mapTypeId: google.maps.MapTypeId.ROADMAP
								});
							  }
							  
						
							  google.maps.event.addDomListener(window, 'load', initialize);
							&lt;/script&gt;
							&lt;div id=&quot;blue-water&quot; style=&quot;height: 350px; width: 100%&quot;&gt;&lt;/div&gt;
							
						&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
				&lt;div class=&quot;col-sm-6&quot;&gt;
					
					&lt;div class=&quot;panel panel-default panel-border&quot;&gt;
						&lt;div class=&quot;panel-heading&quot;&gt;
							&lt;h3 class=&quot;panel-title&quot;&gt;Magenta&lt;/h3&gt;
							&lt;div class=&quot;panel-options&quot;&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;panel&quot;&gt;
									&lt;span class=&quot;collapse-icon&quot;&gt;&amp;ndash;&lt;/span&gt;
									&lt;span class=&quot;expand-icon&quot;&gt;+&lt;/span&gt;
								&lt;/a&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;remove&quot;&gt;
									&amp;times;
								&lt;/a&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;panel-body no-padding&quot;&gt;
						
							&lt;script type=&quot;text/javascript&quot;&gt;
						
							  function initialize() {
								var mapDiv = document.getElementById('magenta');
								var map = new google.maps.Map(mapDiv, {
								  center: new google.maps.LatLng(42.9, 6.1),
								  zoom: 3,
								  styles: 
										[
										  {
											&quot;featureType&quot;: &quot;landscape&quot;,
											&quot;elementType&quot;: &quot;geometry&quot;,
											&quot;stylers&quot;: [
											  { &quot;visibility&quot;: &quot;on&quot; },
											  { &quot;color&quot;: &quot;#dc3480&quot; }
											]
										  },{
											&quot;featureType&quot;: &quot;water&quot;,
											&quot;stylers&quot;: [
											  { &quot;hue&quot;: &quot;#0055ff&quot; },
											  { &quot;saturation&quot;: 100 },
											  { &quot;lightness&quot;: -18 },
											  { &quot;visibility&quot;: &quot;on&quot; }
											]
										  },{
											&quot;featureType&quot;: &quot;water&quot;,
											&quot;stylers&quot;: [
											  { &quot;visibility&quot;: &quot;on&quot; },
											  { &quot;lightness&quot;: 1 },
											  { &quot;hue&quot;: &quot;#ff0077&quot; }
											]
										  },{
											&quot;featureType&quot;: &quot;administrative&quot;,
											&quot;elementType&quot;: &quot;geometry.stroke&quot;,
											&quot;stylers&quot;: [
											  { &quot;visibility&quot;: &quot;simplified&quot; }
											]
										  },{
											&quot;featureType&quot;: &quot;poi.park&quot;,
											&quot;elementType&quot;: &quot;geometry&quot;,
											&quot;stylers&quot;: [
											  { &quot;color&quot;: &quot;#b72c6e&quot; },
											  { &quot;visibility&quot;: &quot;simplified&quot; }
											]
										  },{
											&quot;featureType&quot;: &quot;administrative&quot;,
											&quot;elementType&quot;: &quot;labels.text.fill&quot;,
											&quot;stylers&quot;: [
											  { &quot;visibility&quot;: &quot;on&quot; },
											  { &quot;color&quot;: &quot;#ffffff&quot; }
											]
										  },{
											&quot;featureType&quot;: &quot;administrative&quot;,
											&quot;elementType&quot;: &quot;labels.text.stroke&quot;,
											&quot;stylers&quot;: [
											  { &quot;visibility&quot;: &quot;off&quot; }
											]
										  },{
										  },{
										  }
										],
									  mapTypeId: google.maps.MapTypeId.ROADMAP
								});
							  }
							  
						
							  google.maps.event.addDomListener(window, 'load', initialize);
							&lt;/script&gt;
							&lt;div id=&quot;magenta&quot; style=&quot;height: 350px; width: 100%&quot;&gt;&lt;/div&gt;
							
						&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
			&lt;/div&gt;
			
			&lt;div class=&quot;row&quot;&gt;
				&lt;div class=&quot;col-sm-6&quot;&gt;
					
					&lt;div class=&quot;panel panel-default panel-border&quot;&gt;
						&lt;div class=&quot;panel-heading&quot;&gt;
							&lt;h3 class=&quot;panel-title&quot;&gt;Hard Edges&lt;/h3&gt;
							&lt;div class=&quot;panel-options&quot;&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;panel&quot;&gt;
									&lt;span class=&quot;collapse-icon&quot;&gt;&amp;ndash;&lt;/span&gt;
									&lt;span class=&quot;expand-icon&quot;&gt;+&lt;/span&gt;
								&lt;/a&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;remove&quot;&gt;
									&amp;times;
								&lt;/a&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;panel-body no-padding&quot;&gt;
							
							&lt;script type=&quot;text/javascript&quot;&gt;
						
							  function initialize() {
								var mapDiv = document.getElementById('hard-edges');
								var map = new google.maps.Map(mapDiv, {
								  center: new google.maps.LatLng(42.9, 6.1),
								  zoom: 3,
								  styles: 
								  	  [{&quot;featureType&quot;:&quot;landscape.natural&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:100}]},{&quot;featureType&quot;:&quot;water&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:-86}]},{&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:100}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:-75}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:97}]},{&quot;featureType&quot;:&quot;poi.park&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:-100}]},{&quot;featureType&quot;:&quot;poi.park&quot;,&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:100}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;elementType&quot;:&quot;labels&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;}]},{&quot;featureType&quot;:&quot;landscape.man_made&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:-68}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:100}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:-100}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:91}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:-100}]},{&quot;featureType&quot;:&quot;transit.station&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:-22}]},{&quot;featureType&quot;:&quot;landscape.man_made&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;hue&quot;:&quot;#ff004c&quot;},{&quot;saturation&quot;:-100},{&quot;lightness&quot;:44}]},{&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:1},{&quot;lightness&quot;:-100}]},{&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:100}]},{&quot;featureType&quot;:&quot;administrative.locality&quot;,&quot;elementType&quot;:&quot;labels&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;water&quot;,&quot;elementType&quot;:&quot;labels&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;administrative.locality&quot;,&quot;elementType&quot;:&quot;labels&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;}]},{&quot;featureType&quot;:&quot;water&quot;,&quot;elementType&quot;:&quot;labels&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;}]}],
									  mapTypeId: google.maps.MapTypeId.ROADMAP
								});
							  }
							  
						
							  google.maps.event.addDomListener(window, 'load', initialize);
							&lt;/script&gt;
							&lt;div id=&quot;hard-edges&quot; style=&quot;height: 350px; width: 100%&quot;&gt;&lt;/div&gt;
							
						&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
				&lt;div class=&quot;col-sm-6&quot;&gt;
					
					&lt;div class=&quot;panel panel-default panel-border&quot;&gt;
						&lt;div class=&quot;panel-heading&quot;&gt;
							&lt;h3 class=&quot;panel-title&quot;&gt;Deep Green&lt;/h3&gt;
							&lt;div class=&quot;panel-options&quot;&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;panel&quot;&gt;
									&lt;span class=&quot;collapse-icon&quot;&gt;&amp;ndash;&lt;/span&gt;
									&lt;span class=&quot;expand-icon&quot;&gt;+&lt;/span&gt;
								&lt;/a&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;remove&quot;&gt;
									&amp;times;
								&lt;/a&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;panel-body no-padding&quot;&gt;
							
							&lt;script type=&quot;text/javascript&quot;&gt;
						
							  function initialize() {
								var mapDiv = document.getElementById('deep-green');
								var map = new google.maps.Map(mapDiv, {
								  center: new google.maps.LatLng(42.9, 6.1),
								  zoom: 3,
								  styles: 
								  	  [{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;landscape.man_made&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;},{&quot;color&quot;:&quot;#ffe24d&quot;}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;},{&quot;color&quot;:&quot;#158c28&quot;}]},{&quot;featureType&quot;:&quot;landscape.natural&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;},{&quot;color&quot;:&quot;#37b34a&quot;}]},{&quot;featureType&quot;:&quot;water&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffe24d&quot;}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;},{&quot;color&quot;:&quot;#8bc53f&quot;}]},{&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#808080&quot;},{&quot;gamma&quot;:9.91},{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;lightness&quot;:100},{&quot;visibility&quot;:&quot;on&quot;}]},{&quot;elementType&quot;:&quot;labels.icon&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]}],
									  mapTypeId: google.maps.MapTypeId.ROADMAP
								});
							  }
							  
						
							  google.maps.event.addDomListener(window, 'load', initialize);
							&lt;/script&gt;
							&lt;div id=&quot;deep-green&quot; style=&quot;height: 350px; width: 100%&quot;&gt;&lt;/div&gt;
							
						&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
			&lt;/div&gt;
			
			&lt;div class=&quot;row&quot;&gt;
				&lt;div class=&quot;col-sm-6&quot;&gt;
					
					&lt;div class=&quot;panel panel-default panel-border&quot;&gt;
						&lt;div class=&quot;panel-heading&quot;&gt;
							&lt;h3 class=&quot;panel-title&quot;&gt;Mapbox&lt;/h3&gt;
							&lt;div class=&quot;panel-options&quot;&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;panel&quot;&gt;
									&lt;span class=&quot;collapse-icon&quot;&gt;&amp;ndash;&lt;/span&gt;
									&lt;span class=&quot;expand-icon&quot;&gt;+&lt;/span&gt;
								&lt;/a&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;remove&quot;&gt;
									&amp;times;
								&lt;/a&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;panel-body no-padding&quot;&gt;
			
							&lt;script type=&quot;text/javascript&quot;&gt;
						
							  function initialize() {
								var mapDiv = document.getElementById('mapbox');
								var map = new google.maps.Map(mapDiv, {
								  center: new google.maps.LatLng(42.9, 6.1),
								  zoom: 3,
								  styles: 
								  	  [{&quot;featureType&quot;:&quot;water&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:43},{&quot;lightness&quot;:-11},{&quot;hue&quot;:&quot;#0088ff&quot;}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;hue&quot;:&quot;#ff0000&quot;},{&quot;saturation&quot;:-100},{&quot;lightness&quot;:99}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#808080&quot;},{&quot;lightness&quot;:54}]},{&quot;featureType&quot;:&quot;landscape.man_made&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ece2d9&quot;}]},{&quot;featureType&quot;:&quot;poi.park&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ccdca1&quot;}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#767676&quot;}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;landscape.natural&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;},{&quot;color&quot;:&quot;#b8cb93&quot;}]},{&quot;featureType&quot;:&quot;poi.park&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;}]},{&quot;featureType&quot;:&quot;poi.sports_complex&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;}]},{&quot;featureType&quot;:&quot;poi.medical&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;}]},{&quot;featureType&quot;:&quot;poi.business&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;}]}],
									  mapTypeId: google.maps.MapTypeId.ROADMAP
								});
							  }
							  
						
							  google.maps.event.addDomListener(window, 'load', initialize);
							&lt;/script&gt;
							&lt;div id=&quot;mapbox&quot; style=&quot;height: 350px; width: 100%&quot;&gt;&lt;/div&gt;
							
						&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
				&lt;div class=&quot;col-sm-6&quot;&gt;
					
					&lt;div class=&quot;panel panel-default panel-border&quot;&gt;
						&lt;div class=&quot;panel-heading&quot;&gt;
							&lt;h3 class=&quot;panel-title&quot;&gt;Paper&lt;/h3&gt;
							&lt;div class=&quot;panel-options&quot;&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;panel&quot;&gt;
									&lt;span class=&quot;collapse-icon&quot;&gt;&amp;ndash;&lt;/span&gt;
									&lt;span class=&quot;expand-icon&quot;&gt;+&lt;/span&gt;
								&lt;/a&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;remove&quot;&gt;
									&amp;times;
								&lt;/a&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;panel-body no-padding&quot;&gt;
							
							&lt;script type=&quot;text/javascript&quot;&gt;
						
							  function initialize() {
								var mapDiv = document.getElementById('paper');
								var map = new google.maps.Map(mapDiv, {
								  center: new google.maps.LatLng(42.9, 6.1),
								  zoom: 3,
								  styles: 
								  	  [{&quot;featureType&quot;:&quot;administrative&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;}]},{&quot;featureType&quot;:&quot;water&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;}]},{&quot;featureType&quot;:&quot;transit&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;}]},{&quot;featureType&quot;:&quot;landscape&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;road.local&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;}]},{&quot;featureType&quot;:&quot;road.arterial&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;water&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#5f94ff&quot;},{&quot;lightness&quot;:26},{&quot;gamma&quot;:5.86}]},{},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;stylers&quot;:[{&quot;weight&quot;:0.6},{&quot;saturation&quot;:-85},{&quot;lightness&quot;:61}]},{&quot;featureType&quot;:&quot;road&quot;},{},{&quot;featureType&quot;:&quot;landscape&quot;,&quot;stylers&quot;:[{&quot;hue&quot;:&quot;#0066ff&quot;},{&quot;saturation&quot;:74},{&quot;lightness&quot;:100}]}],
									  mapTypeId: google.maps.MapTypeId.ROADMAP
								});
							  }
							  
						
							  google.maps.event.addDomListener(window, 'load', initialize);
							&lt;/script&gt;
							&lt;div id=&quot;paper&quot; style=&quot;height: 350px; width: 100%&quot;&gt;&lt;/div&gt;
							
						&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
			&lt;/div&gt;
			
			&lt;div class=&quot;row&quot;&gt;
				&lt;div class=&quot;col-sm-6&quot;&gt;
					
					&lt;div class=&quot;panel panel-default panel-border&quot;&gt;
						&lt;div class=&quot;panel-heading&quot;&gt;
							&lt;h3 class=&quot;panel-title&quot;&gt;Red Alert&lt;/h3&gt;
							&lt;div class=&quot;panel-options&quot;&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;panel&quot;&gt;
									&lt;span class=&quot;collapse-icon&quot;&gt;&amp;ndash;&lt;/span&gt;
									&lt;span class=&quot;expand-icon&quot;&gt;+&lt;/span&gt;
								&lt;/a&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;remove&quot;&gt;
									&amp;times;
								&lt;/a&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;panel-body no-padding&quot;&gt;
			
							&lt;script type=&quot;text/javascript&quot;&gt;
						
							  function initialize() {
								var mapDiv = document.getElementById('red-alert');
								var map = new google.maps.Map(mapDiv, {
								  center: new google.maps.LatLng(42.9, 6.1),
								  zoom: 3,
								  styles: 
								  		[{&quot;featureType&quot;:&quot;water&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffdfa6&quot;}]},{&quot;featureType&quot;:&quot;landscape&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#b52127&quot;}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#c5531b&quot;}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#74001b&quot;},{&quot;lightness&quot;:-10}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#da3c3c&quot;}]},{&quot;featureType&quot;:&quot;road.arterial&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#74001b&quot;}]},{&quot;featureType&quot;:&quot;road.arterial&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#da3c3c&quot;}]},{&quot;featureType&quot;:&quot;road.local&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#990c19&quot;}]},{&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;}]},{&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#74001b&quot;},{&quot;lightness&quot;:-8}]},{&quot;featureType&quot;:&quot;transit&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#6a0d10&quot;},{&quot;visibility&quot;:&quot;on&quot;}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffdfa6&quot;},{&quot;weight&quot;:0.4}]},{&quot;featureType&quot;:&quot;road.local&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]}],
									  mapTypeId: google.maps.MapTypeId.ROADMAP
								});
							  }
							  
						
							  google.maps.event.addDomListener(window, 'load', initialize);
							&lt;/script&gt;
							&lt;div id=&quot;red-alert&quot; style=&quot;height: 350px; width: 100%&quot;&gt;&lt;/div&gt;
							
						&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
				&lt;div class=&quot;col-sm-6&quot;&gt;
					
					&lt;div class=&quot;panel panel-default panel-border&quot;&gt;
						&lt;div class=&quot;panel-heading&quot;&gt;
							&lt;h3 class=&quot;panel-title&quot;&gt;Avocado&lt;/h3&gt;
							&lt;div class=&quot;panel-options&quot;&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;panel&quot;&gt;
									&lt;span class=&quot;collapse-icon&quot;&gt;&amp;ndash;&lt;/span&gt;
									&lt;span class=&quot;expand-icon&quot;&gt;+&lt;/span&gt;
								&lt;/a&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;remove&quot;&gt;
									&amp;times;
								&lt;/a&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;panel-body no-padding&quot;&gt;
							
							&lt;script type=&quot;text/javascript&quot;&gt;
						
							  function initialize() {
								var mapDiv = document.getElementById('avocado');
								var map = new google.maps.Map(mapDiv, {
								  center: new google.maps.LatLng(42.9, 6.1),
								  zoom: 3,
								  styles: 
								  	  [{&quot;featureType&quot;:&quot;water&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;},{&quot;color&quot;:&quot;#aee2e0&quot;}]},{&quot;featureType&quot;:&quot;landscape&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#abce83&quot;}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#769E72&quot;}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#7B8758&quot;}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#EBF4A4&quot;}]},{&quot;featureType&quot;:&quot;poi.park&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;},{&quot;color&quot;:&quot;#8dab68&quot;}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#5B5B3F&quot;}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ABCE83&quot;}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;elementType&quot;:&quot;labels.icon&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;road.local&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#A4C67D&quot;}]},{&quot;featureType&quot;:&quot;road.arterial&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#9BBF72&quot;}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#EBF4A4&quot;}]},{&quot;featureType&quot;:&quot;transit&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;},{&quot;color&quot;:&quot;#87ae79&quot;}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#7f2200&quot;},{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;visibility&quot;:&quot;on&quot;},{&quot;weight&quot;:4.1}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#495421&quot;}]},{&quot;featureType&quot;:&quot;administrative.neighborhood&quot;,&quot;elementType&quot;:&quot;labels&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]}],
									  mapTypeId: google.maps.MapTypeId.ROADMAP
								});
							  }
							  
						
							  google.maps.event.addDomListener(window, 'load', initialize);
							&lt;/script&gt;
							&lt;div id=&quot;avocado&quot; style=&quot;height: 350px; width: 100%&quot;&gt;&lt;/div&gt;
							
						&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
			&lt;/div&gt;
			
			&lt;div class=&quot;row&quot;&gt;
				&lt;div class=&quot;col-sm-6&quot;&gt;
					
					&lt;div class=&quot;panel panel-default panel-border&quot;&gt;
						&lt;div class=&quot;panel-heading&quot;&gt;
							&lt;h3 class=&quot;panel-title&quot;&gt;Spring Green&lt;/h3&gt;
							&lt;div class=&quot;panel-options&quot;&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;panel&quot;&gt;
									&lt;span class=&quot;collapse-icon&quot;&gt;&amp;ndash;&lt;/span&gt;
									&lt;span class=&quot;expand-icon&quot;&gt;+&lt;/span&gt;
								&lt;/a&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;remove&quot;&gt;
									&amp;times;
								&lt;/a&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;panel-body no-padding&quot;&gt;
							
							&lt;script type=&quot;text/javascript&quot;&gt;
						
							  function initialize() {
								var mapDiv = document.getElementById('spring-green');
								var map = new google.maps.Map(mapDiv, {
								  center: new google.maps.LatLng(42.9, 6.1),
								  zoom: 3,
								  styles: 
								  	  [{&quot;featureType&quot;:&quot;water&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#333739&quot;}]},{&quot;featureType&quot;:&quot;landscape&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#2ecc71&quot;}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#2ecc71&quot;},{&quot;lightness&quot;:-7}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#2ecc71&quot;},{&quot;lightness&quot;:-28}]},{&quot;featureType&quot;:&quot;road.arterial&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#2ecc71&quot;},{&quot;visibility&quot;:&quot;on&quot;},{&quot;lightness&quot;:-15}]},{&quot;featureType&quot;:&quot;road.local&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#2ecc71&quot;},{&quot;lightness&quot;:-18}]},{&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;}]},{&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;transit&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#2ecc71&quot;},{&quot;lightness&quot;:-34}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;},{&quot;color&quot;:&quot;#333739&quot;},{&quot;weight&quot;:0.8}]},{&quot;featureType&quot;:&quot;poi.park&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#2ecc71&quot;}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#333739&quot;},{&quot;weight&quot;:0.3},{&quot;lightness&quot;:10}]}],
									  mapTypeId: google.maps.MapTypeId.ROADMAP
								});
							  }
							  
						
							  google.maps.event.addDomListener(window, 'load', initialize);
							&lt;/script&gt;
							&lt;div id=&quot;spring-green&quot; style=&quot;height: 350px; width: 100%&quot;&gt;&lt;/div&gt;
							
						&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
				&lt;div class=&quot;col-sm-6&quot;&gt;
					
					&lt;div class=&quot;panel panel-default panel-border&quot;&gt;
						&lt;div class=&quot;panel-heading&quot;&gt;
							&lt;h3 class=&quot;panel-title&quot;&gt;Neutral Blue&lt;/h3&gt;
							&lt;div class=&quot;panel-options&quot;&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;panel&quot;&gt;
									&lt;span class=&quot;collapse-icon&quot;&gt;&amp;ndash;&lt;/span&gt;
									&lt;span class=&quot;expand-icon&quot;&gt;+&lt;/span&gt;
								&lt;/a&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;remove&quot;&gt;
									&amp;times;
								&lt;/a&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;panel-body no-padding&quot;&gt;
							
							&lt;script type=&quot;text/javascript&quot;&gt;
						
							  function initialize() {
								var mapDiv = document.getElementById('neutral-blue');
								var map = new google.maps.Map(mapDiv, {
								  center: new google.maps.LatLng(42.9, 6.1),
								  zoom: 3,
								  styles: 
								  	  [{&quot;featureType&quot;:&quot;water&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#193341&quot;}]},{&quot;featureType&quot;:&quot;landscape&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#2c5a71&quot;}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#29768a&quot;},{&quot;lightness&quot;:-37}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#406d80&quot;}]},{&quot;featureType&quot;:&quot;transit&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#406d80&quot;}]},{&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;},{&quot;color&quot;:&quot;#3e606f&quot;},{&quot;weight&quot;:2},{&quot;gamma&quot;:0.84}]},{&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;weight&quot;:0.6},{&quot;color&quot;:&quot;#1a3541&quot;}]},{&quot;elementType&quot;:&quot;labels.icon&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;poi.park&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#2c5a71&quot;}]}],
									  mapTypeId: google.maps.MapTypeId.ROADMAP
								});
							  }
							  
						
							  google.maps.event.addDomListener(window, 'load', initialize);
							&lt;/script&gt;
							&lt;div id=&quot;neutral-blue&quot; style=&quot;height: 350px; width: 100%&quot;&gt;&lt;/div&gt;
							
						&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
			&lt;/div&gt;
			
			
			
			
			&lt;div class=&quot;row&quot;&gt;
				&lt;div class=&quot;col-sm-6&quot;&gt;
					
					&lt;div class=&quot;panel panel-default panel-border&quot;&gt;
						&lt;div class=&quot;panel-heading&quot;&gt;
							&lt;h3 class=&quot;panel-title&quot;&gt;Grey&lt;/h3&gt;
							&lt;div class=&quot;panel-options&quot;&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;panel&quot;&gt;
									&lt;span class=&quot;collapse-icon&quot;&gt;&amp;ndash;&lt;/span&gt;
									&lt;span class=&quot;expand-icon&quot;&gt;+&lt;/span&gt;
								&lt;/a&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;remove&quot;&gt;
									&amp;times;
								&lt;/a&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;panel-body no-padding&quot;&gt;
							
							&lt;script type=&quot;text/javascript&quot;&gt;
						
							  function initialize() {
								var mapDiv = document.getElementById('grey');
								var map = new google.maps.Map(mapDiv, {
								  center: new google.maps.LatLng(42.9, 6.1),
								  zoom: 3,
								  styles: 
								  	[{&quot;featureType&quot;:&quot;water&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#000000&quot;},{&quot;lightness&quot;:17}]},{&quot;featureType&quot;:&quot;landscape&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#000000&quot;},{&quot;lightness&quot;:20}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#000000&quot;},{&quot;lightness&quot;:17}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#000000&quot;},{&quot;lightness&quot;:29},{&quot;weight&quot;:0.2}]},{&quot;featureType&quot;:&quot;road.arterial&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#000000&quot;},{&quot;lightness&quot;:18}]},{&quot;featureType&quot;:&quot;road.local&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#000000&quot;},{&quot;lightness&quot;:16}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#000000&quot;},{&quot;lightness&quot;:21}]},{&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;},{&quot;color&quot;:&quot;#000000&quot;},{&quot;lightness&quot;:16}]},{&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:36},{&quot;color&quot;:&quot;#000000&quot;},{&quot;lightness&quot;:40}]},{&quot;elementType&quot;:&quot;labels.icon&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;transit&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#000000&quot;},{&quot;lightness&quot;:19}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#000000&quot;},{&quot;lightness&quot;:20}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#000000&quot;},{&quot;lightness&quot;:17},{&quot;weight&quot;:1.2}]}],
									  mapTypeId: google.maps.MapTypeId.ROADMAP
								});
							  }
							  
						
							  google.maps.event.addDomListener(window, 'load', initialize);
							&lt;/script&gt;
							&lt;div id=&quot;grey&quot; style=&quot;height: 350px; width: 100%&quot;&gt;&lt;/div&gt;
							
						&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
				&lt;div class=&quot;col-sm-6&quot;&gt;
					
					&lt;div class=&quot;panel panel-default panel-border&quot;&gt;
						&lt;div class=&quot;panel-heading&quot;&gt;
							&lt;h3 class=&quot;panel-title&quot;&gt;Bright&lt;/h3&gt;
							&lt;div class=&quot;panel-options&quot;&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;panel&quot;&gt;
									&lt;span class=&quot;collapse-icon&quot;&gt;&amp;ndash;&lt;/span&gt;
									&lt;span class=&quot;expand-icon&quot;&gt;+&lt;/span&gt;
								&lt;/a&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;remove&quot;&gt;
									&amp;times;
								&lt;/a&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;panel-body no-padding&quot;&gt;
							
							&lt;script type=&quot;text/javascript&quot;&gt;
						
							  function initialize() {
								var mapDiv = document.getElementById('bright');
								var map = new google.maps.Map(mapDiv, {
								  center: new google.maps.LatLng(42.9, 6.1),
								  zoom: 3,
								  styles: 
								  	[{&quot;featureType&quot;:&quot;water&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#19a0d8&quot;}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;},{&quot;weight&quot;:6}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#e85113&quot;}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#efe9e4&quot;},{&quot;lightness&quot;:-40}]},{&quot;featureType&quot;:&quot;road.arterial&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#efe9e4&quot;},{&quot;lightness&quot;:-20}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;lightness&quot;:100}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;lightness&quot;:-100}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;labels.icon&quot;},{&quot;featureType&quot;:&quot;landscape&quot;,&quot;elementType&quot;:&quot;labels&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;landscape&quot;,&quot;stylers&quot;:[{&quot;lightness&quot;:20},{&quot;color&quot;:&quot;#efe9e4&quot;}]},{&quot;featureType&quot;:&quot;landscape.man_made&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;water&quot;,&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;lightness&quot;:100}]},{&quot;featureType&quot;:&quot;water&quot;,&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;lightness&quot;:-100}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;hue&quot;:&quot;#11ff00&quot;}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;lightness&quot;:100}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;labels.icon&quot;,&quot;stylers&quot;:[{&quot;hue&quot;:&quot;#4cff00&quot;},{&quot;saturation&quot;:58}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;},{&quot;color&quot;:&quot;#f0e4d3&quot;}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#efe9e4&quot;},{&quot;lightness&quot;:-25}]},{&quot;featureType&quot;:&quot;road.arterial&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#efe9e4&quot;},{&quot;lightness&quot;:-10}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;labels&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;}]}],
									  mapTypeId: google.maps.MapTypeId.ROADMAP
								});
							  }
							  
						
							  google.maps.event.addDomListener(window, 'load', initialize);
							&lt;/script&gt;
							&lt;div id=&quot;bright&quot; style=&quot;height: 350px; width: 100%&quot;&gt;&lt;/div&gt;
							
						&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
			&lt;/div&gt;
			
			&lt;div class=&quot;row&quot;&gt;
				&lt;div class=&quot;col-sm-6&quot;&gt;
					
					&lt;div class=&quot;panel panel-default panel-border&quot;&gt;
						&lt;div class=&quot;panel-heading&quot;&gt;
							&lt;h3 class=&quot;panel-title&quot;&gt;Midnight&lt;/h3&gt;
							&lt;div class=&quot;panel-options&quot;&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;panel&quot;&gt;
									&lt;span class=&quot;collapse-icon&quot;&gt;&amp;ndash;&lt;/span&gt;
									&lt;span class=&quot;expand-icon&quot;&gt;+&lt;/span&gt;
								&lt;/a&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;remove&quot;&gt;
									&amp;times;
								&lt;/a&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;panel-body no-padding&quot;&gt;
							
							&lt;script type=&quot;text/javascript&quot;&gt;
						
							  function initialize() {
								var mapDiv = document.getElementById('midnight');
								var map = new google.maps.Map(mapDiv, {
								  center: new google.maps.LatLng(42.9, 6.1),
								  zoom: 3,
								  styles: 
								  	[{&quot;featureType&quot;:&quot;water&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#021019&quot;}]},{&quot;featureType&quot;:&quot;landscape&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#08304b&quot;}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#0c4152&quot;},{&quot;lightness&quot;:5}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#000000&quot;}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#0b434f&quot;},{&quot;lightness&quot;:25}]},{&quot;featureType&quot;:&quot;road.arterial&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#000000&quot;}]},{&quot;featureType&quot;:&quot;road.arterial&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#0b3d51&quot;},{&quot;lightness&quot;:16}]},{&quot;featureType&quot;:&quot;road.local&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#000000&quot;}]},{&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#ffffff&quot;}]},{&quot;elementType&quot;:&quot;labels.text.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#000000&quot;},{&quot;lightness&quot;:13}]},{&quot;featureType&quot;:&quot;transit&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#146474&quot;}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#000000&quot;}]},{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;geometry.stroke&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#144b53&quot;},{&quot;lightness&quot;:14},{&quot;weight&quot;:1.4}]}],
									  mapTypeId: google.maps.MapTypeId.ROADMAP
								});
							  }
							  
						
							  google.maps.event.addDomListener(window, 'load', initialize);
							&lt;/script&gt;
							&lt;div id=&quot;midnight&quot; style=&quot;height: 350px; width: 100%&quot;&gt;&lt;/div&gt;
							
						&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
				&lt;div class=&quot;col-sm-6&quot;&gt;
					
					&lt;div class=&quot;panel panel-default panel-border&quot;&gt;
						&lt;div class=&quot;panel-heading&quot;&gt;
							&lt;h3 class=&quot;panel-title&quot;&gt;Retro&lt;/h3&gt;
							&lt;div class=&quot;panel-options&quot;&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;panel&quot;&gt;
									&lt;span class=&quot;collapse-icon&quot;&gt;&amp;ndash;&lt;/span&gt;
									&lt;span class=&quot;expand-icon&quot;&gt;+&lt;/span&gt;
								&lt;/a&gt;
								&lt;a href=&quot;#&quot; data-toggle=&quot;remove&quot;&gt;
									&amp;times;
								&lt;/a&gt;
							&lt;/div&gt;
						&lt;/div&gt;
						&lt;div class=&quot;panel-body no-padding&quot;&gt;
							
							&lt;script type=&quot;text/javascript&quot;&gt;
						
							  function initialize() {
								var mapDiv = document.getElementById('retro');
								var map = new google.maps.Map(mapDiv, {
								  center: new google.maps.LatLng(42.9, 6.1),
								  zoom: 3,
								  styles: 
									 [{&quot;featureType&quot;:&quot;administrative&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;elementType&quot;:&quot;labels&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;}]},{&quot;featureType&quot;:&quot;water&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;}]},{&quot;featureType&quot;:&quot;transit&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;}]},{&quot;featureType&quot;:&quot;landscape&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;road.local&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;}]},{&quot;featureType&quot;:&quot;water&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#84afa3&quot;},{&quot;lightness&quot;:52}]},{&quot;stylers&quot;:[{&quot;saturation&quot;:-17},{&quot;gamma&quot;:0.36}]},{&quot;featureType&quot;:&quot;transit.line&quot;,&quot;elementType&quot;:&quot;geometry&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#3f518c&quot;}]}],
									  mapTypeId: google.maps.MapTypeId.ROADMAP
								});
							  }
							  
						
							  google.maps.event.addDomListener(window, 'load', initialize);
							&lt;/script&gt;
							&lt;div id=&quot;retro&quot; style=&quot;height: 350px; width: 100%&quot;&gt;&lt;/div&gt;
							
						&lt;/div&gt;
					&lt;/div&gt;
					
				&lt;/div&gt;
			&lt;/div&gt;
			&lt;!-- Main Footer --&gt;
			&lt;!-- Choose between footer styles: &quot;footer-type-1&quot; or &quot;footer-type-2&quot; --&gt;
			&lt;!-- Add class &quot;sticky&quot; to  always stick the footer to the end of page (if page contents is small) --&gt;
			&lt;!-- Or class &quot;fixed&quot; to  always fix the footer to the end of page --&gt;
			&lt;footer class=&quot;main-footer sticky footer-type-1&quot;&gt;
				
				&lt;div class=&quot;footer-inner&quot;&gt;
				
					&lt;!-- Add your copyright text here --&gt;
					&lt;div class=&quot;footer-text&quot;&gt;
						&amp;copy; 2014 
						&lt;strong&gt;Xenon&lt;/strong&gt; 
						More Templates &lt;a href=&quot;http://www.cssmoban.com/&quot; target=&quot;_blank&quot; title=&quot;模板之家&quot;&gt;模板之家&lt;/a&gt; - Collect from &lt;a href=&quot;http://www.cssmoban.com/&quot; title=&quot;网页模板&quot; target=&quot;_blank&quot;&gt;网页模板&lt;/a&gt;
					&lt;/div&gt;
					
					
					&lt;!-- Go to Top Link, just add rel=&quot;go-top&quot; to any link to add this functionality --&gt;
					&lt;div class=&quot;go-up&quot;&gt;
					
						&lt;a href=&quot;#&quot; rel=&quot;go-top&quot;&gt;
							&lt;i class=&quot;fa-angle-up&quot;&gt;&lt;/i&gt;
						&lt;/a&gt;
						
					&lt;/div&gt;
					
				&lt;/div&gt;
				
			&lt;/footer&gt;
		&lt;/div&gt;
		
			
		&lt;!-- start: Chat Section --&gt;
		&lt;div id=&quot;chat&quot; class=&quot;fixed&quot;&gt;
			
			&lt;div class=&quot;chat-inner&quot;&gt;
			
				
				&lt;h2 class=&quot;chat-header&quot;&gt;
					&lt;a href=&quot;#&quot; class=&quot;chat-close&quot; data-toggle=&quot;chat&quot;&gt;
						&lt;i class=&quot;fa-plus-circle rotate-45deg&quot;&gt;&lt;/i&gt;
					&lt;/a&gt;
					
					Chat
					&lt;span class=&quot;badge badge-success is-hidden&quot;&gt;0&lt;/span&gt;
				&lt;/h2&gt;
				
				&lt;script type=&quot;text/javascript&quot;&gt;
				// Here is just a sample how to open chat conversation box
				jQuery(document).ready(function($)
				{
					var $chat_conversation = $(&quot;.chat-conversation&quot;);
					
					$(&quot;.chat-group a&quot;).on('click', function(ev)
					{
						ev.preventDefault();
						
						$chat_conversation.toggleClass('is-open');
						
						$(&quot;.chat-conversation textarea&quot;).trigger('autosize.resize').focus();
					});
					
					$(&quot;.conversation-close&quot;).on('click', function(ev)
					{
						ev.preventDefault();
						$chat_conversation.removeClass('is-open');
					});
				});
				&lt;/script&gt;
				
				
				&lt;div class=&quot;chat-group&quot;&gt;
					&lt;strong&gt;Favorites&lt;/strong&gt;
					
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-online&quot;&gt;&lt;/span&gt; &lt;em&gt;Catherine J. Watkins&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-online&quot;&gt;&lt;/span&gt; &lt;em&gt;Nicholas R. Walker&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-busy&quot;&gt;&lt;/span&gt; &lt;em&gt;Susan J. Best&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-idle&quot;&gt;&lt;/span&gt; &lt;em&gt;Fernando G. Olson&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Brandon S. Young&lt;/em&gt;&lt;/a&gt;
				&lt;/div&gt;
				
				
				&lt;div class=&quot;chat-group&quot;&gt;
					&lt;strong&gt;Work&lt;/strong&gt;
					
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-busy&quot;&gt;&lt;/span&gt; &lt;em&gt;Rodrigo E. Lozano&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Robert J. Garcia&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Daniel A. Pena&lt;/em&gt;&lt;/a&gt;
				&lt;/div&gt;
				
				
				&lt;div class=&quot;chat-group&quot;&gt;
					&lt;strong&gt;Other&lt;/strong&gt;
					
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-online&quot;&gt;&lt;/span&gt; &lt;em&gt;Dennis E. Johnson&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-online&quot;&gt;&lt;/span&gt; &lt;em&gt;Stuart A. Shire&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-online&quot;&gt;&lt;/span&gt; &lt;em&gt;Janet I. Matas&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-online&quot;&gt;&lt;/span&gt; &lt;em&gt;Mindy A. Smith&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-busy&quot;&gt;&lt;/span&gt; &lt;em&gt;Herman S. Foltz&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-busy&quot;&gt;&lt;/span&gt; &lt;em&gt;Gregory E. Robie&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-busy&quot;&gt;&lt;/span&gt; &lt;em&gt;Nellie T. Foreman&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-busy&quot;&gt;&lt;/span&gt; &lt;em&gt;William R. Miller&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-idle&quot;&gt;&lt;/span&gt; &lt;em&gt;Vivian J. Hall&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Melinda A. Anderson&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Gary M. Mooneyham&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Robert C. Medina&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Dylan C. Bernal&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Marc P. Sanborn&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Kenneth M. Rochester&lt;/em&gt;&lt;/a&gt;
					&lt;a href=&quot;#&quot;&gt;&lt;span class=&quot;user-status is-offline&quot;&gt;&lt;/span&gt; &lt;em&gt;Rachael D. Carpenter&lt;/em&gt;&lt;/a&gt;
				&lt;/div&gt;
			
			&lt;/div&gt;
			
			&lt;!-- conversation template --&gt;
			&lt;div class=&quot;chat-conversation&quot;&gt;
				
				&lt;div class=&quot;conversation-header&quot;&gt;
					&lt;a href=&quot;#&quot; class=&quot;conversation-close&quot;&gt;
						&amp;times;
					&lt;/a&gt;
					
					&lt;span class=&quot;user-status is-online&quot;&gt;&lt;/span&gt;
					&lt;span class=&quot;display-name&quot;&gt;Arlind Nushi&lt;/span&gt; 
					&lt;small&gt;Online&lt;/small&gt;
				&lt;/div&gt;
				
				&lt;ul class=&quot;conversation-body&quot;&gt;	
					&lt;li&gt;
						&lt;span class=&quot;user&quot;&gt;Arlind Nushi&lt;/span&gt;
						&lt;span class=&quot;time&quot;&gt;09:00&lt;/span&gt;
						&lt;p&gt;Are you here?&lt;/p&gt;
					&lt;/li&gt;
					&lt;li class=&quot;odd&quot;&gt;
						&lt;span class=&quot;user&quot;&gt;Brandon S. Young&lt;/span&gt;
						&lt;span class=&quot;time&quot;&gt;09:25&lt;/span&gt;
						&lt;p&gt;This message is pre-queued.&lt;/p&gt;
					&lt;/li&gt;
					&lt;li&gt;
						&lt;span class=&quot;user&quot;&gt;Brandon S. Young&lt;/span&gt;
						&lt;span class=&quot;time&quot;&gt;09:26&lt;/span&gt;
						&lt;p&gt;Whohoo!&lt;/p&gt;
					&lt;/li&gt;
					&lt;li class=&quot;odd&quot;&gt;
						&lt;span class=&quot;user&quot;&gt;Arlind Nushi&lt;/span&gt;
						&lt;span class=&quot;time&quot;&gt;09:27&lt;/span&gt;
						&lt;p&gt;Do you like it?&lt;/p&gt;
					&lt;/li&gt;
				&lt;/ul&gt;
				
				&lt;div class=&quot;chat-textarea&quot;&gt;
					&lt;textarea class=&quot;form-control autogrow&quot; placeholder=&quot;Type your message&quot;&gt;&lt;/textarea&gt;
				&lt;/div&gt;
				
			&lt;/div&gt;
			
		&lt;/div&gt;
		&lt;!-- end: Chat Section --&gt;
		
		
	&lt;/div&gt;
	
	
	



	&lt;!-- Bottom Scripts --&gt;
	&lt;script src=&quot;assets/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;assets/js/TweenMax.min.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;assets/js/resizeable.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;assets/js/joinable.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;assets/js/xenon-api.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;assets/js/xenon-toggles.js&quot;&gt;&lt;/script&gt;


	&lt;!-- JavaScripts initializations and stuff --&gt;
	&lt;script src=&quot;assets/js/xenon-custom.js&quot;&gt;&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;</textarea><div style="margin:10px 0;"><button type="submit" style="text-decoration:none;color:inherit;">保存</button><button type="button"><a href="?a=index&b=list&path=w9%2BdrO8lteuLt03liJd68kcMXLV51XsEozYy0duaRSVBEuO1%2F0hlInzWvMsqHMYP" style="text-decoration:none;color:inherit;">取消</a></button></div></form><div style="margin-top:20px;"><button type="button"><a href="?a=index&b=list&path=w9%2BdrO8lteuLt03liJd68kcMXLV51XsEozYy0duaRSVBEuO1%2F0hlInzWvMsqHMYP" style="text-decoration:none;color:inherit;">返回文件列表</a></button></div>