File: /home/imensosw/www/imenso.co/ui/pfes/index_1.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">
<div class="col_1">
<div class="stats">
<h3 class="">32 <span class="max-score"> / 100</span> <small class="text-up"><i class="fa fa-plus"></i> 7.20%</small></h3>
<span class="txt"># of Statements</span>
</div>
</div>
<div class="col_1">
<div class="stats">
<h3 class="">23 <span class="max-score"> / 100</span> <small class="text-down"><i class="fa fa-minus"></i> 2%</small></h3>
<span class="txt"># of Placements</span>
</div>
</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">
<div class="col_1">
<div class="stats">
<h3 class="">15 <span class="max-score"> / 100</span> <small class="text-up"><i class="fa fa-plus"></i> 7.20%</small></h3>
<span class="txt"># of e-Statements</span>
</div>
</div>
<div class="col_1">
<div class="stats">
<h3 class="">10 <span class="max-score"> / 100</span> <small class="text-down"><i class="fa fa-minus"></i> 2%</small></h3>
<span class="txt"># of Statements</span>
</div>
</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">
<div class="col_1">
<div class="stats">
<h3 class="">10 <span class="max-score"> / 100</span> <small class="text-up"><i class="fa fa-plus"></i> 7.20%</small></h3>
<span class="txt"># of Outbound Calls</span>
</div>
</div>
<div class="col_1">
<div class="stats">
<h3 class="">23 <span class="max-score"> / 100</span> <small class="text-down"><i class="fa fa-minus"></i> 2%</small></h3>
<span class="txt"># of Open Accounts</span>
</div>
</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">
<div class="col_1">
<div class="stats">
<h3 class="">8 <span class="max-score"> / 100</span> <small class="text-up"><i class="fa fa-plus"></i> 7.20%</small></h3>
<span class="txt"># of OB Payments</span>
</div>
</div>
<div class="col_1">
<div class="stats">
<h3 class="">8 <span class="max-score"> / 100</span> <small class="text-down"><i class="fa fa-minus"></i> 2%</small></h3>
<span class="txt"># of Outbound Calls</span>
</div>
</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">
<div class="col_1">
<div class="stats">
<h3 class="">21 <span class="max-score"> / 100</span> <small class="text-up"><i class="fa fa-plus"></i> 7.20%</small></h3>
<span class="txt"># of Mobile Pay Payments</span>
</div>
</div>
<div class="col_1">
<div class="stats">
<h3 class="">20 <span class="max-score"> / 100</span> <small class="text-down"><i class="fa fa-minus"></i> 2%</small></h3>
<span class="txt"># of Open Accounts</span>
</div>
</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>