File: /home/imensosw/www/imenso.co/ui/pfes/index_2.php
<!doctype html>
<html lang="en-US" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<title>Client Analytics | Millennia</title>
<link rel='stylesheet' href='css/bootstrap.min.css' media='all' />
<link rel='stylesheet' href='css/style.css' media='all' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" media="all">
<script src="js/jquery.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<main>
<section class="burger" id="engagement">
<div class="manin-marks">
<h2 class="subheading"><span>1000<small>Main Score</small><span class="budget minus"><i class="fa fa-minus"></i>6%</span></span></h2>
<img src="images/category.png" alt="" />
</div>
<div class="container">
<div class="row sml-gutter card-area">
<div class="col">
<div class="stats main-stats">
<h3 class="">55 <span class="max-score"> / 100</span> <small class="text-up"><i class="fa fa-plus"></i> 7.20%</small></h3>
<span class="txt">Statement by Placement</span>
<div> <i class="fa fa-caret-down"></i> <i class="fa fa-angle-double-down"></i> </div>
</div>
<div class="sub-stats sub-stats-table">
<div class="stats">
<table class="table mb-0">
<tr>
<th class="text-left">Metric</th>
<th>Value</th>
<th>% Change</th>
</tr>
<tr>
<td class="text-left"># of Statements</td>
<td>32</td>
<td> <small class="text-up"><i class="fa fa-plus"></i> 3% </small></td>
</tr>
<tr>
<td class="text-left"># of Placements</td>
<td>23</td>
<td> <small class="text-down"><i class="fa fa-minus"></i> 2% </small></td>
</tr>
</table>
</div>
</div>
</div>
<div class="col">
<div class="stats main-stats">
<h3 class="">25 <span class="max-score"> / 100</span> <small class="text-down"><i class="fa fa-minus"></i> 2%</small></h3>
<span class="txt">e-Statements Score</span>
<div> <i class="fa fa-caret-down"></i> <i class="fa fa-angle-double-down"></i> </div>
</div>
<div class="sub-stats sub-stats-table">
<div class="stats">
<table class="table mb-0">
<tr>
<th class="text-left">Metric</th>
<th>Value</th>
<th>% Change</th>
</tr>
<tr>
<td class="text-left"># of e-Statements</td>
<td>15</td>
<td> <small class="text-up"><i class="fa fa-plus"></i> 6% </small></td>
</tr>
<tr>
<td class="text-left"># of Statements</td>
<td>10</td>
<td> <small class="text-down"><i class="fa fa-minus"></i> 4% </small></td>
</tr>
</table>
</div>
</div>
</div>
<div class="col">
<div class="stats main-stats">
<h3 class="">33 <span class="max-score"> / 100</span> <small class="text-up"><i class="fa fa-plus"></i> 5%</small></h3>
<span class="txt">OB Call Score </span>
<div> <i class="fa fa-caret-down"></i> <i class="fa fa-angle-double-down"></i> </div>
</div>
<div class="sub-stats sub-stats-table">
<div class="stats">
<table class="table mb-0">
<tr>
<th class="text-left">Metric</th>
<th>Value</th>
<th>% Change</th>
</tr>
<tr>
<td class="text-left"># of Outbound Calls</td>
<td>10</td>
<td> <small class="text-up"><i class="fa fa-plus"></i> 2% </small></td>
</tr>
<tr>
<td class="text-left"># of Open Accounts</td>
<td>23</td>
<td> <small class="text-down"><i class="fa fa-minus"></i> 5% </small></td>
</tr>
</table>
</div>
</div>
</div>
<div class="col">
<div class="stats main-stats">
<h3 class="">16 <span class="max-score"> / 100</span> <small class="text-down"><i class="fa fa-minus"></i> 10%</small></h3>
<span class="txt">OB Payment Score</span>
<div> <i class="fa fa-caret-down"></i> <i class="fa fa-angle-double-down"></i> </div>
</div>
<div class="sub-stats sub-stats-table">
<div class="stats">
<table class="table mb-0">
<tr>
<th class="text-left">Metric</th>
<th>Value</th>
<th>% Change</th>
</tr>
<tr>
<td class="text-left"># of OB Payments</td>
<td>8</td>
<td> <small class="text-up"><i class="fa fa-plus"></i> 8% </small></td>
</tr>
<tr>
<td class="text-left"># of Outbound Calls</td>
<td>8</td>
<td> <small class="text-down"><i class="fa fa-minus"></i> 5% </small></td>
</tr>
</table>
</div>
</div>
</div>
<div class="col">
<div class="stats main-stats">
<h3 class="">41 <span class="max-score"> / 100</span> <small class="text-up"><i class="fa fa-plus"></i> 10%</small></h3>
<span class="txt">Text Score</span>
<div> <i class="fa fa-caret-down"></i> <i class="fa fa-angle-double-down"></i> </div>
</div>
<div class="sub-stats sub-stats-table">
<div class="stats">
<table class="table mb-0">
<tr>
<th class="text-left">Metric</th>
<th>Value</th>
<th>% Change</th>
</tr>
<tr>
<td class="text-left"># of Mobile Pay Payments</td>
<td>21</td>
<td> <small class="text-up"><i class="fa fa-plus"></i> 6% </small></td>
</tr>
<tr>
<td class="text-left"># of Open Accounts</td>
<td>20</td>
<td> <small class="text-down"><i class="fa fa-minus"></i> 4% </small></td>
</tr>
</table>
</div>
</div>
</div>
</div><!--/row-->
</div>
</section>
</main>
<script type="text/javascript">
$(document).ready(function() {
//Sidemenu Active Class
$(".ps-sidebar-up li a").click(function () {
//alert('sdf');
$(".ps-sidebar-up li a").removeClass("ps-active");
$(this).addClass("ps-active");
})
// Mobile Menu
$('#menu_toggle').on('click', function(){
$(this).toggleClass('collapsed');
$('.nav_wrapr').toggleClass('show');
})
// Sidemenu Mobile
$(document).on('click','.mobile-nav',function(){
closeMobileNav();
})
function closeMobileNav()
{
if($('.mobile-nav').hasClass('menu-open'))
{
$('.mobile-nav').removeClass('menu-open');
$('.ps-sidebar').addClass('menu-box');
}
else
{
$('.mobile-nav').addClass('menu-open');
$('.ps-sidebar').removeClass('menu-box');
}
}
$(".main-stats").click(function () {
var abc=$(this).next('.sub-stats');
if($(abc).hasClass('open')) {
$(".sub-stats").removeClass("open");
$(".main-stats").removeClass("active");
$(this).removeClass("active");
}
else
{
$(".sub-stats").removeClass("open");
$(".main-stats").removeClass("active");
$(abc).addClass("open");
$(this).addClass("active");
}
});
});
</script>
</body>
</html>