fleetvu/vexpense/assets/dashboard.html
2017-06-22 16:11:47 +05:30

1052 lines
58 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0040)http://www.seektrucks.com/seek_truck.php -->
<html xmlns="http://www.w3.org/1999/xhtml" ><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Dashboard</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Trucks,Loads,Tenders,Classifieds,Jobs,Information,Forums">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<meta name="description" content="">
<!-- CSS includes //-->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="css/font-awesome.css" type="text/css">
<link rel="stylesheet" href="css/component.css" type="text/css">
<link rel="stylesheet" href="css/custom.css" type="text/css">
<link rel="stylesheet" href="css/style.css" type="text/css" id="site-color">
<!-- LayerSlider styles -->
<!--<link rel="stylesheet" href="css/template.ss" type="text/css" id="site-template">-->
<!-- JS includes //-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries //-->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="js/jquery.min.js"></script>
</head>
<body>
<!-- Wrapping all content //-->
<div id="wrap-all" style="padding-top: 148px;">
<!-- Site header start //-->
<header class="site-header dot_background" id="site-header">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="width-100 float-left relative">
<!-- Site logo start //-->
<div class="site-logo">
<a href="#">
<img src="img/logo.png" alt="Search Trucks Logo" >
<!--<div class="width-auto float-left">
<p class="name">Biss</p>
<div class="cl"></div>
<p class="slogan">Corporate HTML Template</p>
</div>-->
</a>
</div>
<!-- Site logo end //-->
<!-- Contacts start //-->
<!-- Contacts end //-->
<div class="width-auto float-right">
<p class="sub-menu">
<a class="fancybox fancybox.ajax" href="#"><i class="fa fa-sign-in"></i>Welcome Administrator, </a>
<a class="fancybox fancybox.ajax" href="http://www.seektrucks.com/register.php"><i class="fa fa-pencil"></i>&nbsp;&nbsp;Logout</a>
</p>
<!-- Sub menu end //-->
<div class="cl"></div>
</div>
<div class="cl"></div>
<nav class="blocked">
<!-- Mobile nav start //-->
<div class="mobile-nav-wrapper hidden-lg hidden-md" id="mobile-menu-wrapper">
<i class="fa fa-bars mobile-nav-icon" id="mobile-nav-icon"></i>
<ul class="hide-on-tablet mobile-nav" id="mobile-nav">
<li>
<a href="#"><i class="fa fa-home"></i> Dashboard <small>Recents || Charts</small></a>
</li>
<li class="has"><a href=""><i class="fa fa-cab"></i> Post <small>All Posts</small></a>
<ul>
<li><a href="">Post Trucksdd</a></li>
<li><a href="">Post Loads</a></li>
<li><a href="http://www.seektrucks.com/seek_truck.php#">Post Tenders</a></li>
</ul>
<i class="fa fa-angle-right"></i></li>
<li class="has">
<a href=""><i class="fa fa-file-text-o"></i> asfdsdfdf <small>Logistics Services</small></a>
<ul>
<li><a href="http://www.seektrucks.com/seek_truck.php#">Buy / Sell</a></li>
<li><a href="http://www.seektrucks.com/seek_truck.php#">New Arrivals </a></li>
<li><a href="http://www.seektrucks.com/seek_truck.php#">Truck Spares</a></li>
<li><a href="http://www.seektrucks.com/seek_truck.php#">Truck Service Centers</a></li>
<li><a href="http://www.seektrucks.com/seek_truck.php#">Truck Dealers</a></li>
<li><a href="http://www.seektrucks.com/seek_truck.php#">Railways</a></li>
<li><a href="http://www.seektrucks.com/seek_truck.php#">Air Cargo</a></li>
<li><a href="http://www.seektrucks.com/seek_truck.php#">Shipping</a></li>
<li><a href="http://www.seektrucks.com/seek_truck.php#">View All</a></li>
</ul>
<i class="fa fa-angle-right"></i></li>
<li>
<a href="http://www.seektrucks.com/blog.html"><i class="fa fa-pencil"></i> Information <small>Logistics Info</small></a>
<!--<ul>
<li><a href="blog-standard.html">standard</a></li>
<li><a href="blog-alternative.html">alternative</a></li>
<li><a href="blog-masonry.html">masonry</a></li>
<li><a href="blog-timeline.html">timeline</a></li>
<li><a href="blog-article.html">single article</a></li>
</ul>-->
</li>
<li><a href="http://www.seektrucks.com/contacts.php"><i class="fa fa-envelope"></i> contacts <small>stay in touch</small></a></li>
</ul></div>
<!-- Mobile nav end //-->
<!-- Desktop nav start //-->
<ul class="desktop-nav hidden-sm hidden-xs hide-on-tablet">
<li style="width: 191px;">
<div class="wrapper"><a href="http://www.seektrucks.com/index.php"><i class="fa fa-home"></i> Dashboard <small>Search Vehicles || Loads</small></a><div class="hover"></div></div>
</li>
<li id="mega-menu-1-hover" style="width: 191px;"><div class="wrapper"><a href=""><i class="fa fa-truck"></i> Manage Trips <small>Add / Edit Trips</small></a><div class="hover" style="top: 100%; margin-top: -2px;"></div></div>
<ul class="fadeOutRight animated" style="width: 181px; display: block;">
<li><a href="#">All Trip List
</a></li>
<li><a href="#">Add Trip</a></li>
<li><a href="#">Add Expensive</a></li>
</ul>
</li>
<li style="width: 191px;"><div class="wrapper"><a href=""><i class="fa fa-cab"></i> Manage Vehicle <small> Trips / Add Vehicles</small></a><div class="hover" style="top: 100%; margin-top: -2px;"></div></div>
<ul class="fadeOutRight animated" style="width: 181px; display: block;">
<li><a href="http://www.seektrucks.com/seek_load.php">Idle Vehicles</a></li>
<li><a href="http://www.seektrucks.com/seek_load.php">Vehicles Service List</a></li>
<li><a href="http://www.seektrucks.com/seek_truck.php">Add New Vehicle</a></li>
<li><a href="http://www.seektrucks.com/seek_truck.php#">Edit Vehicle List</a></li>
</ul>
</li>
<li style="width: 191px;">
<div class="wrapper"><a href=""><i class="fa fa-file-text-o"></i> Manage Tyres <small>Send Mail to Employee</small></a><div class="hover" style="top: 100%; margin-top: -2px;"></div></div>
<ul class="fadeOutRight animated" style="width: 181px; display: block;">
<li><a href="#">View / Allocate Tyre
</a></li>
<li><a href="#">View / Remove Tyre</a></li>
<li><a href="#">Tyre Usage</a></li>
<li><a href="#">Expired Tyres</a></li>
<li><a href="#">Add New Tyre</a></li>
<li><a href="#">Edit Tyre List</a></li>
</ul>
</li>
<li style="width: 191px;">
<div class="wrapper"><a href="http://www.seektrucks.com/blog.html"><i class="fa fa-pencil"></i> Reports <small>Manage Admin users</small></a><div class="hover"></div></div>
<ul class="fadeOutRight animated" style="width: 181px; display: block;">
<li><a href="blog-standard.html">Vechicle</a></li>
<li><a href="blog-alternative.html">Driver</a></li>
<li><a href="blog-masonry.html">Trips</a></li>
<li><a href="blog-timeline.html">Fuel</a></li>
<li><a href="blog-article.html">Summary Vechicle</a></li>
<li><a href="blog-article.html">Summary Route</a></li>
</ul>
</li>
<li style="width: 181px;"><div class="wrapper"><a href="#"><i class="fa fa-envelope"></i> Users / Settings <small>stay in touch</small></a><div class="hover"></div></div>
<ul class="fadeOutRight animated" style="width: 181px; display: block;">
<li><a href="blog-standard.html">Admin List</a></li>
<li><a href="blog-alternative.html">User List</a></li>
<li><a href="blog-masonry.html">Driver List</a></li>
<li><a href="blog-timeline.html">Service Mode</a></li>
<li><a href="blog-article.html">Customer</a></li>
<li><a href="blog-article.html">Income / Expense</a></li>
<li><a href="blog-article.html">Routes</a></li>
</ul>
</li>
</ul>
<!-- Desktop nav end //-->
<!-- Mega nemu #1 start //-->
<div class="mega-menu-block" id="mega-menu-1" style="display: none;">
<aside style="width: 366px;">
<h3>Search Trucks - For Truck Users</h3>
<ul class="style-1">
<li><i class="fa fa-arrow-circle-right primary-color"></i> Search All Types of Trucks</li>
<li><i class="fa fa-arrow-circle-right primary-color"></i> Tankers, Trailers, Hydraulic Axles </li>
<li><i class="fa fa-arrow-circle-right primary-color"></i> Cranes, Bulldozers, Road Rollers</li>
<li><i class="fa fa-arrow-circle-right primary-color"></i> All Construction Equipment </li>
<li><i class="fa fa-arrow-circle-right primary-color"></i> Fork Lifts and Industrial Trucks</li>
<li><i class="fa fa-arrow-circle-right primary-color"></i> Other Special Vehicles, Equipment </li>
</ul>
</aside>
<aside style="width: 366px;">
<h3>Search Loads - For Truck Suppliers</h3>
<ul class="style-1">
<li><i class="fa fa-arrow-circle-right primary-color"></i> Search all Types of Loads Here</li>
<li><i class="fa fa-arrow-circle-right primary-color"></i> Regular or Over Dimensional Cargo </li>
<li><i class="fa fa-arrow-circle-right primary-color"></i> Hazardous or Precious Cargo</li>
<li><i class="fa fa-arrow-circle-right primary-color"></i> Dry or Liquid Bulk</li>
<li><i class="fa fa-arrow-circle-right primary-color"></i> Rent out Your Cranes &amp; Equipment</li>
<li><i class="fa fa-arrow-circle-right primary-color"></i> Post all Available Trucks &amp; Equipment </li>
</ul>
</aside>
<aside style="width: 366px;">
<h3>Search Tenders - For Truck Users &amp; Suppliers</h3>
<ul class="style-1">
<li><i class="fa fa-arrow-circle-right primary-color"></i> Truck Users Post Tenders and Contracts</li>
<li><i class="fa fa-arrow-circle-right primary-color"></i> For Contractors All Over India </li>
<li><i class="fa fa-arrow-circle-right primary-color"></i> For All Types of Logistics Contracts</li>
<li><i class="fa fa-arrow-circle-right primary-color"></i> Truck Suppliers Seek, Receive RFQ</li>
<li><i class="fa fa-arrow-circle-right primary-color"></i> Quote for Tenders and Contracts</li>
<li><i class="fa fa-arrow-circle-right primary-color"></i> For All Logistics Services</li>
</ul>
</aside>
</div>
<!-- Mega nemu #1 end //-->
</nav>
<!--<img src="img/shadow.png" alt="" class="header-shadow">-->
</div>
</div>
</div>
</div>
</header>
<!-- Site header end //-->
<section class="dot_background padding-top-10">
<div id="" class="container">
<div id="innerwrap" class="">
<div class="col-lg-9" id="seek-trucks-tab">
<h3 class="section-title"></h3>
<div class="clear"></div>
<div class="biss-tabs" data-active="1">
<header></header>
</div>
<!--<p class="section-subtitle"><span class="text-right"> <a href="viewallTrucks.php">View All Trucks</a> </span></p>-->
<div class="clear"></div>
<!--content-->
<div class="right_col" role="main">
<div class="">
<div class="row top_tiles">
<a href="http://resico.fleetvu.in/admin/truck"><div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="tile-stats">
<div class="icon"><i class="fa fa-truck"></i>
</div>
<div class="count">0</div>
<h3>Vehicles</h3>
<h5>&nbsp; No of vehicles this month : 0 </h5>
</div>
</div></a>
<a href="http://resico.fleetvu.in/admin/driver"><div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="tile-stats">
<div class="icon"><i class="fa fa-male"></i>
</div>
<div class="count">0</div>
<h3>Drivers</h3>
<h5>&nbsp; No of drivers this month : 7 </h5>
</div>
</div></a>
<a href="http://resico.fleetvu.in/admin/trip"><div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="tile-stats">
<div class="icon"><i class="fa fa-plane"></i>
</div>
<div class="count">1</div>
<h3>Trips</h3>
<h5>&nbsp; No of trips this month : 129 </h5>
</div>
</div></a>
<a href="http://resico.fleetvu.in/admin/user"><div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="tile-stats">
<div class="icon"><i class="fa fa-user"></i>
</div>
<div class="count">0</div>
<h3>Users</h3>
<h5>&nbsp; No of users this month : 0 </h5>
</div>
</div></a>
</div>
<div class="row">
<div class="col-md-12">
<div class="x_panel">
<div class="x_title">
<h2>Income / Expenses<small>Daily progress</small></h2>
<div class="filter">
</div>
<div class="clearfix"></div>
</div>
<div class="x_content">
<div class="col-md-9 col-sm-12 col-xs-12">
<div class="col-md-6 col-sm-6 col-xs-12">
<div id="Expense_bar_group" style="width: 200%; height: 280px; position: relative;"><svg style="overflow: hidden; position: relative; top: 0.366669px;" xmlns="http://www.w3.org/2000/svg" width="715" version="1.1" height="280"><desc>Created with Raphaël 2.0.1</desc><defs></defs><text font-weight="normal" font-family="sans-serif" font-size="12px" fill="#888888" stroke="none" font="10px &quot;Arial&quot;" text-anchor="end" y="240" x="60.5" style="text-anchor: end; font: 12px sans-serif;"><tspan dy="4.5">0</tspan></text><path stroke-width="0.5" d="M73,240H690" stroke="#aaaaaa" fill="none" style=""></path><text font-weight="normal" font-family="sans-serif" font-size="12px" fill="#888888" stroke="none" font="10px &quot;Arial&quot;" text-anchor="end" y="186.25" x="60.5" style="text-anchor: end; font: 12px sans-serif;"><tspan dy="4.5">100,000</tspan></text><path stroke-width="0.5" d="M73,186.25H690" stroke="#aaaaaa" fill="none" style=""></path><text font-weight="normal" font-family="sans-serif" font-size="12px" fill="#888888" stroke="none" font="10px &quot;Arial&quot;" text-anchor="end" y="132.5" x="60.5" style="text-anchor: end; font: 12px sans-serif;"><tspan dy="4.5">200,000</tspan></text><path stroke-width="0.5" d="M73,132.5H690" stroke="#aaaaaa" fill="none" style=""></path><text font-weight="normal" font-family="sans-serif" font-size="12px" fill="#888888" stroke="none" font="10px &quot;Arial&quot;" text-anchor="end" y="78.75" x="60.5" style="text-anchor: end; font: 12px sans-serif;"><tspan dy="4.5">300,000</tspan></text><path stroke-width="0.5" d="M73,78.75H690" stroke="#aaaaaa" fill="none" style=""></path><text font-weight="normal" font-family="sans-serif" font-size="12px" fill="#888888" stroke="none" font="10px &quot;Arial&quot;" text-anchor="end" y="25" x="60.5" style="text-anchor: end; font: 12px sans-serif;"><tspan dy="4.5">400,000</tspan></text><path stroke-width="0.5" d="M73,25H690" stroke="#aaaaaa" fill="none" style=""></path><text transform="matrix(1,0,0,1,0,7.5)" font-weight="normal" font-family="sans-serif" font-size="12px" fill="#888888" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="252.5" x="653.7058823529412" style="text-anchor: middle; font: 12px sans-serif;"><tspan dy="4.5">08 Mar 2016</tspan></text><text transform="matrix(1,0,0,1,0,7.5)" font-weight="normal" font-family="sans-serif" font-size="12px" fill="#888888" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="252.5" x="544.8235294117648" style="text-anchor: middle; font: 12px sans-serif;"><tspan dy="4.5">03 Mar 2016</tspan></text><text transform="matrix(1,0,0,1,0,7.5)" font-weight="normal" font-family="sans-serif" font-size="12px" fill="#888888" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="252.5" x="435.9411764705883" style="text-anchor: middle; font: 12px sans-serif;"><tspan dy="4.5">29 Feb 2016</tspan></text><text transform="matrix(1,0,0,1,0,7.5)" font-weight="normal" font-family="sans-serif" font-size="12px" fill="#888888" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="252.5" x="327.05882352941177" style="text-anchor: middle; font: 12px sans-serif;"><tspan dy="4.5">25 Feb 2016</tspan></text><text transform="matrix(1,0,0,1,0,7.5)" font-weight="normal" font-family="sans-serif" font-size="12px" fill="#888888" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="252.5" x="218.1764705882353" style="text-anchor: middle; font: 12px sans-serif;"><tspan dy="4.5">22 Feb 2016</tspan></text><text transform="matrix(1,0,0,1,0,7.5)" font-weight="normal" font-family="sans-serif" font-size="12px" fill="#888888" stroke="none" font="10px &quot;Arial&quot;" text-anchor="middle" y="252.5" x="109.29411764705883" style="text-anchor: middle; font: 12px sans-serif;"><tspan dy="4.5">29 Jan 2016</tspan></text><path stroke-width="3" d="M73,239.94625C82.07352941176471,239.9596875,100.22058823529412,239.99328125,109.29411764705883,240C118.36764705882354,240,136.51470588235296,240,145.58823529411765,240C154.66176470588235,230.799478125,172.80882352941177,166.395825,181.88235294117646,166.395825C190.95588235294116,166.395825,209.1029411764706,230.799478125,218.1764705882353,240C227.25,240,245.39705882352945,240,254.47058823529414,240C263.54411764705884,240,281.69117647058823,240,290.7647058823529,240C299.8382352941176,240,317.9852941176471,240,327.05882352941177,240C336.13235294117646,233.8478421875,354.2794117647059,190.7827375,363.3529411764706,190.7827375C372.4264705882353,190.7827375,390.57352941176475,233.8478421875,399.64705882352945,240C408.72058823529414,240,426.8676470588236,240,435.9411764705883,240C445.014705882353,240,463.1617647058824,240,472.2352941176471,240C481.30882352941177,240,499.4558823529412,240,508.5294117647059,240C517.6029411764706,219.593678125,535.75,76.749425,544.8235294117648,76.749425C553.8970588235295,76.749425,572.0441176470588,219.59367812500003,581.1176470588235,240C590.1911764705883,240,608.3382352941177,240,617.4117647058824,240C626.4852941176471,240,644.6323529411766,240,653.7058823529412,240C662.7794117647059,240,680.9264705882354,240,690,240" stroke="#34495e" fill="none" style=""></path><path stroke-width="3" d="M73,240C82.07352941176471,239.9865625,100.22058823529412,239.9469890625,109.29411764705883,239.94625C118.36764705882354,239.9455109375,136.51470588235296,240,145.58823529411765,239.9940875C154.66176470588235,234.5930859375,172.80882352941177,198.5076875,181.88235294117646,196.7382375C190.95588235294116,194.9687875,209.1029411764706,225.39027968749997,218.1764705882353,225.83848749999999C227.25,226.2866953125,245.39705882352945,218.39102187500004,254.47058823529414,200.3239C263.54411764705884,182.25677812500004,281.69117647058823,77.7544828125,290.7647058823529,81.3015125C299.8382352941176,84.8485421875,317.9852941176471,211.9022546875,327.05882352941177,228.7001375C336.13235294117646,240,354.2794117647059,230.9208859375,363.3529411764706,215.684575C372.4264705882353,200.4482640625,390.57352941176475,104.49604843750001,399.64705882352945,106.80965C408.72058823529414,109.1232515625,426.8676470588236,219.54268281249998,435.9411764705883,234.1933875C445.014705882353,240,463.1617647058824,224.6039171875,472.2352941176471,224.0152875C481.30882352941177,223.4266578125,499.4558823529412,240,508.5294117647059,229.48435C517.6029411764706,218.01100937500001,535.75,136.0696046875,544.8235294117648,132.2285625C553.8970588235295,128.38752031250002,572.0441176470588,190.95594687500002,581.1176470588235,198.7560125C590.1911764705883,206.556078125,608.3382352941177,192.7816328125,617.4117647058824,194.6290875C626.4852941176471,196.4765421875,644.6323529411766,208.4723328125,653.7058823529412,213.53565C662.7794117647059,218.5989671875,680.9264705882354,229.73563125,690,235.135625" stroke="#26b99a" fill="none" style=""></path><circle stroke-width="1" style="" stroke="#ffffff" fill="#34495e" r="4" cy="239.94625" cx="73"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#34495e" r="4" cy="240" cx="109.29411764705883"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#34495e" r="4" cy="240" cx="145.58823529411765"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#34495e" r="4" cy="166.395825" cx="181.88235294117646"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#34495e" r="4" cy="240" cx="218.1764705882353"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#34495e" r="4" cy="240" cx="254.47058823529414"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#34495e" r="4" cy="240" cx="290.7647058823529"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#34495e" r="4" cy="240" cx="327.05882352941177"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#34495e" r="4" cy="190.7827375" cx="363.3529411764706"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#34495e" r="4" cy="240" cx="399.64705882352945"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#34495e" r="4" cy="240" cx="435.9411764705883"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#34495e" r="4" cy="240" cx="472.2352941176471"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#34495e" r="4" cy="240" cx="508.5294117647059"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#34495e" r="4" cy="76.749425" cx="544.8235294117648"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#34495e" r="4" cy="240" cx="581.1176470588235"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#34495e" r="4" cy="240" cx="617.4117647058824"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#34495e" r="4" cy="240" cx="653.7058823529412"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#34495e" r="4" cy="240" cx="690"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#26b99a" r="4" cy="240" cx="73"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#26b99a" r="4" cy="239.94625" cx="109.29411764705883"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#26b99a" r="4" cy="239.9940875" cx="145.58823529411765"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#26b99a" r="4" cy="196.7382375" cx="181.88235294117646"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#26b99a" r="4" cy="225.83848749999999" cx="218.1764705882353"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#26b99a" r="4" cy="200.3239" cx="254.47058823529414"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#26b99a" r="4" cy="81.3015125" cx="290.7647058823529"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#26b99a" r="4" cy="228.7001375" cx="327.05882352941177"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#26b99a" r="4" cy="215.684575" cx="363.3529411764706"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#26b99a" r="4" cy="106.80965" cx="399.64705882352945"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#26b99a" r="4" cy="234.1933875" cx="435.9411764705883"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#26b99a" r="4" cy="224.0152875" cx="472.2352941176471"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#26b99a" r="4" cy="229.48435" cx="508.5294117647059"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#26b99a" r="4" cy="132.2285625" cx="544.8235294117648"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#26b99a" r="4" cy="198.7560125" cx="581.1176470588235"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#26b99a" r="4" cy="194.6290875" cx="617.4117647058824"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#26b99a" r="4" cy="213.53565" cx="653.7058823529412"></circle><circle stroke-width="1" style="" stroke="#ffffff" fill="#26b99a" r="4" cy="235.135625" cx="690"></circle></svg><div style="left: 30.5px; top: 152px; display: none;" class="morris-hover morris-default-style"><div class="morris-hover-row-label">22 Jan 2016</div><div class="morris-hover-point" style="color: #26B99A">
Expense:
0
</div><div class="morris-hover-point" style="color: #34495E">
Income:
100
</div></div></div>
</div>
<div class="demo-container" style="height:280px">
<div id="placeholder33x" class="demo-placeholder"></div>
</div>
<div class="tiles">
<div class="col-md-4 tile">
<span>Total Income</span>
<h2><i class="fa fa-inr"></i>1165120</h2>
<span class="sparkline11 graph" style="height: 160px;">
<canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
</span>
</div>
<div class="col-md-4 tile">
<span>Total Expense</span>
<h2><i class="fa fa-inr"></i>1270112</h2>
<span class="sparkline22 graph" style="height: 160px;">
<canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
</span>
</div>
</div>
</div>
<div class="col-md-3 col-sm-12 col-xs-12">
<div>
<div class="x_title">
<h2>Notifications</h2>
<ul class="nav navbar-right panel_toolbox">
<li><a href="#"><i class="fa fa-chevron-up"></i></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a>
</li>
<li><a href="#">Settings 2</a>
</li>
</ul>
</li>
<li><a href="#"><i class="fa fa-close"></i></a>
</li>
</ul>
<div class="clearfix"></div>
</div>
<ul tabindex="5001" style="overflow: hidden; cursor: grab;" class="list-unstyled top_profiles scroll-view">
<li class="media event">
<a class="pull-left border-aero profile_thumb">
<i class="fa fa-exclamation-circle"></i>
</a>
<div class="media-body">
<a class="title" href="#">TN 21 AT 5709</a>
<h5>Document: Goods</h5><h5>Expired on:01/01/1970
</h5></div>
</li>
<li class="media event">
<a class="pull-left border-aero profile_thumb">
<i class="fa fa-exclamation-circle"></i>
</a>
<div class="media-body">
<a class="title" href="#">TN 21 BZ 0558</a>
<h5>Document: Insurance</h5><h5>Expired on:01/01/1970
</h5></div>
</li>
<li class="media event">
<a class="pull-left border-aero profile_thumb">
<i class="fa fa-exclamation-circle"></i>
</a>
<div class="media-body">
<a class="title" href="#">TN 21 BZ 3658</a>
<h5>Document: Insurance</h5><h5>Expired on:01/01/1970
</h5></div>
</li>
<li class="media event">
<a class="pull-left border-aero profile_thumb">
<i class="fa fa-exclamation-circle"></i>
</a>
<div class="media-body">
<a class="title" href="#">TN 21 BZ 3658</a>
<h5>Document: Goods</h5><h5>Expired on:01/01/1970
</h5></div>
</li>
<li class="media event">
<a class="pull-left border-aero profile_thumb">
<i class="fa fa-exclamation-circle"></i>
</a>
<div class="media-body">
<a class="title" href="#">TN 21 AT 6985</a>
<h5>Document: Goods</h5><h5>Expired on:01/01/1970
</h5></div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="x_panel">
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="x_panel">
<div class="x_title">
<h2>Recent Trips</h2>
<ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a>
</li>
<li><a href="#">Settings 2</a>
</li>
</ul>
</li>
<li><a class="close-link"><i class="fa fa-close"></i></a>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content">
<ul class="list-unstyled top_profiles scroll-view" style="overflow: hidden; cursor: grab;" tabindex="5001">
<article class="media event">
<a class="pull-left date">
<p class="month">MAR</p>
<p class="day">23 </p>
</a>
<div class="media-body">
<a class="title" href="#">TN 21 BZ 3642</a>
<p>Chennai to Nagai</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">MAR</p>
<p class="day">23 </p>
</a>
<div class="media-body">
<a class="title" href="#">TN 21 AU 9531</a>
<p>Resico to DR</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">MAR</p>
<p class="day">19 </p>
</a>
<div class="media-body">
<a class="title" href="#">TN 21 BZ 3642</a>
<p>Vetharanyam to Chennai</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">MAR</p>
<p class="day">08 </p>
</a>
<div class="media-body">
<a class="title" href="#">TN 21 AT 5025</a>
<p>Resico to Ennore</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">MAR</p>
<p class="day">08 </p>
</a>
<div class="media-body">
<a class="title" href="#">TN 21 BZ 1036</a>
<p>Resico to HInduja-Sriperumbudur</p>
</div>
</article>
</ul>
</div>
</div>
</div>
<div class="col-md-4">
<div class="x_panel">
<div class="x_title">
<h2>Upcoming Trips</h2>
<ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a>
</li>
<li><a href="#">Settings 2</a>
</li>
</ul>
</li>
<li><a class="close-link"><i class="fa fa-close"></i></a>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content">
</div>
</div>
</div>
<div class="col-md-4">
<div class="x_panel">
<div class="x_title">
<h2>Idle Vehicles</h2>
<ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a>
</li>
<li><a href="#">Settings 2</a>
</li>
</ul>
</li>
<li><a class="close-link"><i class="fa fa-close"></i></a>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content">
<ul class="list-unstyled top_profiles scroll-view" style="overflow: hidden; cursor: grab;" tabindex="5001">
<article class="media event">
<div class="media-body">
<a class="title" href="#">TN 21 AT 9730 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 AT 5025 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 BZ 1036 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 BZ 3454 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 BZ 3633 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 BZ 2553 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 BZ 3638 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 BZ 2549 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 AT 5709 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 BZ 0558 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 AT 3732 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 BZ 0564 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 BZ 3656 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 BZ 0554 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 BZ 3658 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 AT 6985 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 BZ 3450 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 AT 9723 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 BZ 3642 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 AT 9730 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 AU 9531 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 AT 5025 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 AC 1514 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 BZ 3819 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
<a class="title" href="#">TN 21 AH 6304 (-)</a>
<p>Idle From: - Idle To: - </p><br>
<p>Reason: - </p><br>
</div>
</article>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
</div>
</div>
</div>
</section>
<!--</div>-->
<script type="text/javascript">
$(document).ready(function() {
var myCalendar2;
myCalendar2 = new dhtmlXCalendarObject({
input: "contactbefdate"
});
// week starts from Sunday
myCalendar2.setWeekStartDay(7);
myCalendar2.setPosition("bottom");
myCalendar2.hideTime();
});
</script>
<!-- Site footer start //-->
<footer class="site-footer" id="my-footer">
<!-- Bottom bar end //-->
<!-- Copyrights start //-->
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="copyrights copyrights-2">
<p><i class="fa fa-copyright"></i> 2016 Piccosoft.</p>
</div>
</div>
</div>
</div>
<!-- Copyrights end //-->
</footer>
<!-- Site footer end //-->
<!-- Scroll to the top button start //-->
<div id="scroll-to-the-top" class="fadeOutRight animated" style="display: block;">
<i class="fa fa-angle-up"></i>
</div>
<!-- Scroll to the top button end //-->
</div>
<!-- JS includes //-->
<script>
(function($) {
"use strict";
//
// Preload images
//
$('document').ready(function() {
var $container = $('body'),
tweetsTimer;
$container.imagesLoaded( function() {
/*$('#layerslider').layerSlider({
skinsPath : 'css/layerslider/skins/',
skin : 'fullwidth',
firstLayer: 2,
thumbnailNavigation : 'hover',
hoverPrevNext : true,
responsive : true,
responsiveUnder : 1170,
sublayerContainer : 1170
});*/
$('#logo-group').rivaLogoGroup({
selector:'logo-group-item',
padding:40,
row:3
});
$('#testimonials').rivaCarousel({
style:'horizontal',
navigation:'buttons',
navigation_class:'width-auto float-left nav-st-3',
button_left_text:'<i class="fa fa-chevron-left"></i>',
button_right_text:'<i class="fa fa-chevron-right"></i>',
visible:2,
selector:'testimonials-1-item',
gutter:20,
infinite:0,
interval:2000,
autostart:0,
speed:600,
ease: 'jswing'
});
$('#company-events').rivaCarousel({
style:'horizontal',
navigation:'buttons',
navigation_class:'width-auto float-left nav-st-2',
button_left_text:'<i class="fa fa-chevron-left"></i>',
button_right_text:'<i class="fa fa-chevron-right"></i>',
visible:1,
selector:'item',
gutter:20,
infinite:0,
interval:2000,
autostart:0,
speed:600,
ease: 'easeInQuad'
});
$('#project-sorting').rivaSorting({
selector : 'project-item',
gutter : 0,
inRow : 3
});
});
clearTimeout(tweetsTimer);
});
$(".special-service a").click(function(){
var selected = $(this).attr("data-target");
$("#classi").removeClass("active");
$("#infom").removeClass("active");
$("#newss").removeClass("active");
$("#connecty").removeClass("active");
$("#jobss").removeClass("active");
$("#exprtts").removeClass("active");
$("#"+selected).addClass("active");
});
})(jQuery);
</script>
<!--</html>--></body></html>