File: /home/imensosw/www/imenso.co/demo/mps-bi/index-3.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>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top site-header">
<a class="navbar-brand" href="#"><img src="images/logo-white.png" class="img-fluid"></a>
<div class="toggle_wrapr">
<button class="navbar-toggler collapsed" id="menu_toggle" >
<span class="top"></span>
<span class="mid"></span>
<span class="btm"></span>
</button>
</div>
</nav>
<main class="offset">
<section class="burger" id="engagement">
<div class="container">
<ul class="tree vertical mt-2">
<li>
<ul>
<li>
<div class="stats">
<h3 class="">55 <span class="max-score"> / 100</span> <small class="text-up"><i class="fa fa-long-arrow-down"></i> 7.20%</small></h3>
<span>Statement by Placement</span>
</div>
</li>
</ul>
<ul class="tree vertical mt-2">
<li>
<ul class="">
<li>
<div class="stats">
<h3 class="">55 <span class="max-score"> / 100</span> <small class="text-up"><i class="fa fa-long-arrow-down"></i> 7.20%</small></h3>
<span>Statement by Placement</span>
</div>
</li>
<li>
<div class="stats">
<h3 class="">25 <span class="max-score"> / 100</span> <small class="text-down"><i class="fa fa-long-arrow-down"></i> 2%</small></h3>
<span>e-Statements Score</span>
</div>
</li>
<li>
<div class="stats">
<h3 class="">33 <span class="max-score"> / 100</span> <small class="text-up"><i class="fa fa-long-arrow-up"></i> 5%</small></h3>
<span>OB Call Score </span>
</div>
</li>
<li>
<div class="stats">
<h3 class="">16 <span class="max-score"> / 100</span> <small class="text-down"><i class="fa fa-long-arrow-down"></i> 10%</small></h3>
<span>OB Payment Score</span>
</div>
</li>
<li>
<div class="stats">
<h3 class="">41 <span class="max-score"> / 100</span> <small class="text-up"><i class="fa fa-long-arrow-up"></i> 10%</small></h3>
<span>Text Score</span>
</div>
</li>
</ul>
<ul>
<li>
<div class="stats">
<h3 class="">55 <span class="max-score"> / 100</span> <small class="text-up"><i class="fa fa-long-arrow-down"></i> 7.20%</small></h3>
<span>Statement by Placement</span>
</div>
</li>
<li>
<div class="stats">
<h3 class="">25 <span class="max-score"> / 100</span> <small class="text-down"><i class="fa fa-long-arrow-down"></i> 2%</small></h3>
<span>e-Statements Score</span>
</div>
</li>
<li>
<div class="stats">
<h3 class="">33 <span class="max-score"> / 100</span> <small class="text-up"><i class="fa fa-long-arrow-up"></i> 5%</small></h3>
<span>OB Call Score </span>
</div>
</li>
<li>
<div class="stats">
<h3 class="">16 <span class="max-score"> / 100</span> <small class="text-down"><i class="fa fa-long-arrow-down"></i> 10%</small></h3>
<span>OB Payment Score</span>
</div>
</li>
<li>
<div class="stats">
<h3 class="">41 <span class="max-score"> / 100</span> <small class="text-up"><i class="fa fa-long-arrow-up"></i> 10%</small></h3>
<span>Text Score</span>
</div>
</li>
</ul>
</li>
</ul>
<div class="my-4">
<table class="table table-bordered table-bill">
<thead>
<tr>
<th>Top 5 Scorers in Communications</th>
<th>1st</th>
<th>2nd</th>
<th>3rd</th>
<th>4th</th>
<th>5th</th>
</tr>
</thead>
<tbody>
<tr class="">
<td>Statement by Placement</td>
<td>64</td>
<td>55</td>
<td>39</td>
<td>27</td>
<td>25</td>
</tr>
<tr class="">
<td>e-Statements Score</td>
<td>52</td>
<td>47</td>
<td>25</td>
<td>18</td>
<td>11</td>
</tr>
<tr class="">
<td>OB Call Score</td>
<td>57</td>
<td>52</td>
<td>47</td>
<td>41</td>
<td>40</td>
</tr>
<tr class="">
<td>OB Payment Score</td>
<td>52</td>
<td>47</td>
<td>40</td>
<td>37</td>
<td>32</td>
</tr>
<tr class="">
<td>Text Score</td>
<td>52</td>
<td>47</td>
<td>41</td>
<td>37</td>
<td>32</td>
</tr>
</tbody>
</table>
</div>
</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');
}
}
});
</script>
</body>
</html>