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>
<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">
<h2 class="subheading">1000<small> / Main Score</small></h2>
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">
<strong>Communications</strong> <br><small> Max Score: 200 </small>
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">
<strong>Technology</strong><br><small>Max Score: 200</small></a>
</li>
<li class="nav-item">
<a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">
<strong>Call Center</strong><br><small>Max Score: 200</small>
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">
<strong>Financial Success</strong><br><small>Max Score: 200</small>
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">
<strong>Provider</strong><br><small>Max Score: 200</small>
</a>
</li>
</ul>
<ul class="tree vertical mt-2">
<li>
<div class="text-center"><h4>Communications Score <br><small> Max Score: 100 </small></h4></div>
<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>