File: /home/imensosw/www/imenso.co/demo/mps-bi/index.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">
<div class="box-1 mt-5">
<span class="b1-left">179.51</span>
<span class="b1-right">200</span>
</div>
<div class="box-2 mt-5">
<span class="b2-top">Inbound Call Score</span>
<div class="b2-inner">
<span class="b2-left">2.80</span>
<span class="b2-right">
<div>Out of</div>
<div class="big-fnt">5</div>
</span>
</div>
</div>
<div class="box-2 mt-5">
<span class="b2-top"># of Inbound Calls</span>
<div class="b2-inner">
<span class="b2-left">954</span>
</div>
</div>
</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>