system: Linux mars.sprixweb.com 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {height: 550px}
/* Set gray background color and 100% height */
.sidenav {
background-color: #f1f1f1;
height: 100%;
}
/* On small screens, set height to 'auto' for the grid */
@media screen and (max-width: 767px) {
.row.content {height: auto;}
}
</style>
</head>
<body>
<nav class="navbar navbar-inverse visible-xs">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Logo</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Dashboard</a></li>
<li><a href="#">Age</a></li>
<li><a href="#">Gender</a></li>
<li><a href="#">Geo</a></li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="row content">
<div class="col-sm-3 sidenav hidden-xs">
<h2>Logo</h2>
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#section1">Dashboard</a></li>
<li><a href="#section2">Age</a></li>
<li><a href="#section3">Gender</a></li>
<li><a href="#section3">Geo</a></li>
</ul><br>
</div>
<br>
<div class="col-sm-9">
<div class="well">
<h4>Dashboard</h4>
<p>Some text..</p>
</div>
<div class="row">
<div class="col-sm-3">
<div class="well">
<h4>Users</h4>
<p>1 Million</p>
</div>
</div>
<div class="col-sm-3">
<div class="well">
<h4>Pages</h4>
<p>100 Million</p>
</div>
</div>
<div class="col-sm-3">
<div class="well">
<h4>Sessions</h4>
<p>10 Million</p>
</div>
</div>
<div class="col-sm-3">
<div class="well">
<h4>Bounce</h4>
<p>30%</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="well">
<p>Text</p>
<p>Text</p>
<p>Text</p>
</div>
</div>
<div class="col-sm-4">
<div class="well">
<p>Text</p>
<p>Text</p>
<p>Text</p>
</div>
</div>
<div class="col-sm-4">
<div class="well">
<p>Text</p>
<p>Text</p>
<p>Text</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-8">
<div class="well">
<p>Text</p>
</div>
</div>
<div class="col-sm-4">
<div class="well">
<p>Text</p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Dashboard | Special Anti Crime Bureau ®</title>
<link rel="stylesheet" type="text/css" href="../assets/css/reset.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../assets/css/text.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../assets/css/grid.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../assets/css/layout.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../assets/css/nav.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../assets/css/font-awesome.css" media="screen" />
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="../assets/bootstrap/button/bootstrap.css">
<link rel="stylesheet" href="../assets/bootstrap/button/bootstrap-theme.css">
<link rel="stylesheet" type="text/css" href="../assets/css/DataTable.css">
<link href="../assets/css/table/demo_page.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="../assets/jquery-ui/jquery-ui.css" media="screen" >
<script type="text/javascript" language="javascript" src="../assets/js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="../assets/jquery-ui/jquery-ui.js"></script>
<script type="text/javascript" language="javascript" src="../assets/js/jquery.dataTables.js"></script>
<script>
$(document).ready(function() {
$('.datatable').dataTable(
{
"aoColumnDefs" : [ {
"bSortable" : false,
"aTargets" : [ "no-sort" ]
} ],
"order": [[ 1, "asc" ]]
}
);
});
</script>
<script>
$(document).ready(function() {
$( "#dialog" ).dialog({
autoOpen: true,
width: 400,
buttons: [
{
text: "Ok",
click: function() {
$( this ).dialog( "close" );
}
},
{
text: "Cancel",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
});
</script>
</head>
<body>
<div class="container_12">
<div class="grid_12 header-repeat">
<div id="branding">
<div class="floatleft">
<img src="../assets/img/logo.png" alt="Logo" /></div>
<div class="floatright">
<div class="floatleft">
<img src="../assets/<AOA:output>$admin_avatar</AOA:output>" alt="Profile Pic" width="25px"/></div>
<div class="floatleft marginleft10">
<ul class="inline-ul floatleft">
<li>Hello, <AOA:output>$admin_name</AOA:output></li>
<li><a href="?do=changepassword">Config</a></li>
<li><a href="?do=adminlogout">Logout</a></li>
</ul>
<br />
<span class="small grey">Last Login: 3 hours ago</span>
</div>
</div>
<div class="clear">
</div>
</div>
</div>
<div class="clear">
</div>
<div class="grid_12">
<ul class="nav main">
<li><a href="?do=adminhome"><i class="fa fa-dashboard fa-lg"></i> Dashboard</a> </li>
<li><a href="javascript:"><i class="fa fa-group fa-lg"></i> Members</a>
<ul>
<li><a href="?do=usermanager&action=adduser">Add New Members</a></li>
<li><a href="?do=usermanager">View All Members</a></li>
</ul>
</li>
<li><a href="?do=donor"><i class="fa fa-newspaper-o fa-lg"></i> Blood Donor</a></li>
<li><a href="javascript:"> <i class="fa fa-image fa-lg"></i> Gallery</a>
<ul>
<li><a href="?do=photos">View Photo Gallery</span></a></li>
<li><a href="?do=videos">View Video Gallery</span></a></li>
<li><a href="?do=categories">View All Category</span></a></li>
</ul>
</li>
<li><a href="?do=news"><i class="fa fa-newspaper-o fa-lg"></i> Press News</a></li>
<li><a href="javascript:"><i class="fa fa-tasks fa-lg"></i> Stitching Department</a>
<ul>
<li><a href="?do=students"> View All Students</a></li>
<li><a href="?do=teachers"> View All Teacher</span></a></li>
<li><a href="?do=officers"> View All Field Officer</span></a></li>
<li><a href="?do=certificate"> View All Certificate</span></a></li>
</ul>
</li>
<li><a href="notifications.html"><i class="fa fa-cogs fa-lg"></i> Settings</a>
<ul>
<li><a href="?do=students"> Site Settings</a></li>
<li><a href="?do=teachers"> Sub Users</span></a></li>
</ul>
</li>
</ul>
</div>
<div class="clear">
</div>
<div class="grid_3">
<div class="box sidemenu">
<div class="block" style="height:528px;">
</div>
</div>
</div>