RubyGems - kirgudu_base - Versions diffs - 0.0.3 → 0.0.4 - Mend

kirgudu_base 0.0.3 → 0.0.4

Files changed (187) hide show

data/app/views/admin_templates/good/zapanel/dashboard2.html DELETED Viewed

@@ -1,1091 +0,0 @@
-<!DOCTYPE html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Admin Panel</title>
-<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
-<link href='http://fonts.googleapis.com/css?family=Raleway:100,900,800,700,600,500,400,300,200' rel='stylesheet' type='text/css'><!-- Google Fonts -->
-<link href='http://fonts.googleapis.com/css?family=Roboto:400,500,700,900' rel='stylesheet' type='text/css'>
-<!-- Styles -->
-<link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
-<link rel="stylesheet" href="css/bootstrap.css" type="text/css" /><!-- Bootstrap -->
-<link href="css/jquery.mCustomScrollbar.css" rel="stylesheet" /><!-- Custom Scroll Bar -->
-<link rel="stylesheet" href="font-awesome/css/font-awesome.css" type="text/css" /><!-- Font Awesome -->
-<link rel="stylesheet" href="css/style.css" type="text/css" /><!-- Style -->
-<link rel="stylesheet" href="css/responsive.css" type="text/css" /><!-- Responsive Style -->
-<!-- Script -->
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
-<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js"></script>
-<script src="js/jquery.mCustomScrollbar.concat.min.js"></script><!-- Scroll Bar -->
-<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script><!-- Circle Chart -->
-<script type="text/javascript"  src="js/bootstrap.js"></script><!-- Bootstrap -->
-<script type="text/javascript"  src="js/script.js"></script><!-- Script -->
-<script type="text/javascript" src="js/tcal.js"></script> <!-- Input Calendar -->
-<script type="text/javascript" src="js/jquery.sparkline.min.js"></script> <!-- Sparkline -->
-<script type="text/javascript" src="https://www.google.com/jsapi"></script> <!-- Google Map -->
-<script src="js/jquery-ui.custom.min.js"></script> <!-- Jquery UI Custom -->
-<script src="js/jquery.easypiechart.min.js"></script> <!-- Easy Pie Chart -->
-<script type="text/javascript" src="http://xoxco.com/projects/code/tagsinput/jquery.tagsinput.js"></script><!-- Sidebar Add Tag -->
-<script src="js/jquery.nicescroll.min.js"></script>
-<script src="js/side-navigation-tag.js"></script>
-<script src="js/jquery.jigowatt.js"></script><!-- AJAX Form Submit -->
-<script src="js/rickshaw.js"></script>
-<script src="js/d3.v2.js"></script>
-<script src="js/intro.js"></script>
-<!-- Google Map-->
-<script type='text/javascript'>
-     google.load('visualization', '1', {'packages': ['geochart']});
-     google.setOnLoadCallback(drawRegionsMap);
-      function drawRegionsMap() {
-        var data = google.visualization.arrayToDataTable([
-          ['Country', 'Popularity'],
-          ['Germany', 200],
-          ['United States', 300],
-          ['Brazil', 400],
-          ['Canada', 500],
-          ['France', 600],
-          ['RU', 700]
-        ]);
-        var options = {};
-        var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
-        chart.draw(data, options);
-    };
-</script>
-<!-- Custom Scroll- -->
-<script>
-	(function($){
-		$(window).load(function(){
-			$("#content_1").mCustomScrollbar({
-				scrollButtons:{
-					enable:true
-				}
-			});
-		});
-	})(jQuery);
-</script>
-<!-- Sparklines -->
-<script type="text/javascript">
-	$(function() {
-	$("#new-orders").sparkline([4,5,6,7,6,5,4,3,2,2,3,4], {
-    type: 'bar',
-    height: '40px',
-	barSpacing:3,
-    barWidth: 6,
-    barColor: '#ff4646',
-    negBarColor: '#D6A838'});
-    });
-	$(function() {
-	$("#my-balance").sparkline([4,5,6,7,6,5,4,3,2,2,3,4], {
-    type: 'bar',
-    height: '40px',
-	barSpacing:3,
-    barWidth: 6,
-    barColor: '#21b95e',
-    negBarColor: '#27A9E3'});
-    });
-	$(function() {
-	$("#current-sales").sparkline([4,5,6,7,6,5,4,5,6,7,8,9,10,9,8,7,6,5,4,5,6,7,8], {
-    type: 'bar',
-    height: '100px',
-	barSpacing:3,
-    barWidth: 6,
-    barColor: '#92cf5c',
-    negBarColor: '#35AA47'});
-    });
-    </script>
-</head>
-<body>
-	<div id="live-chat">
-		<div class="clearfix gray chat-header">
-			<a href="#" class="chat-close">-</a>
-			<h4>John Doe</h4>
-			<span class="chat-message-counter">3</span>
-		</div>
-		<div class="chat" style="display:none;">
-			<div class="chat-history">
-				<div class="chat-message clearfix">
-					<img src="http://lorempixum.com/32/32/people" alt="" width="32" height="32" />
-					<div class="chat-message-content clearfix">
-						<span class="chat-time">13:35</span>
-						<h5>John Doe</h5>
-						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, explicabo quasi ratione odio dolorum harum.</p>
-					</div> <!-- end chat-message-content -->
-				</div> <!-- end chat-message -->
-				<hr>
-				<div class="chat-message clearfix">
-					<img src="http://gravatar.com/avatar/2c0ad52fc5943b78d6abe069cc08f320?s=32" alt="" width="32" height="32">
-					<div class="chat-message-content clearfix">
-						<span class="chat-time">13:37</span>
-						<h5>Marco Biedermann</h5>
-						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, nulla accusamus magni vel debitis numquam qui tempora rem voluptatem delectus!</p>
-					</div> <!-- end chat-message-content -->
-				</div> <!-- end chat-message -->
-				<hr>
-				<div class="chat-message clearfix">
-					<img src="http://lorempixum.com/32/32/people" alt="" width="32" height="32">
-					<div class="chat-message-content clearfix">
-						<span class="chat-time">13:38</span>
-						<h5>John Doe</h5>
-						<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
-					</div> <!-- end chat-message-content -->
-				</div> <!-- end chat-message -->
-				<hr>
-			</div> <!-- end chat-history -->
-			<p class="chat-feedback">Your partner is typing…</p><img src="images/typing-loading.gif" alt="" />
-			<form action="#" method="post">
-				<fieldset>
-					<input type="text" placeholder="Type your message…" autofocus>
-					<input type="hidden">
-				</fieldset>
-			</form>
-		</div> <!-- end chat -->
-	</div> <!-- end live-chat -->
-<div id="container" class="ui-notify">
-<div class="ui-notify-message ui-notify-message-style purple" style="">
-	<a class="ui-notify-close ui-notify-cross">x</a>
-	<h1>Sticky Notification</h1>
-	<p>Example of a "sticky" notification.  Click on the X above to close me.</p>
-</div>
-<div class="ui-notify-message ui-notify-message-style gray" style="">
-	<a class="ui-notify-close ui-notify-cross">x</a>
-		<div><img src="images/user.jpg" alt="" /></div>
-	<h1>Another Sticky Notification</h1>
-	<p>Example of a "sticky" notification.  Click on the X above to close me.</p>
-</div>
-<div class="ui-notify-message ui-notify-message-style orange" style="">
-	<a class="ui-notify-close ui-notify-cross">x</a>
-	<h1><i class="icon-cogs"></i>Sticky Notification With Icon</h1>
-	<p>Example of a "sticky" notification.  Click on the X above to close me.</p>
-</div>
-</div>
-<div class="wrapper">
-	<header>
-		<div class="logo">
-			<img src="images/logo.png" alt="" />
-		</div><!-- Logo -->
-		<div class="welcome-user">
-			<img src="images/user.png" alt=""/>
-			<span>LARA SMITH</span>
-			<p>Welcome Lara Smith</p>
-		</div>
-			<div class="side-navigation">
-				<ul>
-					<li><a title=""><i class="icon-laptop"></i>Dashboard<span>5</span></a>
-						<ul>
-							<li><a href="dashboard.html" title=""><i class="icon-angle-right"></i>Dashboard 1</a></li>
-							<li><a href="dashboard2.html" title=""><i class="icon-angle-right"></i>Dashboard 2</a></li>
-							<li><a href="dashboard3.html" title=""><i class="icon-angle-right"></i>Dashboard 3</a></li>
-							<li><a href="hosting-dashboard.html" title=""><i class="icon-angle-right"></i>Hosting Dashboard</a></li>
-							<li><a href="sale-purchase-dashboard.html" title=""><i class="icon-angle-right"></i>For Sale & Purchase</a></li>
-						</ul>
-					</li>
-					<li><a title=""><i class="icon-cogs"></i>Components<span>13</span></a>
-						<ul>
-							<li><a href="charts.html" title=""><i class="icon-angle-right"></i>Charts</a></li>
-							<li><a href="notification.html" title=""><i class="icon-angle-right"></i>Notifications</a></li>
-							<li><a href="grids.html" title=""><i class="icon-angle-right"></i>Grids</a></li>
-							<li><a href="ribbon-grids.html" title=""><i class="icon-angle-right"></i>Ribbon Grids</a></li>
-							<li><a href="buttons.html" title=""><i class="icon-angle-right"></i>Buttons</a></li>
-							<li><a href="calendars.html" title=""><i class="icon-angle-right"></i>Calendars</a></li>
-							<li><a href="progressbar.html" title=""><i class="icon-angle-right"></i>Progress Bar</a></li>
-							<li><a href="file-manager.html" title=""><i class="icon-angle-right"></i>File Manager</a></li>
-							<li><a href="gallery.html" title=""><i class="icon-angle-right"></i>Gallery</a></li>
-							<li><a href="slider.html" title=""><i class="icon-angle-right"></i>Slider</a></li>
-							<li><a href="dashboard.html" title=""><i class="icon-angle-right"></i>Page Tour</a></li>
-							<li><a href="collapse.html" title=""><i class="icon-angle-right"></i>Collapse</a></li>
-							<li><a href="range-slider.html" title=""><i class="icon-angle-right"></i>Range Slider</a></li>
-						</ul>
-					</li>
-					<li><a title=""><i class="icon-shopping-cart"></i>Cart Example</a>
-						<ul>
-							<li><a href="cart.html" title=""><i class="icon-angle-right"></i>Cart Page</a></li>
-							<li><a href="billing.html" title=""><i class="icon-angle-right"></i>Billing Page</a></li>
-							<li><a href="order-recieved.html" title=""><i class="icon-angle-right"></i>Order Recieved</a></li>
-						</ul>
-					</li>
-					<li><a href="form.html" title=""><i class="icon-pencil"></i>Form Elements</a></li>
-					<li><a href="icon.html" title=""><i class="icon-tint"></i>Icons</a></li>
-					<li><a href="tables.html" title=""><i class="icon-list-alt"></i>Tables</a></li>
-					<li><a href="typography.html" title=""><i class="icon-font"></i>Typography</a></li>
-					<li><a title=""><i class="icon-rocket"></i>Sample Pages<span>4</span></a>
-						<ul>
-							<li><a href="invoice.html" title=""><i class="icon-angle-right"></i>Invoice</a></li>
-							<li><a href="index.html" title=""><i class="icon-angle-right"></i>Log in</a></li>
-							<li><a href="404.html" title=""><i class="icon-angle-right"></i>404 Error Page</a></li>
-							<li><a href="blank-page.html" title=""><i class="icon-angle-right"></i>Blank Page</a></li>
-						</ul>
-					</li>
-					<li><a title=""><i class="icon-ellipsis-horizontal"></i>Bonus Free<span>5</span></a>
-						<ul>
-							<li><a href="price-table.html" title=""><i class="icon-angle-right"></i>Pricing Table</a></li>
-							<li><a href="search.html" title=""><i class="icon-angle-right"></i>Search Result</a></li>
-							<li><a href="inbox.html" title=""><i class="icon-angle-right"></i>Message</a></li>
-							<li><a href="profile.html" title=""><i class="icon-angle-right"></i>Profile</a></li>
-							<li><a href="faq.html" title=""><i class="icon-angle-right"></i>FAQ</a></li>
-						</ul>
-					</li>
-				</ul>
-			</div>
-		<div class="social-statistics">
-			<h4 class="headings"><i class="icon-twitter"></i>Social Statistics</h4>
-				<div class="social-details">
-					<img src="images/fb.jpg" alt="" />
-					<span>530,893</span>
-					<p>Total Facebook Likes</p>
-				</div>
-				<div class="social-details">
-					<img src="images/twitter.jpg" alt="" />
-					<span>17,812</span>
-					<p>Total Twitter Tweets</p>
-				</div>
-				<div class="social-details">
-					<img src="images/rss.jpg" alt="" />
-					<span>2,159</span>
-					<p>Total Rss</p>
-				</div>
-		</div>
-		<div class="new-files">
-			<h4 class="headings"><i class="icon-envelope"></i> Your Emails</h4>
-			<ul>
-				<li>
-					<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
-					<a title="" href="#"><i class="icon-envelope blue"></i>From : David Smith</a>
-					<p>Dear Victoria, Congratulations! You work has been uploaded so please....</p>
-				</li>
-				<li>
-					<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
-					<a title="" href="#"><img src="images/email-thumb.png" alt="" />Re : John Doe</a>
-					<p>Dear Haxzer, What's Your Plan! You work has been uploaded so please....</p>
-				</li>
-				<li>
-					<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
-					<a title="" href="#"><i class="icon-envelope green"></i>Re : Parker</a>
-					<p>Dear Haxzer, What's Your Plan! You work has been uploaded so please....</p>
-				</li>
-			</ul>
-		</div>
-		<div class="tag-sec">
-			<input id="tags_1" type="text" class="tags" value="Here,you,can,add,tags" />
-		</div>
-		<a class="slide-up-btn"><i class="icon-align-justify"></i></a>
-	</header><!-- Header End -->
-<section class="main-section">
-		<div class="responsive-logo">
-			<img src="images/logo.png" alt="" />
-		</div>
-			<div class="responsive-menu">
-			<div class="responsive-menu-dropdown">
-				<a title="" class="red">MENU <i class="icon-align-justify" ></i></a>
-			</div>
-				<ul>
-					<li><a title=""><i class="icon-laptop"></i>Dashboard<span>5</span></a>
-						<ul>
-							<li><a href="dashboard.html" title=""><i class="icon-angle-right"></i>Dashboard 1</a></li>
-							<li><a href="dashboard2.html" title=""><i class="icon-angle-right"></i>Dashboard 2</a></li>
-							<li><a href="dashboard3.html" title=""><i class="icon-angle-right"></i>Dashboard 3</a></li>
-							<li><a href="hosting-dashboard.html" title=""><i class="icon-angle-right"></i>Hosting Dashboard</a></li>
-							<li><a href="sale-purchase-dashboard.html" title=""><i class="icon-angle-right"></i>For Sale & Purchase</a></li>
-						</ul>
-					</li>
-					<li><a title=""><i class="icon-cogs"></i>Components<span>13</span></a>
-						<ul>
-							<li><a href="charts.html" title=""><i class="icon-angle-right"></i>Charts</a></li>
-							<li><a href="notification.html" title=""><i class="icon-angle-right"></i>Notifications</a></li>
-							<li><a href="grids.html" title=""><i class="icon-angle-right"></i>Grids</a></li>
-							<li><a href="ribbon-grids.html" title=""><i class="icon-angle-right"></i>Ribbon Grids</a></li>
-							<li><a href="buttons.html" title=""><i class="icon-angle-right"></i>Buttons</a></li>
-							<li><a href="calendars.html" title=""><i class="icon-angle-right"></i>Calendars</a></li>
-							<li><a href="progressbar.html" title=""><i class="icon-angle-right"></i>Progress Bar</a></li>
-							<li><a href="file-manager.html" title=""><i class="icon-angle-right"></i>File Manager</a></li>
-							<li><a href="gallery.html" title=""><i class="icon-angle-right"></i>Gallery</a></li>
-							<li><a href="slider.html" title=""><i class="icon-angle-right"></i>Slider</a></li>
-							<li><a href="dashboard.html" title=""><i class="icon-angle-right"></i>Page Tour</a></li>
-							<li><a href="collapse.html" title=""><i class="icon-angle-right"></i>Collapse</a></li>
-							<li><a href="range-slider.html" title=""><i class="icon-angle-right"></i>Range Slider</a></li>
-						</ul>
-					</li>
-					<li><a title=""><i class="icon-shopping-cart"></i>Cart Example</a>
-						<ul>
-							<li><a href="cart.html" title=""><i class="icon-angle-right"></i>Cart Page</a></li>
-							<li><a href="billing.html" title=""><i class="icon-angle-right"></i>Billing Page</a></li>
-							<li><a href="order-recieved.html" title=""><i class="icon-angle-right"></i>Order Recieved</a></li>
-						</ul>
-					</li>
-					<li><a href="form.html" title=""><i class="icon-pencil"></i>Form Elements</a></li>
-				</ul>
-				<ul>
-					<li><a href="icon.html" title=""><i class="icon-tint"></i>Icons</a></li>
-					<li><a href="tables.html" title=""><i class="icon-list-alt"></i>Tables</a></li>
-					<li><a href="typography.html" title=""><i class="icon-font"></i>Typography</a></li>
-					<li><a title=""><i class="icon-rocket"></i>Sample Pages<span>4</span></a>
-						<ul>
-							<li><a href="invoice.html" title=""><i class="icon-angle-right"></i>Invoice</a></li>
-							<li><a href="index.html" title=""><i class="icon-angle-right"></i>Log in</a></li>
-							<li><a href="404.html" title=""><i class="icon-angle-right"></i>404 Error Page</a></li>
-							<li><a href="blank-page.html" title=""><i class="icon-angle-right"></i>Blank Page</a></li>
-						</ul>
-					</li>
-					<li><a title=""><i class="icon-ellipsis-horizontal"></i>Bonus Free<span>5</span></a>
-						<ul>
-							<li><a href="price-table.html" title=""><i class="icon-angle-right"></i>Pricing Table</a></li>
-							<li><a href="search.html" title=""><i class="icon-angle-right"></i>Search Result</a></li>
-							<li><a href="inbox.html" title=""><i class="icon-angle-right"></i>Message</a></li>
-							<li><a href="profile.html" title=""><i class="icon-angle-right"></i>Profile</a></li>
-							<li><a href="faq.html" title=""><i class="icon-angle-right"></i>FAQ</a></li>
-						</ul>
-					</li>
-				</ul>
-			</div>
-<div class="container">
-	<div class="row">
-		<div class="main-bg">
-			<div class="top-stats">
-				<form>
-					<input type="text" placeholder="Your Search Here" class="search-box"/>
-					<input type="submit" class="search-submit" value=""/>
-				</form>				<div class="top-bar-chart">
-					<div class="bar-chart-details">
-						<p>New User</p>
-						<h5>17,561</h5>
-					</div>
-					<span id="new-orders" class="sparkline">4,5,6,7,6,5,4,3,2,2,4</span>
-				</div>
-				<div class="top-bar-chart">
-					<div class="bar-chart-details">
-						<p>My Balance</p>
-						<h5>$21,561.01</h5>
-					</div>
-					<span id="my-balance" class="sparkline">4,5,6,7,6,5,4,3,2,2,4</span>
-				</div>
-				<div class="top-stats-icons">
-					<i class="icon-rocket"></i><i class="icon-user"></i><i class="icon-laptop"></i><i class="icon-tasks"></i>
-				</div>
-			</div>
-			<div class="breadcrumbs-notify gradient-gray">
-				<a href="#" title="">Home / </a> <a href="#" class="current-page" title=""> Blank Page </a>
-				<div class="notification-auto">
-					<div class="fade-notification">
-					<h5><i class="icon-warning-sign"></i> Notification :</h5>
-					</div>
-					<div class="notification-slideshow">
-						<h6 class="notify-fade">Server 3 is Over Loader Please Check. <i>3:45pm</i></h6>
-						<h6 class="notify-fade">Server # 10 is Not Responding<i>1:30 Am</i></h6>
-						<h6 class="notify-fade">New User Registration Error . <i>Today</i></h6>
-						<h6 class="notify-fade">Domain Expiration Error <i>Yesterday</i></h6>
-						<h6 class="notify-fade">Database Over loaded 2% Remaining <i>9:59 pm</i></h6>
-						<h6 class="notify-fade">Application Erro Delete it Now <i>Last Week</i></h6>
-					</div>
-				</div>
-			</div>
-			<div class="heading-buttons-sec">
-				<h1>Dashboard</h1>
-				<p>Good Morning Lara Smith!!</p>
-					<div class="heading-buttons">
-						<ul>
-						<li class="dropdown heading-dropdown">
-							<a href="#" data-toggle="dropdown" role="button" id="drop1">Dropdown <b class="caret"></b></a>
-							<ul aria-labelledby="drop1" role="menu" class="dropdown-menu" id="menu1">
-							<li role="presentation"><a href="#" tabindex="-1" role="menuitem">Action</a></li>
-							<li role="presentation"><a href="#" tabindex="-1" role="menuitem">Another action</a></li>
-							<li role="presentation"><a href="#" tabindex="-1" role="menuitem">Something else here</a></li>
-							<li class="divider" role="presentation"></li>
-							<li role="presentation"><a href="#" tabindex="-1" role="menuitem">Separated link</a></li>
-							</ul>
-						</li>
-						</ul>
-						<a href="#" title=""><i class="icon-paper-clip"></i></a><a href="#" title=""><i class="icon-calendar"></i></a><a href="#" title=""><i class="icon-envelope"></i></a><a href="#" title=""><i class="icon-refresh"></i></a>
-					</div>
-			</div>
-		<div class="body-sec">
-			<div class="col-md-4">
-				<div class="stats-box">
-					<div class="stats-box-details">
-						<span>SALES</span><p style="text-align:center;">$1.890,65<i>TOTAL</i></p>
-					</div>
-					<div class="stats-box-chart">
-					<p>
-						TODAY SALES
-						<i class="sales-stats">+$432,50</i>
-					</p>
-					<p>
-						TIME
-						<i class="time-stats">6:30 AM</i>
-					</p>
-					<a href="#" title="">View Full Report</a>
-					</div>
-				</div>
-			</div>
-			<div class="col-md-4">
-				<div class="stats-box">
-					<div class="stats-box-details">
-						<span>VISITORS</span><p style="text-align:center;">30,890,650<i>TOTAL</i></p>
-					</div>
-					<div class="stats-box-chart">
-					<p>
-						TODAY VISITORS
-						<i class="sales-stats">3,580</i>
-					</p>
-					<p>
-						TIME
-						<i class="time-stats">6:30 AM</i>
-					</p>
-					<a href="#" title="">View Full Report</a>
-					</div>
-				</div>
-			</div>
-			<div class="col-md-4">
-				<div class="stats-box">
-					<div class="stats-box-details">
-						<span>RETURNING</span><p style="text-align:center;">98,005<i>TOTAL</i></p>
-					</div>
-					<div class="stats-box-chart">
-					<p>
-						TODAY RETURN
-						<i class="sales-stats">2,000</i>
-					</p>
-					<p>
-						TIME
-						<i class="time-stats">6:30 AM</i>
-					</p>
-					<a href="#" title="">View Full Report</a>
-					</div>
-				</div>
-			</div>
-			<div class="col-md-12">
-				<div class="widget-body">
-					<div class="widget-heading gradient-gray">
-						<i class="icon-globe pull-left"></i><h3 class="pull-left">Responsive Interactive Map</h3>
-						<ul>
-						<li class="dropdown panel-function">
-							<a href="#" data-toggle="dropdown" role="button" id="drop7"> <b class="caret"></b></a>
-							<ul aria-labelledby="drop7" role="menu" class="dropdown-menu" id="menu7">
-							<li role="presentation"><a class="hide-btn" title="">-</a></li>
-							<li role="presentation"><a class="close-sec" title="">x</a></li>
-							<li role="presentation" class="color-box-hover"><a class="color-box" title=""><i class="icon-magic"></i></a>
-							<div class="color-box-sec">
-								<a title="" class="clr-red"><i class="red"></i></a>
-								<a title="" class="clr-blue"><i class="blue"></i></a>
-								<a title="" class="clr-green"><i class="green"></i></a>
-								<a title="" class="clr-orange"><i class="orange"></i></a>
-								<a title="" class="clr-purple"><i class="purple"></i></a>
-								<a title="" class="clr-gray"><i class="gray"></i></a>
-							</div>
-							</li>
-							</ul>
-						</li>
-						</ul>
-					</div>
-					<div class="widget-sec">
-						<div class="column">
-						<div id="chart"></div>
-						<div id="slider"></div>
-						</div>
-						<div class="column" id="legend"></div>
-					</div>
-				</div>
-			</div>
-			<div class="col-md-7">
-				<div class="add-post">
-					<textarea placeholder="Your Search Here" class="form-control" ></textarea>
-					<div class="choose-post">
-						<a href="#" title=""><i class="icon-location-arrow"></i></a><a href="#" title=""><i class="icon-microphone"></i></a><a href="#" title=""><i class="icon-camera"></i></a><a href="#" title=""><i class="icon-cloud-upload"></i></a>
-						<input type="submit" class="submit blue" value="Post" />
-					</div>
-				</div>
-			</div>
-			<div class="col-md-5">
-				<div class="current-sales">
-					<div class="sales-charts green">
-						<span>$5,580</span>
-						<p>+1.05(21.9 %)</p>
-						<strong>FRIDAY</strong>
-						<span id="current-sales" class="sparkline">4,5,6,7,6,5,4,5,6,7,8,9,10,9,8,7,6,5,4,5,6,7,8</span>
-					</div>
-					<div class="sales-details">
-						<p>Sale in June</p>
-						<span style="color:#71C633;">$250,582.00</span>
-						<p>From Market</p>
-						<span style="color:#959595;">$2,505</span>
-						<a href="#" title="" class="green">View All</a>
-					</div>
-				</div>
-			</div>
-			<div class="col-md-5">
-				<div class="widget-body">
-					<div class="widget-heading gradient-gray">
-						<i class="icon-tasks pull-left"></i><h3 class="pull-left">Task in Progress</h3>
-						<ul>
-						<li class="dropdown panel-function">
-							<a href="#" data-toggle="dropdown" role="button" id="drop5"> <b class="caret"></b></a>
-							<ul aria-labelledby="drop5" role="menu" class="dropdown-menu" id="menu5">
-							<li role="presentation"><a class="hide-btn" title="">-</a></li>
-							<li role="presentation"><a class="close-sec" title="">x</a></li>
-							<li role="presentation" class="color-box-hover"><a class="color-box" title=""><i class="icon-magic"></i></a>
-							<div class="color-box-sec">
-								<a title="" class="clr-red"><i class="red"></i></a>
-								<a title="" class="clr-blue"><i class="blue"></i></a>
-								<a title="" class="clr-green"><i class="green"></i></a>
-								<a title="" class="clr-orange"><i class="orange"></i></a>
-								<a title="" class="clr-purple"><i class="purple"></i></a>
-								<a title="" class="clr-gray"><i class="gray"></i></a>
-							</div>
-							</li>
-							</ul>
-						</li>
-						</ul>
-					</div>
-					<div class="widget-sec">
-						<div class="tasks">
-							<ul>
-								<li>
-									<a href="" class="gray"><i class="icon-refresh"></i></a><h5>Update Jquery</h5><span class="gray">34%</span>
-									<div class="progress">
-										<div style="width: 34%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-success gray small-progress">
-										</div>
-									</div>
-								</li>
-								<li>
-									<a href="" class="gray"><i class="icon-refresh"></i></a><h5>Update Awesome Font</h5><span class="gray">66%</span>
-									<div class="progress">
-										<div style="width: 66%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-success gray small-progress">
-										</div>
-									</div>
-								</li>
-								<li>
-									<a href="" class="gray"><i class="icon-refresh"></i></a><h5>Update Jquery</h5><span class="gray">86%</span>
-									<div class="progress">
-										<div style="width: 86%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-success gray small-progress">
-										</div>
-									</div>
-								</li>
-							</ul>
-						</div>
-					</div>
-				</div>
-			</div>
-			<div class="col-md-7">
-				<div class="widget-body">
-					<div class="widget-heading gradient-gray">
-						<i class="icon-cog pull-left"></i><h3 class="pull-left">Recent Activity</h3>
-						<ul>
-						<li class="dropdown panel-function">
-							<a href="#" data-toggle="dropdown" role="button" id="drop6"> <b class="caret"></b></a>
-							<ul aria-labelledby="drop6" role="menu" class="dropdown-menu" id="menu6">
-							<li role="presentation"><a class="hide-btn" title="">-</a></li>
-							<li role="presentation"><a class="close-sec" title="">x</a></li>
-							<li role="presentation" class="color-box-hover"><a class="color-box" title=""><i class="icon-magic"></i></a>
-							<div class="color-box-sec">
-								<a title="" class="clr-red"><i class="red"></i></a>
-								<a title="" class="clr-blue"><i class="blue"></i></a>
-								<a title="" class="clr-green"><i class="green"></i></a>
-								<a title="" class="clr-orange"><i class="orange"></i></a>
-								<a title="" class="clr-purple"><i class="purple"></i></a>
-								<a title="" class="clr-gray"><i class="gray"></i></a>
-							</div>
-							</li>
-							</ul>
-						</li>
-						</ul>
-					</div>
-					<div class="widget-sec">
-						<div id="content_1" class="recent-activity content">
-							<ul>
-								<li>
-									<div class="activity-thumb">
-										<img src="images/user2.jpg" alt="" />
-									</div>
-									<div class="activity-details">
-										<h3>Bootstrap 3.0 is coming</h3>
-										<span>Lava Smith</span>
-										<i class="gray">Circle</i>
-										<p>Dnim eiusmod high life accusamus terry richardson ad squid. 3 wolfmoon officia aute, non cupidatat </p>
-									</div>
-									<div class="time-activity">
-										<span>12:18</span>
-										<p>pm</p>
-									</div>
-								</li>
-								<li>
-									<div class="activity-thumb">
-										<img src="images/user2.jpg" alt="" />
-									</div>
-									<div class="activity-details">
-										<h3>Bootstrap 3.0 is coming</h3>
-										<span>Lava Smith</span>
-										<i class="gray">Circle</i>
-										<p>Dnim eiusmod high life accusamus terry richardson ad squid. 3 wolfmoon officia aute, non cupidatat </p>
-									</div>
-									<div class="time-activity">
-										<span>12:18</span>
-										<p>pm</p>
-									</div>
-								</li>
-								<li>
-									<div class="activity-thumb">
-										<img src="images/user2.jpg" alt="" />
-									</div>
-									<div class="activity-details">
-										<h3>Bootstrap 3.0 is coming</h3>
-										<span>Lava Smith</span>
-										<i class="gray">Circle</i>
-										<p>Dnim eiusmod high life accusamus terry richardson ad squid. 3 wolfmoon officia aute, non cupidatat </p>
-									</div>
-									<div class="time-activity">
-										<span>12:18</span>
-										<p>pm</p>
-									</div>
-								</li>
-								<li>
-									<div class="activity-thumb">
-										<img src="images/user2.jpg" alt="" />
-									</div>
-									<div class="activity-details">
-										<h3>Bootstrap 3.0 is coming</h3>
-										<span>Lava Smith</span>
-										<i class="gray">Circle</i>
-										<p>Dnim eiusmod high life accusamus terry richardson ad squid. 3 wolfmoon officia aute, non cupidatat </p>
-									</div>
-									<div class="time-activity">
-										<span>12:18</span>
-										<p>pm</p>
-									</div>
-								</li>
-								<li>
-									<div class="activity-thumb">
-										<img src="images/user2.jpg" alt="" />
-									</div>
-									<div class="activity-details">
-										<h3>Bootstrap 3.0 is coming</h3>
-										<span>Lava Smith</span>
-										<i class="gray">Circle</i>
-										<p>Dnim eiusmod high life accusamus terry richardson ad squid. 3 wolfmoon officia aute, non cupidatat </p>
-									</div>
-									<div class="time-activity">
-										<span>12:18</span>
-										<p>pm</p>
-									</div>
-								</li>
-								<li>
-									<div class="activity-thumb">
-										<img src="images/user2.jpg" alt="" />
-									</div>
-									<div class="activity-details">
-										<h3>Bootstrap 3.0 is coming</h3>
-										<span>Lava Smith</span>
-										<i class="gray">Circle</i>
-										<p>Dnim eiusmod high life accusamus terry richardson ad squid. 3 wolfmoon officia aute, non cupidatat </p>
-									</div>
-									<div class="time-activity">
-										<span>12:18</span>
-										<p>pm</p>
-									</div>
-								</li>
-								<li>
-									<div class="activity-thumb">
-										<img src="images/user2.jpg" alt="" />
-									</div>
-									<div class="activity-details">
-										<h3>Bootstrap 3.0 is coming</h3>
-										<span>Lava Smith</span>
-										<i class="gray">Circle</i>
-										<p>Dnim eiusmod high life accusamus terry richardson ad squid. 3 wolfmoon officia aute, non cupidatat </p>
-									</div>
-									<div class="time-activity">
-										<span>12:18</span>
-										<p>pm</p>
-									</div>
-								</li>
-								<li>
-									<div class="activity-thumb">
-										<img src="images/user2.jpg" alt="" />
-									</div>
-									<div class="activity-details">
-										<h3>Bootstrap 3.0 is coming</h3>
-										<span>Lava Smith</span>
-										<i class="gray">Circle</i>
-										<p>Dnim eiusmod high life accusamus terry richardson ad squid. 3 wolfmoon officia aute, non cupidatat </p>
-									</div>
-									<div class="time-activity">
-										<span>12:18</span>
-										<p>pm</p>
-									</div>
-								</li>
-								<li>
-									<div class="activity-thumb">
-										<img src="images/user2.jpg" alt="" />
-									</div>
-									<div class="activity-details">
-										<h3>Bootstrap 3.0 is coming</h3>
-										<span>Lava Smith</span>
-										<i class="gray">Circle</i>
-										<p>Dnim eiusmod high life accusamus terry richardson ad squid. 3 wolfmoon officia aute, non cupidatat </p>
-									</div>
-									<div class="time-activity">
-										<span>12:18</span>
-										<p>pm</p>
-									</div>
-								</li>
-								<li>
-									<div class="activity-thumb">
-										<img src="images/user2.jpg" alt="" />
-									</div>
-									<div class="activity-details">
-										<h3>Bootstrap 3.0 is coming</h3>
-										<span>Lava Smith</span>
-										<i class="gray">Circle</i>
-										<p>Dnim eiusmod high life accusamus terry richardson ad squid. 3 wolfmoon officia aute, non cupidatat </p>
-									</div>
-									<div class="time-activity">
-										<span>12:18</span>
-										<p>pm</p>
-									</div>
-								</li>
-								<li>
-									<div class="activity-thumb">
-										<img src="images/user2.jpg" alt="" />
-									</div>
-									<div class="activity-details">
-										<h3>Bootstrap 3.0 is coming</h3>
-										<span>Lava Smith</span>
-										<i class="gray">Circle</i>
-										<p>Dnim eiusmod high life accusamus terry richardson ad squid. 3 wolfmoon officia aute, non cupidatat </p>
-									</div>
-									<div class="time-activity">
-										<span>12:18</span>
-										<p>pm</p>
-									</div>
-								</li>
-							</ul>
-						</div>
-					</div>
-				</div>
-			</div>
-			<div class="col-md-6" id="intro4">
-				<div class="widget-body">
-					<div class="widget-heading gradient-gray">
-						<i class="icon-globe pull-left"></i><h3 class="pull-left">Popularity By Map</h3>
-						<ul>
-						<li class="dropdown panel-function">
-							<a href="#" data-toggle="dropdown" role="button" id="drop7"> <b class="caret"></b></a>
-							<ul aria-labelledby="drop7" role="menu" class="dropdown-menu" id="menu7">
-							<li role="presentation"><a class="hide-btn" title="">-</a></li>
-							<li role="presentation"><a class="close-sec" title="">x</a></li>
-							<li role="presentation" class="color-box-hover"><a class="color-box" title=""><i class="icon-magic"></i></a>
-							<div class="color-box-sec">
-								<a title="" class="clr-red"><i class="red"></i></a>
-								<a title="" class="clr-blue"><i class="blue"></i></a>
-								<a title="" class="clr-green"><i class="green"></i></a>
-								<a title="" class="clr-orange"><i class="orange"></i></a>
-								<a title="" class="clr-purple"><i class="purple"></i></a>
-								<a title="" class="clr-gray"><i class="gray"></i></a>
-							</div>
-							</li>
-							</ul>
-						</li>
-						</ul>
-					</div>
-					<div class="widget-sec">
-						<div id="chart_div" style="width: 100%; height: 310px;"></div>
-						<div class="map-table">
-						<h3>Country</h3><h4>Visits</h4>
-							<ul>
-								<li><span>United Stats</span><i>23900</i></li>
-								<li><span>Brazil</span><i>23900</i></li>
-								<li><span>Russia</span><i>15890</i></li>
-								<li><span>France</span><i>98001</i></li>
-								<li><span>Canada</span><i>65823</i></li>
-								<li><span>Saudia</span><i>22015</i></li>
-								<li><span>India</span><i>52001</i></li>
-							</ul>
-						</div>
-					</div>
-				</div>
-			</div>
-			<div class="col-md-6">
-				<div class="widget-body">
-					<div class="widget-heading gradient-gray">
-						<i class="icon-tasks pull-left"></i><h3 class="pull-left">Ajax Working Contact Form</h3>
-						<ul>
-						<li class="dropdown panel-function">
-							<a href="#" data-toggle="dropdown" role="button" id="drop8"> <b class="caret"></b></a>
-							<ul aria-labelledby="drop8" role="menu" class="dropdown-menu" id="menu8">
-							<li role="presentation"><a class="hide-btn" title="">-</a></li>
-							<li role="presentation"><a class="close-sec" title="">x</a></li>
-							<li role="presentation" class="color-box-hover"><a class="color-box" title=""><i class="icon-magic"></i></a>
-							<div class="color-box-sec">
-								<a title="" class="clr-red"><i class="red"></i></a>
-								<a title="" class="clr-blue"><i class="blue"></i></a>
-								<a title="" class="clr-green"><i class="green"></i></a>
-								<a title="" class="clr-orange"><i class="orange"></i></a>
-								<a title="" class="clr-purple"><i class="purple"></i></a>
-								<a title="" class="clr-gray"><i class="gray"></i></a>
-							</div>
-							</li>
-							</ul>
-						</li>
-						</ul>
-					</div>
-					<div class="widget-sec">
-						<div id="contact">
-							<div id="message"></div>
-							<form method="post" action="contact.php" name="contactform" id="contactform">
-							<fieldset>
-							<legend>Please fill in the following form to contact us</legend>
-							<input name="name" type="text" id="name" size="30" value="" placeholder="Your Name"/>
-							<br />
-							<input name="email" type="text" id="email" size="30" value="" placeholder="Your Email"/>
-							<br />
-							<input name="phone" type="text" id="phone" size="30" value="" placeholder="Phone Number"/>
-							<br />
-							<label for="subject" accesskey="S">Subject</label>
-							<select name="subject" id="subject">
-							  <option value="Support">Support</option>
-							  <option value="a Sale">Sales</option>
-							  <option value="a Bug fix">Report a bug</option>
-							</select>
-							<br />
-							<label for="comments" accesskey="C"><span class="required">*</span> Your comments</label>
-							<textarea name="comments" cols="40" rows="3" id="comments" style="width: 350px;"></textarea>
-							<p><span class="required">*</span> Are you human?</p>
-							<label for="verify" accesskey="V">3 + 1 =</label>
-							<input name="verify" type="text" id="verify" size="4" value="" style="width: 30px;" /><br />
-							<input type="submit" class="submit red" id="submit" value="Submit" />
-							</fieldset>
-							</form>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div><!-- Body Sec -->
-		</div><!-- main-bg-->
-	</div><!-- Row -->
-</div><!-- Container -->
-</section><!-- Main Section -->
-	<!-- Side Panel -->
-	<div class="side-panel green">
-		<a class="panel-button gray"><i class="icon-cogs"></i></a>
-		<h4 class="gray">Sidebar Theme</h4>
-		<div class="patterns">
-			<div class="light-theme-sec">
-			<img src="images/light-theme-thumb.jpg" alt="" /><a title="" class="light-theme">LIGHT</a>
-			</div>
-			<div class="dark-theme-sec">
-			<img src="images/dark-theme-thumb.jpg" alt="" /><a title="" class="dark-theme">DARK</a>
-			</div>
-			<a title="" class="gradient-theme-btn">GRADIENT THEME</a>
-		</div>
-	</div>
-</div><!-- Wrapper -->
-<script>
-var seriesData = [ [], [], [], [], [] ];
-var random = new Rickshaw.Fixtures.RandomData(50);
-for (var i = 0; i < 75; i++) {
-	random.addData(seriesData);
-}
-window.onload=function(){
-    var elem = document.getElementById('chart');
-    elem.style.width = 100 + "%";
-}
-var graph = new Rickshaw.Graph( {
-	element: document.getElementById("chart"),
-	renderer: 'multi',
-	height: 300,
-	dotSize: 2,
-	series: [
-		{
-			name: 'Visitors',
-			data: seriesData.shift(),
-			color: 'rgba(0, 168, 225, 0.4)',
-			renderer: 'stack'
-		}, {
-			name: 'Returning Visitors',
-			data: seriesData.shift(),
-			color: 'rgba(136, 200, 80, 0.5)',
-			renderer: 'stack'
-		}, {
-			name: 'Mail',
-			data: seriesData.shift(),
-			color: 'rgba(255, 255, 255, 0.3)',
-			renderer: 'scatterplot'
-		}, {
-			name: 'HDD',
-			data: seriesData.shift().map(function(d) { return { x: d.x, y: d.y / 4 } }),
-			color: 'rgba(101, 98, 96, 0.4)',
-			renderer: 'bar'
-		}, {
-			name: 'Social',
-			data: seriesData.shift().map(function(d) { return { x: d.x, y: d.y * 1.5 } }),
-			renderer: 'line',
-			color: 'rgba(0, 0, 127, 0.25)'
-		}
-	]
-} );
-var slider = new Rickshaw.Graph.RangeSlider({
-	graph: graph,
-	element: $('#slider')
-});
-graph.render();
-var detail = new Rickshaw.Graph.HoverDetail({
-	graph: graph
-});
-var legend = new Rickshaw.Graph.Legend({
-	graph: graph,
-	element: document.querySelector('#legend')
-});
-var highlighter = new Rickshaw.Graph.Behavior.Series.Highlight({
-    graph: graph,
-    legend: legend,
-    disabledColor: function() { return 'rgba(0, 0, 0, 0.2)' }
-});
-var highlighter = new Rickshaw.Graph.Behavior.Series.Toggle({
-    graph: graph,
-    legend: legend
-});
-</script>
-<script type="text/javascript">
-$(function(){
-  var introguide = introJs();
-  // var startbtn   = $('#startdemotour');
-  introguide.setOptions({
-    steps: [
-    {
-      element: '.top-stats',
-      intro: 'Click Here',
-      position: 'bottom'
-    },
-    {
-      element: '.stats-box',
-      intro: 'With 3D transforms, we can make simple.',
-      position: 'bottom'
-    },
-    {
-      element: '.rickshaw_graph',
-      intro: 'Hover over each title to display a longer description.',
-      position: 'bottom'
-    },
-    {
-      element: '#contact',
-      intro: 'Click the With 3D transforms, we can make simple.',
-      position: 'right'
-    },
-    {
-      element: 'header',
-      intro: "Each demo will link to the previous & next entries.",
-      position: 'bottom'
-    }
-    ]
-  });
-  introguide.start();
-});
-</script>
-</body><!-- Body -->
-</html><!-- Html -->