Sidebar

<html><head>
<title>Visitors an Admin Panel Category Bootstrap Responsive Website Template |

Home :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="Visitors Responsive web template, Bootstrap Web
Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG,
SonyEricsson, Motorola web design">
<script type="application/x-javascript"> addEventListener("load", function()
{ setTimeout(hideURLbar, 0); }, false); function hideURLbar()
{ window.scrollTo(0,1); } </script>

<link rel="stylesheet" href="css/bootstrap.min.css">


<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/style-responsive.css" rel="stylesheet">

<link href="//fonts.googleapis.com/css?
family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic
,900,900italic" rel="stylesheet" type="text/css">

<link rel="stylesheet" href="css/font.css" type="text/css">
<link href="css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="css/morris.css" type="text/css">

<link rel="stylesheet" href="css/monthly.css">


<script src="js/jquery2.0.3.min.js"></script>
<script src="js/raphael-min.js"></script>
<script src="js/morris.js"></script>
</head>
<body style="">
<section id="container">

<header class="header fixed-top clearfix">

<div class="brand">
<a href="index.html" class="logo">
VISITORS
</a>
<div class="sidebar-toggle-box">
<div class="fa fa-bars"></div>
</div>
</div>

<div class="nav notify-row" id="top_menu">

<ul class="nav top-menu">

<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
<i class="fa fa-tasks"></i>
<span class="badge bg-success">8</span>
</a>
<ul class="dropdown-menu extended tasks-bar">
<li>
<p class="">You have 8 pending tasks</p>
</li>
<li>
<a href="#">
<div class="task-info clearfix">
<div class="desc pull-left">
<h5>Target Sell</h5>
<p>25% , Deadline 12 June’13</p>
</div>
<span class="notification-pie-chart pull-right"
data-percent="45">
<span class="percent"></span>
</span>
</div>
</a>
</li>
<li>
<a href="#">
<h5>Product Delivery</h5>
</div>
data-percent="78">
</span>
</div>
</a>
</li>
<li>
<a href="#">
<h5>Payment collection</h5>
</div>
data-percent="60">
</span>
</div>
</a>
</li>
<li>
<a href="#">
<h5>Target Sell</h5>
</div>
data-percent="90">
</span>
</div>
</a>
</li>
<li class="external">
<a href="#">See All Tasks</a>
</li>
</ul>
</li>


<li id="header_inbox_bar" class="dropdown">
<i class="fa fa-envelope-o"></i>
<span class="badge bg-important">4</span>
</a>
<ul class="dropdown-menu extended inbox">
<li>
<p class="red">You have 4 Mails</p>
</li>
<li>
<a href="#">
<span class="photo"><img alt="avatar"
src="images/3.png"></span>
<span class="subject">
<span class="from">Jonathan Smith</span>
<span class="time">Just now</span>
</span>
<span class="message">
Hello, this is an example msg.
</span>
</a>
</li>
<li>
<a href="#">
<span class="from">Jane Doe</span>
<span class="time">2 min ago</span>
</span>
Nice admin template
</span>
</a>
</li>
<li>
<a href="#">
<span class="from">Tasi sam</span>
<span class="time">2 days ago</span>
</span>
This is an example msg.
</span>
</a>
</li>
<li>
<a href="#">
<span class="from">Mr. Perfect</span>
<span class="time">2 hour ago</span>
</span>
Hi there, its a test
</span>
</a>
</li>
<li>
<a href="#">See all messages</a>
</li>
</ul>
</li>


<li id="header_notification_bar" class="dropdown">
<i class="fa fa-bell-o"></i>

<span class="badge bg-warning">3</span>
</a>
<ul class="dropdown-menu extended notification">
<li>
<p>Notifications</p>
</li>
<li>
<div class="alert alert-info clearfix">
<span class="alert-icon"><i class="fa fa-bolt"></i></span>
<div class="noti-info">
<a href="#"> Server #1 overloaded.</a>
</div>
</div>
</li>
<li>
<div class="alert alert-danger clearfix">
</div>
</div>
</li>
<li>
<div class="alert alert-success clearfix">
</div>
</div>
</li>
</ul>
</li>

</ul>

</div>
<div class="top-nav clearfix">

<ul class="nav pull-right top-menu">
<li>
<input type="text" class="form-control search" placeholder=" Search">
</li>

<li class="dropdown">
<img alt="" src="images/2.png">
<span class="username">John Doe</span>
<b class="caret"></b>
</a>
<ul class="dropdown-menu extended logout">
<li><a href="#"><i class=" fa fa-suitcase"></i>Profile</a></li>
<li><a href="#"><i class="fa fa-cog"></i> Settings</a></li>
<li><a href="login.html"><i class="fa fa-key"></i> Log Out</a></li>
</ul>
</li>

</ul>

</div>
</header>


<aside>
<div id="sidebar" class="nav-collapse">

<div class="leftside-navigation" tabindex="5000" style="overflow: hidden;
outline: none;">
<ul class="sidebar-menu" id="nav-accordion">
<li>
<a class="" href="index.html">
<i class="fa fa-dashboard"></i>
<span>Dashboard</span>
</a>
</li>
<li class="sub-menu dcjq-parent-li">

<a href="javascript:;" class="dcjq-parent">
<i class="fa fa-book"></i>
<span>UI Elements</span>
<span class="dcjq-icon"></span></a>
<ul class="sub" style="display: none;">
<li><a
href="typography.html">Typography</a></li>
<li><a href="glyphicon.html">glyphicon</a></li>
<li><a href="grids.html">Grids</a></li>
</ul>
</li>
<li>
<a href="fontawesome.html">
<i class="fa fa-bullhorn"></i>
<span>Font awesome </span>
</a>
</li>
<i class="fa fa-th"></i>
<span>Data Tables</span>
<li><a href="basic_table.html">Basic Table</a></li>
<li><a href="responsive_table.html">Responsive
Table</a></li>
</ul>
</li>
<i class="fa fa-tasks"></i>
<span>Form Components</span>
<li><a href="form_component.html">Form Elements</a></li>
<li><a href="form_validation.html">Form Validation</a></li>
<li><a href="dropzone.html">Dropzone</a></li>
</ul>
</li>
<i class="fa fa-envelope"></i>
<span>Mail </span>
<li><a href="mail.html">Inbox</a></li>
<li><a href="mail_compose.html">Compose Mail</a></li>
</ul>
</li>
<i class=" fa fa-bar-chart-o"></i>
<span>Charts</span>
<li><a href="chartjs.html">Chart js</a></li>
<li><a href="flot_chart.html">Flot Charts</a></li>
</ul>
</li>
<i class=" fa fa-bar-chart-o"></i>
<span>Maps</span>
<li><a href="google_map.html">Google Map</a></li>
<li><a href="vector_map.html">Vector Map</a></li>
</ul>
</li>
<i class="fa fa-glass"></i>
<span>Extra</span>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="404.html">404 Error</a></li>
<li><a href="registration.html">Registration</a></li>
</ul>
</li>
<li>
<a href="login.html">
<i class="fa fa-user"></i>
<span>Login Page</span>
</a>
</li>
</ul> </div>

<div id="ascrail2000" class="nicescroll-rails" style="width: 3px; z-index:
auto; cursor: default; position: absolute; top: 0px; left: 237px; height: 598px;
opacity: 0; display: none;"><div style="position: relative; top: 0px; float: right;
width: 3px; height: 576px; background-color: rgb(139, 92, 126); border: 0px solid
rgb(255, 255, 255); background-clip: padding-box; border-radius:
0px;"></div></div><div id="ascrail2000-hr" class="nicescroll-rails" style="height:
3px; z-index: auto; top: 595px; left: 0px; position: absolute; cursor: default;
display: none; width: 237px; opacity: 0;"><div style="position: relative; top: 0px;
height: 3px; width: 240px; background-color: rgb(139, 92, 126); border: 0px solid
rgb(255, 255, 255); background-clip: padding-box; border-radius:
0px;"></div></div></div>
</aside>


<section id="main-content">
<section class="wrapper">

<div class="market-updates">
<div class="col-md-3 market-update-gd">
<div class="market-update-block clr-block-2">
<div class="col-md-4 market-update-right">
<i class="fa fa-eye"> </i>
</div>
<div class="col-md-8 market-update-left">
<h4>Visitors</h4>
<h3>13,500</h3>
<p>Other hand, we denounce</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<i class="fa fa-users"></i>
</div>
<h4>Users</h4>
<h3>1,250</h3>
</div>
</div>
</div>
<i class="fa fa-usd"></i>
</div>
<h4>Sales</h4>
<h3>1,500</h3>
</div>
</div>
</div>
<i class="fa fa-shopping-cart" aria-
hidden="true"></i>
</div>
<h4>Orders</h4>
<h3>1,500</h3>
</div>
</div>
</div>
</div>

<div class="row">
<div class="panel-body">
<div class="col-md-12 w3ls-graph">

<div class="agileinfo-grap">
<div class="agileits-box">
<header class="agileits-box-header
clearfix">
<h3>Visitor Statistics</h3>
<div class="toolbar">
</div>
</header>
<div class="agileits-box-body
clearfix">
<div id="hero-area"
style="position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><svg
height="349" version="1.1" width="498" xmlns="http://www.w3.org/2000/svg"
style="overflow: hidden; position: relative; top: -0.25px;"><desc style="-webkit-
tap-highlight-color: rgba(0, 0, 0, 0);">Created with Raphaël 2.0.1</desc><defs
style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></defs><text
x="42.029296875" y="332" text-anchor="end" font="10px "Arial""
stroke="none" fill="#888888" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
text-anchor: end; font: 12px sans-serif;" font-size="12px" font-family="sans-serif"
font-weight="normal"><tspan dy="4" style="-webkit-tap-highlight-color: rgba(0, 0,
0, 0);">0</tspan></text><path fill="none" stroke="#dddddd"
d="M47.029296875,332H488" stroke-width="0.5" style="-webkit-tap-highlight-color:
rgba(0, 0, 0, 0);"></path><text x="42.029296875" y="251.5" text-anchor="end"
font="10px "Arial"" stroke="none" fill="#888888" style="-webkit-tap-
highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font: 12px sans-serif;" font-
size="12px" font-family="sans-serif" font-weight="normal"><tspan dy="4" style="-
webkit-tap-highlight-color: rgba(0, 0, 0, 0);">5,000</tspan></text><path
fill="none" stroke="#dddddd" d="M47.029296875,251.5H488" stroke-width="0.5"
style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><text
x="42.029296875" y="171" text-anchor="end" font="10px "Arial""
font-weight="normal"><tspan dy="4" style="-webkit-tap-highlight-color: rgba(0, 0,
0, 0);">10,000</tspan></text><path fill="none" stroke="#dddddd"
webkit-tap-highlight-color: rgba(0, 0, 0, 0);">15,000</tspan></text><path
fill="none" stroke="#dddddd" d="M47.029296875,90.5H488" stroke-width="0.5" style="-
webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><text x="42.029296875" y="10"
text-anchor="end" font="10px "Arial"" stroke="none" fill="#888888"
style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font: 12px
sans-serif;" font-size="12px" font-family="sans-serif" font-weight="normal"><tspan
dy="4" style="-webkit-tap-highlight-color: rgba(0, 0, 0,
0);">20,000</tspan></text><path fill="none" stroke="#dddddd"
rgba(0, 0, 0, 0);"></path><text x="452.40865734011624" y="337" text-anchor="middle"
highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font: 12px sans-serif;"
font-size="12px" font-family="sans-serif" font-weight="normal"
transform="matrix(1,0,0,1,0,7)"><tspan dy="4" style="-webkit-tap-highlight-color:
rgba(0, 0, 0, 0);">2017</tspan></text><text x="231.62168422965115" y="337" text-
anchor="middle" font="10px "Arial"" stroke="none" fill="#888888" style="-
webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font: 12px sans-
serif;" font-size="12px" font-family="sans-serif" font-weight="normal"
rgba(0, 0, 0, 0);">2016</tspan></text><path fill="#efafaf" stroke="none"
d="M47.029296875,289.0452C60.90388808139535,236.26940000000002,88.65307049418604,98
.57415,102.52766170058139,77.94200000000001C116.40225290697674,57.309850000000004,1
44.15143531976744,109.80328415300546,158.02602652616278,123.988C171.74980695857556,
138.01853415300548,199.19736782340115,186.57675,212.92114825581393,190.803C226.6449
2868822674,195.02925,254.0924895530523,159.6193674863388,267.8162699854651,157.798C
281.69086119186045,155.9566174863388,309.4400436046512,164.097125,323.3146348110465
,176.15200000000002C337.18922601744185,188.206875,364.9384084302325,265.16995573770
49,378.81299963662786,254.237C392.5367800690407,243.4228807377049,419.9843409338662
4,101.03627140883978,433.70812136627904,89.1637C447.28109102470927,77.4215964088397
9,474.4270303415698,142.12465,488,159.7783L488,332L47.029296875,332Z" fill-
opacity="0.85" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity:
0.85;"></path><path fill="none" stroke="#eb6f6f"
d="M47.029296875,289.0452C60.90388808139535,236.26940000000002,88.65307049418604,98
.57415,102.52766170058139,77.94200000000001C116.40225290697674,57.309850000000004,1
44.15143531976744,109.80328415300546,158.02602652616278,123.988C171.74980695857556,
138.01853415300548,199.19736782340115,186.57675,212.92114825581393,190.803C226.6449
2868822674,195.02925,254.0924895530523,159.6193674863388,267.8162699854651,157.798C
281.69086119186045,155.9566174863388,309.4400436046512,164.097125,323.3146348110465
,176.15200000000002C337.18922601744185,188.206875,364.9384084302325,265.16995573770
49,378.81299963662786,254.237C392.5367800690407,243.4228807377049,419.9843409338662
4,101.03627140883978,433.70812136627904,89.1637C447.28109102470927,77.4215964088397
9,474.4270303415698,142.12465,488,159.7783" stroke-width="0" style="-webkit-tap-
highlight-color: rgba(0, 0, 0, 0);"></path><circle cx="47.029296875" cy="289.0452"
r="2" fill="#eb6f6f" stroke="#ffffff" stroke-width="1" style="-webkit-tap-
highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="102.52766170058139"
cy="77.94200000000001" r="2" fill="#eb6f6f" stroke="#ffffff" stroke-width="1"
style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle
cx="158.02602652616278" cy="123.988" r="2" fill="#eb6f6f" stroke="#ffffff" stroke-
width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle
cx="323.3146348110465" cy="176.15200000000002" r="2" fill="#eb6f6f"
stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0,
0);"></circle><circle cx="378.81299963662786" cy="254.237" r="2" fill="#eb6f6f"
0);"></circle><circle cx="433.70812136627904" cy="89.1637" r="2" fill="#eb6f6f"
0);"></circle><circle cx="488" cy="159.7783" r="2" fill="#eb6f6f" stroke="#ffffff"
stroke-width="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0,
0);"></circle><path fill="#a58099" stroke="none"
d="M47.029296875,332C60.90388808139535,276.459025,88.65307049418604,131.92328750000
001,102.52766170058139,109.83610000000002C116.40225290697674,87.74891250000002,144.
15143531976744,140.7353431693989,158.02602652616278,155.3025C171.74980695857556,169
.7113181693989,199.19736782340115,225.63736250000002,212.92114825581393,225.74C226.
64492868822674,225.84263750000002,254.0924895530523,160.94722158469946,267.81626998
54651,156.1236C281.69086119186045,151.24697158469945,309.4400436046512,172.6120125,
323.3146348110465,186.939C337.18922601744185,201.2659875,364.9384084302325,270.6727
2459016397,378.81299963662786,270.7395C392.5367800690407,270.80554959016393,419.984
34093386624,188.81600649171273,433.70812136627904,187.4703C447.28109102470927,186.1
3938149171273,474.4270303415698,241.89232500000003,488,260.033L488,332L47.029296875
,332Z" fill-opacity="0.85" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
fill-opacity: 0.85;"></path><path fill="none" stroke="#926383"
d="M47.029296875,332C60.90388808139535,276.459025,88.65307049418604,131.92328750000
001,102.52766170058139,109.83610000000002C116.40225290697674,87.74891250000002,144.
15143531976744,140.7353431693989,158.02602652616278,155.3025C171.74980695857556,169
.7113181693989,199.19736782340115,225.63736250000002,212.92114825581393,225.74C226.
64492868822674,225.84263750000002,254.0924895530523,160.94722158469946,267.81626998
54651,156.1236C281.69086119186045,151.24697158469945,309.4400436046512,172.6120125,
323.3146348110465,186.939C337.18922601744185,201.2659875,364.9384084302325,270.6727
2459016397,378.81299963662786,270.7395C392.5367800690407,270.80554959016393,419.984
34093386624,188.81600649171273,433.70812136627904,187.4703C447.28109102470927,186.1
3938149171273,474.4270303415698,241.89232500000003,488,260.033" stroke-width="0"
style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><circle
cx="47.029296875" cy="332" r="2" fill="#926383" stroke="#ffffff" stroke-width="1"
cx="102.52766170058139" cy="109.83610000000002" r="2" fill="#926383"
0);"></circle><circle cx="158.02602652616278" cy="155.3025" r="2" fill="#926383"
0);"></circle><circle
cx="378.81299963662786" cy="270.7395" r="2" fill="#926383" stroke="#ffffff"
0);"></circle><circle cx="488" cy="260.033" r="2" fill="#926383" stroke="#ffffff"
0);"></circle><path fill="#efafaf" stroke="none"
d="M47.029296875,289.3511C60.90388808139535,251.50804999999997,88.65307049418604,15
2.5916625,102.52766170058139,137.9789C116.40225290697674,123.36613750000002,144.151
43531976744,161.6111486338798,158.02602652616278,172.449C171.74980695857556,183.169
04863387978,199.19736782340115,229.020375,212.92114825581393,224.2105C226.644928688
22674,219.400625,254.0924895530523,136.36379726775957,267.8162699854651,133.97C281.
69086119186045,131.54989726775958,309.4400436046512,183.417125,323.3146348110465,20
4.9549C337.18922601744185,226.492675,364.9384084302325,300.7966163934426,378.812999
63662786,306.2722C392.5367800690407,311.68826639344263,419.98434093386624,249.41189
22651934,433.70812136627904,248.5215C447.28109102470927,247.64089226519337,474.4270
303415698,286.521525,488,299.1882L488,332L47.029296875,332Z" fill-opacity="0.85"
style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity:
0.85;"></path><path fill="none" stroke="#eb6f6f"
d="M47.029296875,289.3511C60.90388808139535,251.50804999999997,88.65307049418604,15
2.5916625,102.52766170058139,137.9789C116.40225290697674,123.36613750000002,144.151
43531976744,161.6111486338798,158.02602652616278,172.449C171.74980695857556,183.169
04863387978,199.19736782340115,229.020375,212.92114825581393,224.2105C226.644928688
22674,219.400625,254.0924895530523,136.36379726775957,267.8162699854651,133.97C281.
69086119186045,131.54989726775958,309.4400436046512,183.417125,323.3146348110465,20
4.9549C337.18922601744185,226.492675,364.9384084302325,300.7966163934426,378.812999
63662786,306.2722C392.5367800690407,311.68826639344263,419.98434093386624,249.41189
22651934,433.70812136627904,248.5215C447.28109102470927,247.64089226519337,474.4270
303415698,286.521525,488,299.1882" stroke-width="0" style="-webkit-tap-highlight-
color: rgba(0, 0, 0, 0);"></path><circle cx="47.029296875" cy="289.3511" r="2"
fill="#eb6f6f" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-
color: rgba(0, 0, 0, 0);"></circle><circle cx="102.52766170058139" cy="137.9789"
r="2" fill="#eb6f6f" stroke="#ffffff" stroke-width="1" style="-webkit-tap-
highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="158.02602652616278"
cy="172.449" r="2" fill="#eb6f6f" stroke="#ffffff" stroke-width="1" style="-webkit-
tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="212.92114825581393"
cy="224.2105" r="2" fill="#eb6f6f" stroke="#ffffff" stroke-width="1" style="-
webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle><circle
cx="488" cy="299.1882" r="2" fill="#eb6f6f" stroke="#ffffff" stroke-width="1"
style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle></svg><div
class="morris-hover morris-default-style" style="display: none;"></div></div>
</div>
</div>
</div>

</div>
</div>
</div>
<div class="agil-info-calendar">

<div class="col-md-6 agile-calendar">
<div class="calendar-widget">
<div class="panel-heading ui-sortable-handle">
<span class="panel-icon">
<i class="fa fa-calendar-o"></i>
</span>
<span class="panel-title"> Calendar Widget</span>
</div>

<div class="agile-calendar-grid">
<div class="page">
<div class="w3l-calendar-left">
<div class="calendar-heading">
</div>
<div class="monthly"
id="mycalendar"><div class="monthly-header"><div class="monthly-header-title">June
2022</div><a href="#" class="monthly-prev"></a><a href="#"
class="monthly-next"></a></div><div
class="monthly-day-title-wrap"><div>Sun</div><div>Mon</div><div>Tue</
div><div>Wed</div><div>Thu</div><div>Fri</div><div>Sat</div></div><div
class="monthly-day-wrap"><div class="monthly-week"><div class="m-d monthly-day-
blank"><div class="monthly-day-number"></div></div><div class="m-d monthly-day-
blank"><div class="monthly-day-number"></div></div><div class="m-d monthly-day-
blank"><div class="monthly-day-number"></div></div><a href="#" class="m-d monthly-
day monthly-day-event" data-number="1"><div class="monthly-day-number">1</div><div
class="monthly-indicator-wrap"></div></a><a href="#" class="m-d monthly-day
monthly-day-event" data-number="2"><div class="monthly-day-number">2</div><div
class="monthly-indicator-wrap"></div></a></div><div class="monthly-week"><a
href="#" class="m-d monthly-day monthly-day-event" data-number="5"><div
class="monthly-day-number">5</div><div class="monthly-indicator-wrap"></div></a><a
class="monthly-day-number">11</div><div
href="#" class="m-d monthly-day monthly-day-event monthly-today" data-
number="28"><div class="monthly-day-number">28</div><div class="monthly-indicator-
wrap"></div></a><a href="#" class="m-d monthly-day monthly-day-event" data-
wrap"></div></a><a href="#" class="m-d monthly-day monthly-day-event" data-
wrap"></div></a><div class="m-d monthly-day-blank"><div class="monthly-day-
number"></div></div><div class="m-d monthly-day-blank"><div class="monthly-day-
number"></div></div></div></div><div class="monthly-event-list"><div
class="monthly-list-item" id="mycalendarday1" data-number="1"><div class="monthly-
event-list-date">WED<br>1</div></div><div class="monthly-list-item"
id="mycalendarday2" data-number="2"><div class="monthly-event-list-
date">THU<br>2</div></div><div class="monthly-list-item" id="mycalendarday3" data-
number="3"><div class="monthly-event-list-date">FRI<br>3</div></div><div
event-list-date">SAT<br>4</div></div><div class="monthly-list-item"
date">SUN<br>5</div></div><div class="monthly-list-item" id="mycalendarday6" data-
number="6"><div class="monthly-event-list-date">MON<br>6</div></div><div
event-list-date">TUE<br>7</div></div><div class="monthly-list-item"
date">WED<br>8</div></div><div class="monthly-list-item" id="mycalendarday9" data-
number="9"><div class="monthly-event-list-date">THU<br>9</div></div><div
class="monthly-list-item" id="mycalendarday10" data-number="10"><div
class="monthly-event-list-date">FRI<br>10</div></div><div class="monthly-list-item"
date">SAT<br>11</div></div><div class="monthly-list-item" id="mycalendarday12"
data-number="12"><div class="monthly-event-list-date">SUN<br>12</div></div><div
class="monthly-event-list-date">MON<br>13</div></div><div class="monthly-list-item"
date">TUE<br>14</div></div><div class="monthly-list-item" id="mycalendarday15"
data-number="15"><div class="monthly-event-list-date">WED<br>15</div></div><div
class="monthly-event-list-date">THU<br>16</div></div><div class="monthly-list-item"
date">FRI<br>17</div></div><div class="monthly-list-item" id="mycalendarday18"
data-number="18"><div class="monthly-event-list-date">SAT<br>18</div></div><div
class="monthly-event-list-date">SUN<br>19</div></div><div class="monthly-list-item"
date">MON<br>20</div></div><div class="monthly-list-item" id="mycalendarday21"
data-number="21"><div class="monthly-event-list-date">TUE<br>21</div></div><div
class="monthly-event-list-date">WED<br>22</div></div><div class="monthly-list-item"
date">THU<br>23</div></div><div class="monthly-list-item" id="mycalendarday24"
data-number="24"><div class="monthly-event-list-date">FRI<br>24</div></div><div
class="monthly-event-list-date">SAT<br>25</div></div><div class="monthly-list-item"
date">SUN<br>26</div></div><div class="monthly-list-item" id="mycalendarday27"
data-number="27"><div class="monthly-event-list-date">MON<br>27</div></div><div
class="monthly-list-item monthly-today" id="mycalendarday28" data-number="28"><div
class="monthly-event-list-date">TUE<br>28</div></div><div class="monthly-list-item"
date">WED<br>29</div></div><div class="monthly-list-item" id="mycalendarday30"
data-number="30"><div
class="monthly-event-list-date">THU<br>30</div></div></div></div>
</div>

</div>
</div>
</div>
</div>

<div class="col-md-6 w3agile-notifications">
<div class="notifications">

<header class="panel-heading">
Notification
</header>
<div class="notify-w3ls">
<span class="alert-icon"><i class="fa fa-
envelope-o"></i></span>
<div class="notification-info">
<ul class="clearfix notification-
meta">
<li class="pull-left
notification-sender"><span><a href="#">Jonathan Smith</a></span> send you a mail
</li>
<li class="pull-right
notification-time">1 min ago</li>
</ul>
<p>
Urgent meeting for next
proposal
</p>
</div>
</div>
<div class="alert alert-danger">
facebook"></i></span>
meta">
notification-sender"><span><a href="#">Jonathan Smith</a></span> mentioned you in a
post </li>
notification-time">7 Hours Ago</li>
</ul>
<p>
Very cool photo jack
</p>
</div>
</div>
<div class="alert alert-success ">
comments-o"></i></span>
meta">
notification-sender">You have 5 message unread</li>
</ul>
<p>
<a href="#">Anjelina Mewlo,
Jack Flip</a> and <a href="#">3 others</a>
</p>
</div>
</div>
<div class="alert alert-warning ">
bell-o"></i></span>
meta">
notification-sender">Domain Renew Deadline 7 days ahead</li>
notification-time">5 Days Ago</li>
</ul>
<p>
Next 5 July Thursday is the
last day
</p>
</div>
</div>
envelope-o"></i></span>
meta">
notification-sender"><span><a href="#">Jonathan Smith</a></span> send you a mail
</li>
</ul>
<p>
Urgent meeting for next
proposal
</p>
</div>
</div>
</div>

</div>
</div>
</div>

<div class="agile-last-grids">
<div class="col-md-4 agile-last-left">
<div class="agile-last-grid">
<div class="area-grids-heading">
<h3>Monthly</h3>
</div>
<div id="graph7" style="position: relative; -
webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><svg height="342" version="1.1"
width="240" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position:
relative; top: -0.359375px;"><desc style="-webkit-tap-highlight-color: rgba(0, 0,
0, 0);">Created with Raphaël 2.0.1</desc><defs style="-webkit-tap-highlight-color:
rgba(0, 0, 0, 0);"></defs><text x="19.5" y="310" text-anchor="end" font="10px
"Arial"" stroke="none" fill="#888888" style="-webkit-tap-highlight-color:
rgba(0, 0, 0, 0); text-anchor: end; font: 12px sans-serif;" font-size="12px" font-
family="sans-serif" font-weight="normal"><tspan dy="4" style="-webkit-tap-
highlight-color: rgba(0, 0, 0, 0);">0</tspan></text><path fill="none"
stroke="#aaaaaa" d="M32,310H215" stroke-width="0.5" style="-webkit-tap-highlight-
color: rgba(0, 0, 0, 0);"></path><text x="19.5" y="238.75" text-anchor="end"
webkit-tap-highlight-color: rgba(0, 0, 0, 0);">2</tspan></text><path fill="none"
stroke="#aaaaaa" d="M32,238.75H215" stroke-width="0.5" style="-webkit-tap-
highlight-color: rgba(0, 0, 0, 0);"></path><text x="19.5" y="167.5" text-
anchor="end" font="10px "Arial"" stroke="none" fill="#888888" style="-
webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: end; font: 12px sans-
serif;" font-size="12px" font-family="sans-serif" font-weight="normal"><tspan
dy="4" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">4</tspan></text><path
fill="none" stroke="#aaaaaa" d="M32,167.5H215" stroke-width="0.5" style="-webkit-
tap-highlight-color: rgba(0, 0, 0, 0);"></path><text x="19.5" y="96.25" text-
fill="none" stroke="#aaaaaa" d="M32,96.25H215" stroke-width="0.5" style="-webkit-
tap-highlight-color: rgba(0, 0, 0, 0);"></path><text x="19.5" y="25" text-
fill="none" stroke="#aaaaaa" d="M32,25H215" stroke-width="0.5" style="-webkit-tap-
highlight-color: rgba(0, 0, 0, 0);"></path><text x="215" y="322.5" text-
rgba(0, 0, 0, 0);">04:00</tspan></text><text x="154" y="322.5" text-anchor="middle"
rgba(0, 0, 0, 0);">22:00</tspan></text><path fill="#a7b3bc" stroke="none"
d="M32,96.25C47.25,131.875,77.75,220.9375,93,238.75C108.25,256.5625,138.75,265.4687
5,154,238.75C169.25,212.03125,199.75,78.4375,215,25L215,310L32,310Z" fill-
opacity="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); fill-opacity:
1;"></path><path fill="none" stroke="#7a92a3"
d="M32,96.25C47.25,131.875,77.75,220.9375,93,238.75C108.25,256.5625,138.75,265.4687
5,154,238.75C169.25,212.03125,199.75,78.4375,215,25" stroke-width="3" style="-
webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><circle cx="32" cy="96.25"
r="4" fill="#7a92a3" stroke="#ffffff" stroke-width="1" style="-webkit-tap-
highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="93" cy="238.75" r="4"
fill="#7a92a3" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-
color: rgba(0, 0, 0, 0);"></circle><circle cx="154" cy="238.75" r="4"
fill="#7a92a3" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-
color: rgba(0, 0, 0, 0);"></circle><circle cx="215" cy="25" r="7" fill="#7a92a3"
0);"></circle><path fill="#2577b5" stroke="none"
d="M32,203.125C47.25,212.03125,77.75,225.390625,93,238.75C108.25,252.109375,138.75,
310,154,310C169.25,301.09375,199.75,203.125,215,167.5L215,310L32,310Z" fill-
1;"></path><path fill="none" stroke="#0b62a4"
d="M32,203.125C47.25,212.03125,77.75,225.390625,93,238.75C108.25,252.109375,138.75,
310,154,310C169.25,301.09375,199.75,203.125,215,167.5" stroke-width="3" style="-
webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><circle cx="32" cy="203.125"
r="4" fill="#0b62a4" stroke="#ffffff" stroke-width="1" style="-webkit-tap-
highlight-color: rgba(0, 0, 0, 0);"></circle><circle cx="93" cy="238.75" r="4"
fill="#0b62a4" stroke="#ffffff" stroke-width="1" style="-webkit-tap-highlight-
color: rgba(0, 0, 0, 0);"></circle><circle cx="154" cy="310" r="4" fill="#0b62a4"
0);"></circle><circle cx="215" cy="167.5" r="7" fill="#0b62a4" stroke="#ffffff"
0);"></circle></svg><div class="morris-hover morris-default-style" style="left:
105px; top: 81px;"><div class="morris-hover-row-label">2013-03-31
04:00:00</div><div class="morris-hover-point" style="color: #0b62a4">
Y:
4
</div><div class="morris-hover-point" style="color: #7A92A3">
Z:
4
</div></div></div>
<script>
// This crosses a DST boundary in the UK.
Morris.Area({
element: 'graph7',
data: [
{x: '2013-03-30 22:00:00', y: 3, z: 3},
{x: '2013-03-31 00:00:00', y: 2, z: 0},
{x: '2013-03-31 02:00:00', y: 0, z: 2},
{x: '2013-03-31 04:00:00', y: 4, z: 4}
],
xkey: 'x',
ykeys: ['y', 'z'],
labels: ['Y', 'Z']
});
</script>
</div>
</div>
<div class="col-md-4 agile-last-left agile-last-middle">
<h3>Daily</h3>
</div>
relative; left: -0.65625px; top: -0.359375px;"><desc style="-webkit-tap-highlight-
color: rgba(0, 0, 0, 0);">Created with Raphaël 2.0.1</desc><defs style="-webkit-
tap-highlight-color: rgba(0, 0, 0, 0);"></defs><text x="42.85546875"
y="271.06344155892185" text-anchor="end" font="10px "Arial""
font-weight="normal"><tspan dy="3.999995513999977" style="-webkit-tap-highlight-
color: rgba(0, 0, 0, 0);">0</tspan></text><path fill="none" stroke="#aaaaaa"
d="M55.35546875,271.06344155892185H215" stroke-width="0.5" style="-webkit-tap-
highlight-color: rgba(0, 0, 0, 0);"></path><text x="42.85546875"
y="209.5475811691914" text-anchor="end" font="10px "Arial"" stroke="none"
fill="#888888" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor:
end; font: 12px sans-serif;" font-size="12px" font-family="sans-serif" font-
weight="normal"><tspan dy="4.000004264894528" style="-webkit-tap-highlight-color:
rgba(0, 0, 0, 0);">1,000</tspan></text><path fill="none" stroke="#aaaaaa"
y="148.03172077946093" text-anchor="end" font="10px "Arial""
font-weight="normal"><tspan dy="3.9999977569999885" style="-webkit-tap-highlight-
color: rgba(0, 0, 0, 0);">2,000</tspan></text><path fill="none" stroke="#aaaaaa"
weight="normal"><tspan dy="3.9999988785000085" style="-webkit-tap-highlight-color:
rgba(0, 0, 0, 0);">3,000</tspan></text><path fill="none" stroke="#aaaaaa"
highlight-color: rgba(0, 0, 0, 0);"></path><text x="42.85546875" y="25" text-
0);">4,000</tspan></text><path fill="none" stroke="#aaaaaa" d="M55.35546875,25H215"
stroke-width="0.5" style="-webkit-tap-highlight-color: rgba(0, 0, 0,
0);"></path><text x="207.0177734375" y="283.56344155892185" text-anchor="middle"
transform="matrix(0.5,-0.866,0.866,0.5,-157.4119,351.423)"><tspan
dy="3.999995513999977" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">2016-
09-10</tspan></text><text x="175.0888671875" y="283.56344155892185" text-
09-30</tspan></text><rect x="57.351025390625" y="61.478905211110174"
width="4.486669921875" height="209.58453634781168" r="0" rx="0" ry="0"
fill="#0b62a4" stroke="none" fill-opacity="1" style="-webkit-tap-highlight-color:
rgba(0, 0, 0, 0); fill-opacity: 1;"></rect><rect x="64.8376953125"
y="230.46297370169975" width="4.486669921875" height="40.6004678572221" r="0"
rx="0" ry="0" fill="#7a92a3" stroke="none" fill-opacity="1" style="-webkit-tap-
highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;"></rect><rect
x="73.315478515625" y="64.92379339293507" width="4.486669921875"
height="206.13964816598678" r="0" rx="0" ry="0" fill="#0b62a4" stroke="none" fill-
1;"></rect><rect x="80.80214843750001" y="232.36996537378138"
fill="#7a92a3" stroke="none" fill-opacity="1" style="-webkit-tap-highlight-color:
y="69.96809394489298" width="4.486669921875" height="201.09534761402887" r="0"
rx="0" ry="0" fill="#0b62a4" stroke="none" fill-opacity="1" style="-webkit-tap-
highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;"></rect><rect x="96.7666015625"
y="233.04663983806842" width="4.486669921875" height="38.01680172085344" r="0"
x="105.244384765625" y="71.38295873385678" width="4.486669921875"
1;"></rect><rect x="112.7310546875" y="230.40145784131002" width="4.486669921875"
height="40.66198371761183" r="0" rx="0" ry="0" fill="#7a92a3" stroke="none" fill-
1;"></rect><rect x="121.20883789062499" y="70.70628426956975"
y="230.03236267897165" width="4.486669921875" height="41.0310788799502" r="0"
x="137.173291015625" y="71.25992701307732" width="4.486669921875"
1;"></rect><rect x="144.65996093750002" y="232.49299709456085"
width="4.486669921875" height="38.570444464361" r="0" rx="0" ry="0" fill="#7a92a3"
stroke="none" fill-opacity="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0,
0); fill-opacity: 1;"></rect><rect x="153.13774414062502" y="75.99664826308657"
y="230.46297370169975" width="4.486669921875" height="40.6004678572221" r="0"
x="169.10219726562502" y="75.99664826308657" width="4.486669921875"
1;"></rect><rect x="176.58886718750003" y="229.47871993546406"
fill="#7a92a3" stroke="none" fill-opacity="1" style="-webkit-tap-highlight-color:
y="74.15117245139464" width="4.486669921875" height="196.9122691075272" r="0"
rx="0" ry="0" fill="#0b62a4" stroke="none" fill-opacity="1" style="-webkit-tap-
x="192.5533203125" y="230.70903714325868" width="4.486669921875"
height="40.35440441566317" r="0" rx="0" ry="0" fill="#7a92a3" stroke="none" fill-
1;"></rect><rect x="201.031103515625" y="73.28995040593841" width="4.486669921875"
height="197.77349115298344" r="0" rx="0" ry="0"
y="232.8005763965095" width="4.486669921875" height="38.26286516241234" r="0"
highlight-color: rgba(0, 0, 0, 0); fill-opacity: 1;"></rect></svg><div
class="morris-hover morris-default-style" style="left: 133px; top: 136px;"><div
class="morris-hover-row-label">2016-09-10</div><div class="morris-hover-point"
style="color: #0b62a4">
Licensed:
3,215
</div><div class="morris-hover-point" style="color: #7a92a3">
SORN:
622
</div></div></div>
<script>
/* data stolen from
http://howmanyleft.co.uk/vehicle/jaguar_'e'_type */
var day_data = [
{"period": "2016-10-01", "licensed": 3407,
"sorned": 660},
{"period": "2016-09-30", "licensed": 3351,
"sorned": 629},
{"period": "2016-09-29", "licensed": 3269,
"sorned": 618},
{"period": "2016-09-20", "licensed": 3246,
"sorned": 661},
{"period": "2016-09-19", "licensed": 3257,
"sorned": 667},
{"period": "2016-09-18", "licensed": 3248,
"sorned": 627},
{"period": "2016-09-17", "licensed": 3171,
"sorned": 660},
{"period": "2016-09-16", "licensed": 3171,
"sorned": 676},
{"period": "2016-09-15", "licensed": 3201,
"sorned": 656},
{"period": "2016-09-10", "licensed": 3215,
"sorned": 622}
];
Morris.Bar({
element: 'graph8',
data: day_data,
xkey: 'period',
ykeys: ['licensed', 'sorned'],
labels: ['Licensed', 'SORN'],
xLabelAngle: 60
});
</script>
</div>
</div>
<div class="col-md-4 agile-last-left agile-last-right">
<h3>Yearly</h3>
</div>
relative; left: -0.3125px; top: -0.359375px;"><desc style="-webkit-tap-highlight-
color: rgba(0, 0, 0, 0);">Created with Raphaël 2.0.1</desc><defs style="-webkit-
tap-highlight-color: rgba(0, 0, 0, 0);"></defs><text x="26.173828125" y="310" text-
fill="none" stroke="#aaaaaa" d="M38.673828125,310H215" stroke-width="0.5" style="-
webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><text x="26.173828125"
weight="normal"><tspan dy="4" style="-webkit-tap-highlight-color: rgba(0, 0, 0,
0);">10</tspan></text><path fill="none" stroke="#aaaaaa"
d="M38.673828125,238.75H215" stroke-width="0.5" style="-webkit-tap-highlight-color:
stroke="#aaaaaa" d="M38.673828125,167.5H215" stroke-width="0.5" style="-webkit-tap-
highlight-color: rgba(0, 0, 0, 0);"></path><text x="26.173828125" y="96.25" text-
0);">30</tspan></text><path fill="none" stroke="#aaaaaa"
d="M38.673828125,96.25H215" stroke-width="0.5" style="-webkit-tap-highlight-color:
rgba(0, 0, 0, 0);"></path><text x="26.173828125" y="25" text-anchor="end"
stroke="#aaaaaa" d="M38.673828125,25H215" stroke-width="0.5" style="-webkit-tap-
highlight-color: rgba(0, 0, 0, 0);"></path><text x="215" y="322.5" text-
rgba(0, 0, 0, 0);">X</tspan></text><text x="175.81640625" y="322.5" text-
rgba(0, 0, 0, 0);">VIII</tspan></text><text x="136.6328125" y="322.5" text-
rgba(0, 0, 0, 0);">VI</tspan></text><text x="97.44921875" y="322.5" text-
rgba(0, 0, 0, 0);">IV</tspan></text><text x="58.265625" y="322.5" text-
rgba(0, 0, 0, 0);">II</tspan></text><path fill="none" stroke="#0b62a4"
d="M38.673828125,67.75C43.57177734375,85.5625,53.36767578125,111.390625,58.265625,1
39C63.16357421875,166.609375,72.95947265625,277.9375,77.857421875,288.625C82.755371
09375,299.3125,92.55126953125,233.40625,97.44921875,224.5C102.34716796875,215.59375
,112.14306640625,226.28125,117.041015625,217.375C121.93896484375,208.46875,131.7348
6328125,146.125,136.6328125,153.25C141.53076171875,160.375,151.32666015625,277.9375
,156.224609375,274.375C161.12255859375,270.8125,170.91845703125,130.984375,175.8164
0625,124.75C180.71435546875,118.515625,190.51025390625,218.265625,195.408203125,224
.5C200.30615234375,230.734375,210.10205078125,187.09375,215,174.625" stroke-
width="3" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path><circle
cx="38.673828125" cy="67.75" r="4" fill="#0b62a4" stroke="#ffffff" stroke-width="1"
cx="58.265625" cy="139" r="4" fill="#0b62a4" stroke="#ffffff" stroke-width="1"
cx="77.857421875" cy="288.625" r="4" fill="#0b62a4" stroke="#ffffff" stroke-
cx="215" cy="174.625" r="7" fill="#0b62a4" stroke="#ffffff" stroke-width="1"
style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></circle></svg><div
class="morris-hover morris-default-style" style="left: 169px; top: 107px;"><div
class="morris-hover-row-label">X</div><div class="morris-hover-point" style="color:
#0b62a4">
value:
19
</div></div></div>
<script>
var day_data = [
{"elapsed": "I", "value": 34},
{"elapsed": "II", "value": 24},
{"elapsed": "III", "value": 3},
{"elapsed": "IV", "value": 12},
{"elapsed": "V", "value": 13},
{"elapsed": "VI", "value": 22},
{"elapsed": "VII", "value": 5},
{"elapsed": "VIII", "value": 26},
{"elapsed": "IX", "value": 12},
{"elapsed": "X", "value": 19}
];
Morris.Line({
element: 'graph9',
data: day_data,
xkey: 'elapsed',
ykeys: ['value'],
labels: ['value'],
parseTime: false
});
</script>
</div>
</div>
</div>

<div class="agileits-w3layouts-stats">
<div class="col-md-4 stats-info widget">
<div class="stats-info-agileits">
<div class="stats-title">
<h4 class="title">Browser
Stats</h4>
</div>
<div class="stats-body">
<ul class="list-unstyled">
<li>GoogleChrome <span
class="pull-right">85%</span>
<div class="progress
progress-striped active progress-right">
<div class="bar
green" style="width:85%;"></div>
</div>
</li>
<li>Firefox <span
<div class="bar
yellow" style="width:35%;"></div>
</div>
</li>
<li>Internet Explorer <span
<div class="bar
red" style="width:78%;"></div>
</div>
</li>
<li>Safari <span class="pull-
right">50%</span>
<div class="bar
blue" style="width:50%;"></div>
</div>
</li>
<li>Opera <span class="pull-
right">80%</span>
<div class="bar
light-blue" style="width:80%;"></div>
</div>
</li>
<li class="last">Others <span
<div class="bar
orange" style="width:60%;"></div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-8 stats-info stats-last widget-
shadow">
<div class="stats-last-agile">
<table class="table stats-table ">
<thead>
<tr>
<th>S.NO</th>
<th>PRODUCT</th>
<th>STATUS</th>
<th>PROGRESS</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Lorem ipsum</td>
<td><span class="label
label-success">In progress</span></td>
<td><h5>85% <i class="fa
fa-level-up"></i></h5></td>
</tr>
<tr>
<td>Aliquam</td>
label-warning">New</span></td>
</tr>
<tr>
label-danger">Overdue</span></td>
<td><h5 class="down">40%
<i class="fa fa-level-down"></i></h5></td>
</tr>
<tr>
<td>Aliquam</td>
label-info">Out of stock</span></td>
<td><h5>100% <i
class="fa fa-level-up"></i></h5></td>
</tr>
<tr>
label-success">In progress</span></td>
<td><h5 class="down">10%
<i class="fa fa-level-down"></i></h5></td>
</tr>
<tr>
<td>Aliquam</td>
label-warning">New</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>

<div class="footer">
<div class="wthree-copyright">
<p>© 2017 Visitors. All rights reserved | Design by <a
href="http://w3layouts.com">W3layouts</a></p>
</div>
</div>

</section>

</section>
<script src="js/bootstrap.js"></script>
<script src="js/jquery.dcjqaccordion.2.7.js"></script>
<script src="js/scripts.js"></script>
<script src="js/jquery.slimscroll.js"></script>
<script src="js/jquery.nicescroll.js"></script>

<script src="js/jquery.scrollTo.js"></script>

<script>
$(document).ready(function() {
//BOX BUTTON SHOW AND CLOSE
jQuery('.small-graph-box').hover(function() {
jQuery(this).find('.box-button').fadeIn('fast');
}, function() {
jQuery(this).find('.box-button').fadeOut('fast');
});
jQuery('.small-graph-box .box-close').click(function() {
jQuery(this).closest('.small-graph-box').fadeOut(200);
return false;
});
//CHARTS
function gd(year, day, month) {
return new Date(year, month - 1, day).getTime();
}
graphArea2 = Morris.Area({
element: 'hero-area',
padding: 10,
behaveLikeLine: true,
gridEnabled: false,
gridLineColor: '#dddddd',
axes: true,
resize: true,
smooth:true,
pointSize: 0,
lineWidth: 0,
fillOpacity:0.85,
data: [
{period: '2015 Q1', iphone: 2668, ipad: null, itouch:
2649},
{period: '2015 Q2', iphone: 15780, ipad: 13799, itouch:
12051},
9910},
6695},
12300},
7891},
1598},
5185},
2038},
],
lineColors:['#eb6f6f','#926383','#eb6f6f'],
xkey: 'period',
redraw: true,
ykeys: ['iphone', 'ipad', 'itouch'],
labels: ['All Visitors', 'Returning Visitors', 'Unique Visitors'],
pointSize: 2,
hideHover: 'auto',
resize: true
});
});
</script>

<script type="text/javascript" src="js/monthly.js"></script>
<script type="text/javascript">
$(window).load( function() {
$('#mycalendar').monthly({
mode: 'event',
});
$('#mycalendar2').monthly({
mode: 'picker',
target: '#mytarget',
setWidth: '250px',
startHidden: true,
showTrigger: '#mytarget',
stylePast: true,
disablePast: true
});
switch(window.location.protocol) {
case 'http:':
case 'https:':
// running on a server, should be good.
break;
case 'file:':
alert('Just a heads-up, events will not work when run locally.');
}
});
</script>

</body></html>

Sidebar

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Sidebar

Uploaded by

Copyright:

Available Formats

<html><head>

<title>Visitors an Admin Panel Category Bootstrap Responsive Website Template |

<i class="fa fa-bell-o"></i>

<li class="sub-menu dcjq-parent-li">

<div class="clearfix"> </div>

You might also like