0% found this document useful (0 votes)

13 views114 pages

Projects

The document outlines an admin portal for managing blood donation data, including functionalities to add donors, change passwords, and view a dashboard with donor statistics. It includes PHP scripts for handling user sessions, database connections, and form submissions. The interface is designed using HTML and Bootstrap for responsive design, with alerts for user feedback on actions performed.

Uploaded by

GiibertDas

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

13 views114 pages

Projects

Uploaded by

GiibertDas

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

You are on page 1/ 114

Admin side

Add donor
<?php include 'session.php'; ?>
<html>

<head>

<style>

#sidebar{position:relative;margin-top:-20px}
#content{position:relative;margin-left:210px}
@media screen and (max-width: 600px) {
#content {
position:relative;margin-left:auto;margin-right:auto;
}
}
</style>
</head>
<body style="color:black">
<?php
include 'conn.php';
if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
?>
<div id="header">
<?php $active="add"; include 'header.php';
?>
</div>
<div id="sidebar">
<?php include 'sidebar.php'; ?>

</div>
<div id="content">
<div class="content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 lg-12 sm-12">

<h1 class="page-title">Add Donor</h1>

</div>
</div>
<hr>
<form name="donor" action="save_donor_data.php" method="post">
<div class="row">
<div class="col-lg-4 mb-4"><br>
<div class="font-italic">Full Name<span style="color:red">*</span></div>
<div><input type="text" name="fullname" class="form-control"
required></div>
</div>
<div class="col-lg-4 mb-4"><br>
<div class="font-italic">Mobile Number<span
style="color:red">*</span></div>
<div><input type="text" name="mobileno" class="form-control"
required></div>
</div>
<div class="col-lg-4 mb-4"><br>
<div class="font-italic">Email Id</div>
<div><input type="email" name="emailid" class="form-control"></div>
</div>
</div>

<div class="col-lg-4 mb-4"><br>

<div class="font-italic">Gender<span style="color:red">*</span></div>
<div><select name="gender" class="form-control" required>
<option value="">Select</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
</select>
</div>
</div>
<div class="col-lg-4 mb-4"><br>
<div class="font-italic">Blood Group<span style="color:red">*</span></div>
<div><select name="blood" class="form-control" required>
<option value=""selected disabled>Select</option>
<?php
include 'conn.php';
$sql= "select * from blood";
$result=mysqli_query($conn,$sql) or die("query unsuccessful.");
while($row=mysqli_fetch_assoc($result)){
?>
<option value=" <?php echo $row['blood_id'] ?>"> <?php echo
$row['blood_group'] ?> </option>
<?php } ?>
</select>
</div>
</div>

</div>
<br>
<div class="row">
<div class="col-lg-4 mb-4">
<div class="font-italic">Address<span style="color:red">*</span></div>
<div><textarea class="form-control" name="address"
required></textarea></div></div>
</div> <br>
<div class="row">
<div class="col-lg-4 mb-4">
<div><input type="submit" name="submit" class="btn btn-primary"
value="Submit" style="cursor:pointer" onclick="popup()"></div>
</div>
</div>
</form>
</div>
</div>
</div>
<?php
} else {
echo '<div class="alert alert-danger"><b> Please Login First To Access Admin
Portal.</b></div>';
?>
<form method="post" name="" action="login.php" class="form-horizontal">
<div class="form-group">
<div class="col-sm-8 col-sm-offset-4" style="float:left">

<button class="btn btn-primary" name="submit" type="submit">Go to

Login Page</button>
</div>
</div>
</form>
<?php }
?>
<script>
function popup() {
alert("Data added Successfully.");
}
</script>
</body>
</html>

CHANGE PASSWORD
<?php include 'session.php'; ?>
<html>

<head>

<style>

#sidebar{position:relative;margin-top:-20px}
#content{position:relative;margin-left:210px}
@media screen and (max-width: 600px) {
#content {
position:relative;margin-left:auto;margin-right:auto;
}
}
</style>
</head>
<?php
include 'conn.php';
if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
?>
<body style="color:black">
<div id="header">
<?php include 'header.php';
?>
</div>
<div id="sidebar">
<?php
$active="";
include 'sidebar.php'; ?>

</div>
<div id="content">
<div class="content-wrapper">
<div class="container-fluid">

<h1 class="page-title">Change Password</h1>

</div>
</div>
<div class="row">
<div class="col-md-10">
<div class="panel panel-default">
<div class="panel-heading">Password Fields</div>
<div class="panel-body">
<form method="post" name="chngpwd" class="form-horizontal">

<div class="form-group" method="post">

<label class="col-sm-4 control-label">Current Password</label>
<div class="col-sm-8">
<input type="password" class="form-control" name="currpassword"
id="password" required>
</div>
</div>
<div class="hr-dashed"></div>

<div class="form-group">
<label class="col-sm-4 control-label">New Password</label>
<div class="col-sm-8">
<input type="password" class="form-control"
name="newpassword" id="newpassword" required>
</div>
</div>
<div class="hr-dashed"></div>

<div class="form-group">
<label class="col-sm-4 control-label">Confirm Password</label>
<div class="col-sm-8">
<input type="password" class="form-control"
name="confirmpassword" id="confirmpassword" required>
</div>
</div>
<div class="hr-dashed"></div>

<div class="form-group">
<div class="col-sm-8 col-sm-offset-4">
<button class="btn btn-primary" name="submit"
type="submit">Save changes</button>
</div>
</div>

</form>

</div>
</div>
</div>
</div>

<?php

if(isset($_POST["submit"])){
$username=$_SESSION['username'];
$password=mysqli_real_escape_string($conn,$_POST["currpassword"]);
$sql="select * from admin_info where admin_username='$username'";
$result=mysqli_query($conn,$sql) or die("query failed.");
if(mysqli_num_rows($result)>0)
{
while($row=mysqli_fetch_assoc($result)){
if($password==$row['admin_password']){

$newpassword=mysqli_real_escape_string($conn,$_POST["newpassword"]);
$confpassword=mysqli_real_escape_string($conn,$_POST["confirmpassword"]);

if($newpassword==$confpassword)
{
if($newpassword!=$password)
{
$sql1="UPDATE admin_info set admin_password='{$newpassword}' where
admin_username='{$username}'";
$result1=mysqli_query($conn,$sql1) or die("query failed.");
echo '<div class="alert alert-success alert_dismissible"><button type="button"
class="close" data-dismiss="alert">×</button><b> Password Changed
Successfully.</b></div>';
}
else {
echo '<div class="alert alert-info alert_dismissible"><button type="button"
class="close" data-dismiss="alert">×</button><b>New Password Can not
be same as Current Password..</b></div>';
}
}

else {
echo '<div class="alert alert-warning alert_dismissible"><button
type="button" class="close" data-dismiss="alert">×</button> <b>New
Password and Confirm Password Not Matched!</b></div>';
}
}
else {
echo '<div class="alert alert-danger alert_dismissible"><button type="button"
class="close" data-dismiss="alert">×</button><b> Current Password not
matched!</b></div>';
}
}
}
}
?>
<?php
}
else {
echo '<div class="alert alert-danger"><b> Please Login First To Access Admin
Portal.</b></div>';
?>
<form method="post" name="" action="login.php" class="form-horizontal">
<div class="form-group">
<div class="col-sm-8 col-sm-offset-4" style="float:left">

<button class="btn btn-primary" name="submit" type="submit">Go to Login

Page</button>
</div>
</div>
</form>
<?php }
?>
</div>
</div>
</div>
</body>
</html>

CONNECTION.PHP
<?php
$conn=mysqli_connect("localhost","root","","blood_donation") or die("Connection
error");
?>
DASHBOARD.php
<html>

<style>

#sidebar{position:relative;margin-top:-20px}
#content{position:relative;margin-left:210px}
@media screen and (max-width: 600px) {
#content {
position:relative;margin-left:auto;margin-right:auto;
}
}

.block-anchor {
color:red;

cursor: pointer;
}
</style>
</head>
<body style="color:black;" >

<?php
include 'conn.php';
include 'session.php';
if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
?>

</div>
<div id="content">

<div class="content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 lg-12 sm-12">
<h1 class="page-title">Dashboard</h1>
</div>
</div>
<hr>
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-3">
<div class="panel panel-default panel-info" style="border-radius:50px;">
<div class="panel-body panel-info bk-primary text-light"
style="background-color:#D6EAF8; border-radius:50px">
<div class="stat-panel text-center">
<?php
$sql =" SELECT * from donor_details ";
$result=mysqli_query($conn,$sql) or die("query failed.");
$row=mysqli_num_rows($result);

<div class="stat-panel-number h1"><?php echo $row?></div>

<div class="stat-panel-title text-uppercase">Blood Donors Available
</div>
<br>
<button class="btn btn-danger" onclick="window.location.href =
'donor_list.php';">
Full Detail <i class="fa fa-arrow-right"></i>
</button>

</div>
</div>

<div class="col-md-3">
<div class="panel panel-default panel-info" style="border-radius:50px;">
<div class="panel-body panel-info bk-primary text-light"
style="background-color:#ABEBC6;border-radius:50px;">
<div class="stat-panel text-center">
<?php
$sql1 =" SELECT * from contact_query ";
$result1=mysqli_query($conn,$sql1) or die("query failed.");
$row1=mysqli_num_rows($result1);

<div class="stat-panel-number h1 "><?php echo $row1?></div>

<div class="stat-panel-title text-uppercase"> All User Queries </div>
<br>
<button class="btn btn-danger" onclick="window.location.href =
'query.php';">
Full Detail <i class="fa fa-arrow-right"></i>
</button>
</div>
</div>

</div>
</div>

<div class="col-md-3">
<div class="panel panel-default panel-info" style="border-radius:50px;">
<div class="panel-body panel-info bk-primary text-light"
style="background-color:#E8DAEF ;border-radius:50px; ">
<div class="stat-panel text-center">
<?php
$sql2 ="SELECT * from contact_query where query_status=2 ";
$result2=mysqli_query($conn,$sql2) or die("query failed.");
$row2=mysqli_num_rows($result2);

<div class="stat-panel-number h1 "><?php echo $row2 ?></div>

<div class="stat-panel-title text-uppercase"> Pending Queries </div>
<br>
<button class="btn btn-danger" onclick="window.location.href =
'pending_query.php';">
Full Detail <i class="fa fa-arrow-right"></i>
</button>
</div>
</div>

</div>
</div>

</div>
</div>
</div>
<?php
} else {
echo '<div class="alert alert-danger"><b> Please Login First To Access Admin
Portal.</b></div>';
?>
<form method="post" name="" action="login.php" class="form-horizontal">
<div class="form-group">
<div class="col-sm-8 col-sm-offset-4" style="float:left">

<button class="btn btn-primary" name="submit" type="submit">Go to

</body>
</html>
DELETE.php
<?php
include 'conn.php';
$donor_id = $_GET['id'];
$sql= "DELETE FROM donor_details where donor_id={$donor_id}";
$result=mysqli_query($conn,$sql);

header("Location: donor_list.php");

mysqli_close($conn);

?>
Delete_querry.php
<?php
include 'conn.php';
$que_id = $_GET['id'];
$sql= "DELETE FROM contact_query where query_id={$que_id}";
$result=mysqli_query($conn,$sql);
mysqli_close($conn);

?>
Donor_list.php

<html>

<head>

<style>

#sidebar{position:relative;margin-top:-20px}
#content{position:relative;margin-left:210px}
@media screen and (max-width: 600px) {
#content {
position:relative;margin-left:auto;margin-right:auto;
}
}
#he{
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
padding: 3px 7px;
color: #fff;
text-decoration: none;
border-radius: 3px;
align:center
}
</style>
</head>
<?php
include 'conn.php';
include 'session.php';
if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
?>
<body style="color:black">
<div id="header">
<?php include 'header.php';
?>
</div>
<div id="sidebar">
<?php $active="list"; include 'sidebar.php'; ?>

</div>
<div id="content" >
<div class="content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 lg-12 sm-12">

<h1 class="page-title">Donor List</h1>

</div>

</div>
<hr>
<?php
include 'conn.php';

$limit = 10;
if(isset($_GET['page'])){
$page = $_GET['page'];
}else{
$page = 1;
}
$offset = ($page - 1) * $limit;
$count=$offset+1;
$sql= "select * from donor_details join blood where
donor_details.donor_blood=blood.blood_id LIMIT {$offset},{$limit}";
$result=mysqli_query($conn,$sql);
if(mysqli_num_rows($result)>0) {
?>

<div class="table-responsive">
<table class="table table-bordered" style="text-align:center">
<thead style="text-align:center">
<th style="text-align:center">S.no</th>
<th style="text-align:center">Name</th>
<th style="text-align:center">Mobile Number</th>
<th style="text-align:center">Email Id</th>
<th style="text-align:center">Age</th>
<th style="text-align:center">Gender</th>
<th style="text-align:center">Blood Group</th>
<th style="text-align:center">Address</th>
<th style="text-align:center">Action</th>
</thead>
<tbody>
<?php
while($row = mysqli_fetch_assoc($result)) { ?>
<tr>
<td><?php echo $count++; ?></td>
<td><?php echo $row['donor_name']; ?></td>
<td><?php echo $row['donor_number']; ?></td>
<td><?php echo $row['donor_mail']; ?></td>
<td><?php echo $row['donor_age']; ?></td>
<td><?php echo $row['donor_gender']; ?></td>
<td><?php echo $row['blood_group']; ?></td>
<td><?php echo $row['donor_address']; ?></td>
<td id="he" style="width:100px">
<a style="background-color:aqua" href='delete.php?id=<?php echo
$row['donor_id']; ?>'> Delete </a>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
<?php } ?>

<div class="table-responsive"style="text-align:center;align:center">
<?php
$sql1 = "SELECT * FROM donor_details";
$result1 = mysqli_query($conn, $sql1) or die("Query Failed.");

if(mysqli_num_rows($result1) > 0){

$total_records = mysqli_num_rows($result1);

$total_page = ceil($total_records / $limit);

echo '<ul class="pagination admin-pagination">';

if($page > 1){
echo '<li><a href="donor_list.php?page='.($page - 1).'">Prev</a></li>';
}
for($i = 1; $i <= $total_page; $i++){
if($i == $page){
$active = "active";
}else{
$active = "";
}
echo '<li class="'.$active.'"><a
href="donor_list.php?page='.$i.'">'.$i.'</a></li>';
}
if($total_page > $page){
echo '<li><a href="donor_list.php?page='.($page + 1).'">Next</a></li>';
}

echo '</ul>';
}
?>
</div>
</div>
</div>
</div>
<?php }
else {
echo '<div class="alert alert-danger"><b> Please Login First To Access Admin
Portal.</b></div>';
?>
<form method="post" name="" action="login.php" class="form-horizontal">
<div class="form-group">
<div class="col-sm-8 col-sm-offset-4" style="float:left">

<button class="btn btn-primary" name="submit" type="submit">Go to

?>
</body>
</html>

Header.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></
script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></
script>
<style>
.navbar {
background-color: #333333 ;
padding: 10px 10px;
color:#FF0404 ;
}
.navbar a {
float: left;
color: white;
text-align: center;
padding: 12px;
text-decoration: none;
font-size: 18px;
line-height: 25px;
}
.navbar-brand {
font-size: 25px;
font-weight: bold;

}
.navbar a {
float: none;
display: block;
text-align: left;
}
.navbar-right {
float: none;
}
#qq:hover{
background-color:#E5E8E8 ;
border-radius: 5px;
}
}
</style>
</head>
<body>

<nav class="navbar navbar-inverse">

<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" id="qq" href="dashboard.php"
style="color:#F51A14;">Blood Bank & Donation Admin Panel</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown"><a class="dropdown-toggle" id="qw" data-
toggle="dropdown" href="#" style="font-weight:bold;color:white "> <span
class="glyphicon glyphicon-user"></span>&nbsp&nbsp
<?php
include 'conn.php';
$username=$_SESSION['username'];
$sql="select * from admin_info where admin_username='$username'";
$result=mysqli_query($conn,$sql) or die("query failed.");
$row=mysqli_fetch_assoc($result);
echo "Hello ".$row['admin_name'];
?><span class="caret"></span></a>
<ul class="dropdown-menu" style="background-color:#D6EAF8;">
<li><a href="change_password.php" style="color:#DC7633 ">Change
Password </a></li>
<li><a href="logout.php" style="color:#D35400 ;">Logout</a></li>
</ul>
</li>
</ul>

</div>

</nav>
</body></html>
Login.php
<html>

<head> <meta charset="utf-8">

<form class="" action="<?php $_SERVER['PHP_SELF']; ?>" method="post">

<div class="container" style="margin-top:200px;">

<div class="row justify-content-center">
<div class="col-lg-6">
<h1 class="mt-4 mb-3" style="color:#D2F015 ;">
Blood Bank & Management
<br>Admin Login Portal
</h1>

</div>
</div>
<div class="card" style="height:250px;
background-image:url('admin_image/glossy1.jpg');">
<div class="card-body">

<div class="row justify-content-lg-center justify-content-mb-center" >

<div class="col-lg-6 mb-6 ">
<div class="font-italic" style="font-weight:bold">Username<span
style="color:red">*</span></div>
<div><input type="text" name="username" placeholder="Enter your
username" class="form-control" value="" required></div>
</div>
</div>
<div class="row justify-content-lg-center justify-content-mb-center">
<div class="col-lg-6 mb-6 "><br>
<div class="font-italic"style="font-weight:bold">Password<span
style="color:red">*</span></div>
<div><input type="password" name="password" placeholder="Enter your
Password" class="form-control" value="" required></div>
</div>
</div>
<div class="row justify-content-lg-center justify-content-mb-center">
<div class="col-lg-4 mb-4 " style="text-align:center"><br>
<div><input type="submit" name="login" class="btn btn-primary"
value="LOGIN" style="cursor:pointer"></div>
</div>
</div>
</div>
</div></div>
<br>
<?php
include 'conn.php';

if(isset($_POST["login"])){

$username=mysqli_real_escape_string($conn,$_POST["username"]);
$password=mysqli_real_escape_string($conn,$_POST["password"]);

$sql="SELECT * from admin_info where admin_username='$username' and

admin_password='$password'";
$result=mysqli_query($conn,$sql) or die("query failed.");

if(mysqli_num_rows($result)>0)
{
while($row=mysqli_fetch_assoc($result)){
session_start();
$_SESSION['loggedin'] = true;
$_SESSION["username"]=$username;
header("Location: dashboard.php");
}
}
else {
echo '<div class="alert alert-danger" style="font-weight:bold"> Username and
Password are not matched!</div>';
}

}
?>
</form>
</body>
</html>

Logout.php
<?php
session_start();
unset($_SESSION['login']);
session_destroy();
header("location:login.php");
?>
Nicedit.js
var bkExtend=function(){var A=arguments;if(A.length==1){A=[this,A[0]]}for(var B
in A[1]){A[0][B]=A[1][B]}return A[0]};function bkClass()
{}bkClass.prototype.construct=function(){};bkClass.extend=function(C){var
A=function(){if(arguments[0]!==bkClass){return
this.construct.apply(this,arguments)}};var B=new
this(bkClass);bkExtend(B,C);A.prototype=B;A.extend=this.extend;return A};var
bkElement=bkClass.extend({construct:function(B,A){if(typeof (B)=="string")
{B=(A||document).createElement(B)}B=$BK(B);return B},appendTo:function(A)
{A.appendChild(this);return this},appendBefore:function(A)
{A.parentNode.insertBefore(this,A);return this},addEvent:function(B,A)
{bkLib.addEvent(this,B,A);return this},setContent:function(A)
{this.innerHTML=A;return this},pos:function(){var C=curtop=0;var
B=obj=this;if(obj.offsetParent)
{do{C+=obj.offsetLeft;curtop+=obj.offsetTop}while(obj=obj.offsetParent)}var A=(!
window.opera)?parseInt(this.getStyle("border-width")||this.style.border)||
0:0;return[C+A,curtop+A+this.offsetHeight]},noSelect:function()
{bkLib.noSelect(this);return this},parentTag:function(A){var
B=this;do{if(B&&B.nodeName&&B.nodeName.toUpperCase()==A){return
B}B=B.parentNode}while(B);return false},hasClass:function(A){return
this.className.match(new RegExp("(\\s|^)nicEdit-"+A+"(\\s|
$)"))},addClass:function(A){if(!this.hasClass(A)){this.className+="
nicEdit-"+A}return this},removeClass:function(A){if(this.hasClass(A))
{this.className=this.className.replace(new RegExp("(\\s|^)nicEdit-"+A+"(\\s|
$)")," ")}return this},setStyle:function(A){var B=this.style;for(var C in A){switch(C)
{case"float":B.cssFloat=B.styleFloat=A[C];break;case"opacity":B.opacity=A[C];B.filt
er="alpha(opacity="+Math.round(A[C]*100)+")";break;case"className":this.classN
ame=A[C];break;default:B[C]=A[C]}}return this},getStyle:function(A,C){var B=(!
C)?document.defaultView:C;if(this.nodeType==1){return(B&&B.getComputedStyle)?
B.getComputedStyle(this,null).getPropertyValue(A):this.currentStyle[bkLib.camelize(
A)]}},remove:function(){this.parentNode.removeChild(this);return
this},setAttributes:function(A){for(var B in A){this[B]=A[B]}return this}});var
bkLib={isMSIE:(navigator.appVersion.indexOf("MSIE")!=-
1),addEvent:function(C,B,A){(C.addEventListener)?
C.addEventListener(B,A,false):C.attachEvent("on"+B,A)},toArray:function(C){var
B=C.length,A=new Array(B);while(B--){A[B]=C[B]}return A},noSelect:function(B)
{if(B.setAttribute&&B.nodeName.toLowerCase()!
="input"&&B.nodeName.toLowerCase()!="textarea")
{B.setAttribute("unselectable","on")}for(var A=0;A<B.childNodes.length;A++)
{bkLib.noSelect(B.childNodes[A])}},camelize:function(A){return
A.replace(/\-(.)/g,function(B,C){return C.toUpperCase()})},inArray:function(A,B)
{return(bkLib.search(A,B)!=null)},search:function(A,C){for(var B=0;B<A.length;B+
+){if(A[B]==C){return B}}return null},cancelEvent:function(A){A=A||
window.event;if(A.preventDefault&&A.stopPropagation)
{A.preventDefault();A.stopPropagation()}return false},domLoad:
[],domLoaded:function(){if(arguments.callee.done)
{return }arguments.callee.done=true;for(i=0;i<bkLib.domLoad.length;i++)
{bkLib.domLoad[i]()}},onDomLoaded:function(A)
{this.domLoad.push(A);if(document.addEventListener)
{document.addEventListener("DOMContentLoaded",bkLib.domLoaded,null)}else{if(
bkLib.isMSIE){document.write("<style>.nicEdit-main p { margin: 0;
}</style><script id=__ie_onload defer "+
((location.protocol=="https:")?"src='javascript:void(0)'":"src=//0")+"><\/script>");
$BK("__ie_onload").onreadystatechange=function()
{if(this.readyState=="complete")
{bkLib.domLoaded()}}}}window.onload=bkLib.domLoaded}};function $BK(A)
{if(typeof (A)=="string"){A=document.getElementById(A)}return(A&&!
A.appendTo)?bkExtend(A,bkElement.prototype):A}var
bkEvent={addEvent:function(A,B){if(B){this.eventList=this.eventList||
{};this.eventList[A]=this.eventList[A]||[];this.eventList[A].push(B)}return
this},fireEvent:function(){var
A=bkLib.toArray(arguments),C=A.shift();if(this.eventList&&this.eventList[C]){for(var
B=0;B<this.eventList[C].length;B++){this.eventList[C]
[B].apply(this,A)}}}};function __(A){return A}Function.prototype.closure=function()
{var A=this,B=bkLib.toArray(arguments),C=B.shift();return function(){if(typeof
(bkLib)!="undefined"){return
A.apply(C,B.concat(bkLib.toArray(arguments)))}}};Function.prototype.closureListen
er=function(){var A=this,C=bkLib.toArray(arguments),B=C.shift();return function(E)
{E=E||window.event;if(E.target){var D=E.target}else{var D=E.srcElement}return
A.apply(B,[E,D].concat(C))}};

var nicEditorConfig = bkClass.extend({

buttons : {
'bold' : {name : __('Click to Bold'), command : 'Bold', tags :
['B','STRONG'], css : {'font-weight' : 'bold'}, key : 'b'},
'italic' : {name : __('Click to Italic'), command : 'Italic', tags : ['EM','I'],
css : {'font-style' : 'italic'}, key : 'i'},
'underline' : {name : __('Click to Underline'), command : 'Underline',
tags : ['U'], css : {'text-decoration' : 'underline'}, key : 'u'},
'left' : {name : __('Left Align'), command : 'justifyleft', noActive : true},
'center' : {name : __('Center Align'), command : 'justifycenter',
noActive : true},
'right' : {name : __('Right Align'), command : 'justifyright', noActive :
true},
'justify' : {name : __('Justify Align'), command : 'justifyfull', noActive :
true},
'ol' : {name : __('Insert Ordered List'), command : 'insertorderedlist',
tags : ['OL']},
'ul' : {name : __('Insert Unordered List'), command :
'insertunorderedlist', tags : ['UL']},
'subscript' : {name : __('Click to Subscript'), command : 'subscript',
tags : ['SUB']},
'superscript' : {name : __('Click to Superscript'), command :
'superscript', tags : ['SUP']},
'strikethrough' : {name : __('Click to Strike Through'), command :
'strikeThrough', css : {'text-decoration' : 'line-through'}},
'removeformat' : {name : __('Remove Formatting'), command :
'removeformat', noActive : true},
'indent' : {name : __('Indent Text'), command : 'indent', noActive :
true},
'outdent' : {name : __('Remove Indent'), command : 'outdent', noActive
: true},
'hr' : {name : __('Horizontal Rule'), command : 'insertHorizontalRule',
noActive : true}
},
iconsPath : 'http://js.nicedit.com/nicEditIcons-latest.gif',
buttonList :
['save','bold','italic','underline','left','center','right','justify','ol','ul','fontSize','fontFamil
y','fontFormat','indent','outdent','image','upload','link','unlink','forecolor','bgcolor'],
iconList :
{"xhtml":1,"bgcolor":2,"forecolor":3,"bold":4,"center":5,"hr":6,"indent":7,"italic":8,"j
ustify":9,"left":10,"ol":11,"outdent":12,"removeformat":13,"right":14,"save":25,"strik
ethrough":16,"subscript":17,"superscript":18,"ul":19,"underline":20,"image":21,"link
":22,"unlink":23,"close":24,"arrow":26,"upload":27}

});
;
var nicEditors={nicPlugins:[],editors:[],registerPlugin:function(B,A)
{this.nicPlugins.push({p:B,o:A})},allTextAreas:function(C){var
A=document.getElementsByTagName("textarea");for(var B=0;B<A.length;B++)
{nicEditors.editors.push(new nicEditor(C).panelInstance(A[B]))}return
nicEditors.editors},findEditor:function(C){var B=nicEditors.editors;for(var
A=0;A<B.length;A++){if(B[A].instanceById(C)){return
B[A].instanceById(C)}}}};var nicEditor=bkClass.extend({construct:function(C)
{this.options=new nicEditorConfig();bkExtend(this.options,C);this.nicInstances=new
Array();this.loadedPlugins=new Array();var A=nicEditors.nicPlugins;for(var
B=0;B<A.length;B++){this.loadedPlugins.push(new
A[B].p(this,A[B].o))}nicEditors.editors.push(this);bkLib.addEvent(document.body,"m
ousedown",this.selectCheck.closureListener(this))},panelInstance:function(B,C)
{B=this.checkReplace($BK(B));var A=new bkElement("DIV").setStyle({width:
(parseInt(B.getStyle("width"))||B.clientWidth)
+"px"}).appendBefore(B);this.setPanel(A);return
this.addInstance(B,C)},checkReplace:function(B){var
A=nicEditors.findEditor(B);if(A){A.removeInstance(B);A.removePanel()}return
B},addInstance:function(B,C){B=this.checkReplace($BK(B));if(B.contentEditable||!!
window.opera){var A=new nicEditorInstance(B,C,this)}else{var A=new
nicEditorIFrameInstance(B,C,this)}this.nicInstances.push(A);return
this},removeInstance:function(C){C=$BK(C);var B=this.nicInstances;for(var
A=0;A<B.length;A++){if(B[A].e==C)
{B[A].remove();this.nicInstances.splice(A,1)}}},removePanel:function(A)
{if(this.nicPanel)
{this.nicPanel.remove();this.nicPanel=null}},instanceById:function(C)
{C=$BK(C);var B=this.nicInstances;for(var A=0;A<B.length;A++){if(B[A].e==C)
{return B[A]}}},setPanel:function(A){this.nicPanel=new
nicEditorPanel($BK(A),this.options,this);this.fireEvent("panel",this.nicPanel);return
this},nicCommand:function(B,A){if(this.selectedInstance)
{this.selectedInstance.nicCommand(B,A)}},getIcon:function(D,A){var
C=this.options.iconList[D];var B=(A.iconFiles)?
A.iconFiles[D]:"";return{backgroundImage:"url('"+((C)?this.options.iconsPath:B)
+"')",backgroundPosition:((C)?((C-1)*-18):0)+"px 0px"}},selectCheck:function(C,A)
{var B=false;do{if(A.className&&A.className.indexOf("nicEdit")!=-1){return
false}}while(A=A.parentNode);this.fireEvent("blur",this.selectedInstance,A);this.last
SelectedInstance=this.selectedInstance;this.selectedInstance=null;return
false}});nicEditor=nicEditor.extend(bkEvent);
var nicEditorInstance=bkClass.extend({isSelected:false,construct:function(G,D,C)
{this.ne=C;this.elm=this.e=G;this.options=D||
{};newX=parseInt(G.getStyle("width"))||
G.clientWidth;newY=parseInt(G.getStyle("height"))||
G.clientHeight;this.initialHeight=newY-8;var
H=(G.nodeName.toLowerCase()=="textarea");if(H||this.options.hasPanel){var
B=(bkLib.isMSIE&&!((typeof document.body.style.maxHeight!
="undefined")&&document.compatMode=="CSS1Compat"));var
E={width:newX+"px",border:"1px solid
#ccc",borderTop:0,overflowY:"auto",overflowX:"hidden"};E[(B)?"height":"maxHeight
"]=(this.ne.options.maxHeight)?
this.ne.options.maxHeight+"px":null;this.editorContain=new
bkElement("DIV").setStyle(E).appendBefore(G);var A=new
bkElement("DIV").setStyle({width:(newX-
8)+"px",margin:"4px",minHeight:newY+"px"}).addClass("main").appendTo(this.edit
orContain);G.setStyle({display:"none"});A.innerHTML=G.innerHTML;if(H)
{A.setContent(G.value);this.copyElm=G;var F=G.parentTag("FORM");if(F)
{bkLib.addEvent(F,"submit",this.saveContent.closure(this))}}A.setStyle((B)?
{height:newY+"px"}:
{overflow:"hidden"});this.elm=A}this.ne.addEvent("blur",this.blur.closure(this));this.
init();this.blur()},init:function()
{this.elm.setAttribute("contentEditable","true");if(this.getContent()=="")
{this.setContent("<br
/>")}this.instanceDoc=document.defaultView;this.elm.addEvent("mousedown",this.
selected.closureListener(this)).addEvent("keypress",this.keyDown.closureListener(th
is)).addEvent("focus",this.selected.closure(this)).addEvent("blur",this.blur.closure(thi
s)).addEvent("keyup",this.selected.closure(this));this.ne.fireEvent("add",this)},remo
ve:function(){this.saveContent();if(this.copyElm||this.options.hasPanel)
{this.editorContain.remove();this.e.setStyle({display:"block"});this.ne.removePanel(
)}this.disable();this.ne.fireEvent("remove",this)},disable:function()
{this.elm.setAttribute("contentEditable","false")},getSel:function()
{return(window.getSelection)?
window.getSelection():document.selection},getRng:function(){var
A=this.getSel();if(!A||A.rangeCount===0){return }return(A.rangeCount>0)?
A.getRangeAt(0):A.createRange()},selRng:function(A,B){if(window.getSelection)
{B.removeAllRanges();B.addRange(A)}else{A.select()}},selElm:function(){var
C=this.getRng();if(!C){return }if(C.startContainer){var
D=C.startContainer;if(C.cloneContents().childNodes.length==1){for(var
B=0;B<D.childNodes.length;B++){var
A=D.childNodes[B].ownerDocument.createRange();A.selectNode(D.childNodes[B]);if
(C.compareBoundaryPoints(Range.START_TO_START,A)!
=1&&C.compareBoundaryPoints(Range.END_TO_END,A)!=-1){return
$BK(D.childNodes[B])}}}return $BK(D)}else{return
$BK((this.getSel().type=="Control")?
C.item(0):C.parentElement())}},saveRng:function()
{this.savedRange=this.getRng();this.savedSel=this.getSel()},restoreRng:function()
{if(this.savedRange)
{this.selRng(this.savedRange,this.savedSel)}},keyDown:function(B,A){if(B.ctrlKey)
{this.ne.fireEvent("key",this,B)}},selected:function(C,A){if(!A&&!(A=this.selElm))
{A=this.selElm()}if(!C.ctrlKey){var B=this.ne.selectedInstance;if(B!=this){if(B)
{this.ne.fireEvent("blur",B,A)}this.ne.selectedInstance=this;this.ne.fireEvent("focus"
,B,A)}this.ne.fireEvent("selected",B,A);this.isFocused=true;this.elm.addClass("select
ed")}return false},blur:function()
{this.isFocused=false;this.elm.removeClass("selected")},saveContent:function()
{if(this.copyElm||this.options.hasPanel){this.ne.fireEvent("save",this);
(this.copyElm)?
this.copyElm.value=this.getContent():this.e.innerHTML=this.getContent()}},getElm:
function(){return this.elm},getContent:function()
{this.content=this.getElm().innerHTML;this.ne.fireEvent("get",this);return
this.content},setContent:function(A)
{this.content=A;this.ne.fireEvent("set",this);this.elm.innerHTML=this.content},nicC
ommand:function(B,A){document.execCommand(B,false,A)}});
var nicEditorIFrameInstance=nicEditorInstance.extend({savedStyles:
[],init:function(){var
B=this.elm.innerHTML.replace(/^\s+|\s+$/g,"");this.elm.innerHTML="";(!B)?
B="<br />":B;this.initialContent=B;this.elmFrame=new
bkElement("iframe").setAttributes({src:"javascript:;",frameBorder:0,allowTransparen
cy:"true",scrolling:"no"}).setStyle({height:"100px",width:"100%"}).addClass("frame
").appendTo(this.elm);if(this.copyElm){this.elmFrame.setStyle({width:
(this.elm.offsetWidth-4)+"px"})}var A=["font-size","font-family","font-
weight","color"];for(itm in A)
{this.savedStyles[bkLib.camelize(itm)]=this.elm.getStyle(itm)}setTimeout(this.initFr
ame.closure(this),50)},disable:function()
{this.elm.innerHTML=this.getContent()},initFrame:function(){var
B=$BK(this.elmFrame.contentWindow.document);B.designMode="on";B.open();var
A=this.ne.options.externalCSS;B.write("<html><head>"+((A)?'<link href="'+A+'"
rel="stylesheet" type="text/css" />':"")+'</head><body id="nicEditContent"
style="margin: 0 !important; background-color: transparent !
important;">'+this.initialContent+"</body></html>");B.close();this.frameDoc=B;th
is.frameWin=$BK(this.elmFrame.contentWindow);this.frameContent=$BK(this.frame
Win.document.body).setStyle(this.savedStyles);this.instanceDoc=this.frameWin.doc
ument.defaultView;this.heightUpdate();this.frameDoc.addEvent("mousedown",this.s
elected.closureListener(this)).addEvent("keyup",this.heightUpdate.closureListener(t
his)).addEvent("keydown",this.keyDown.closureListener(this)).addEvent("keyup",thi
s.selected.closure(this));this.ne.fireEvent("add",this)},getElm:function(){return
this.frameContent},setContent:function(A)
{this.content=A;this.ne.fireEvent("set",this);this.frameContent.innerHTML=this.cont
ent;this.heightUpdate()},getSel:function(){return(this.frameWin)?
this.frameWin.getSelection():this.frameDoc.selection},heightUpdate:function()
{this.elmFrame.style.height=Math.max(this.frameContent.offsetHeight,this.initialHe
ight)+"px"},nicCommand:function(B,A)
{this.frameDoc.execCommand(B,false,A);setTimeout(this.heightUpdate.closure(this)
,100)}});
var nicEditorPanel=bkClass.extend({construct:function(E,B,A)
{this.elm=E;this.options=B;this.ne=A;this.panelButtons=new
Array();this.buttonList=bkExtend([],this.ne.options.buttonList);this.panelContain=ne
w bkElement("DIV").setStyle({overflow:"hidden",width:"100%",border:"1px solid
#cccccc",backgroundColor:"#efefef"}).addClass("panelContain");this.panelElm=ne
w
bkElement("DIV").setStyle({margin:"2px",marginTop:"0px",zoom:1,overflow:"hidden
"}).addClass("panel").appendTo(this.panelContain);this.panelContain.appendTo(E);v
ar C=this.ne.options;var D=C.buttons;for(button in D)
{this.addButton(button,C,true)}this.reorder();E.noSelect()},addButton:function(butt
onName,options,noOrder){var button=options.buttons[buttonName];var
type=(button.type)?eval("(typeof("+button.type+') == "undefined") ? null :
'+button.type+";"):nicEditorButton;var
hasButton=bkLib.inArray(this.buttonList,buttonName);if(type&&(hasButton||
this.ne.options.fullPanel)){this.panelButtons.push(new
type(this.panelElm,buttonName,options,this.ne));if(!hasButton)
{this.buttonList.push(buttonName)}}},findButton:function(B){for(var
A=0;A<this.panelButtons.length;A++){if(this.panelButtons[A].name==B){return
this.panelButtons[A]}}},reorder:function(){var C=this.buttonList;for(var
B=0;B<C.length;B++){var A=this.findButton(C[B]);if(A)
{this.panelElm.appendChild(A.margin)}}},remove:function(){this.elm.remove()}});
var nicEditorButton=bkClass.extend({construct:function(D,A,C,B)
{this.options=C.buttons[A];this.name=A;this.ne=B;this.elm=D;this.margin=new
bkElement("DIV").setStyle({"float":"left",marginTop:"2px"}).appendTo(D);this.contai
n=new
bkElement("DIV").setStyle({width:"20px",height:"20px"}).addClass("buttonContain"
).appendTo(this.margin);this.border=new
bkElement("DIV").setStyle({backgroundColor:"#efefef",border:"1px solid
#efefef"}).appendTo(this.contain);this.button=new
bkElement("DIV").setStyle({width:"18px",height:"18px",overflow:"hidden",zoom:1,c
ursor:"pointer"}).addClass("button").setStyle(this.ne.getIcon(A,C)).appendTo(this.bo
rder);this.button.addEvent("mouseover",this.hoverOn.closure(this)).addEvent("mous
eout",this.hoverOff.closure(this)).addEvent("mousedown",this.mouseClick.closure(th
is)).noSelect();if(!window.opera)
{this.button.onmousedown=this.button.onclick=bkLib.cancelEvent}B.addEvent("sel
ected",this.enable.closure(this)).addEvent("blur",this.disable.closure(this)).addEvent
("key",this.key.closure(this));this.disable();this.init()},init:function(){},hide:function()
{this.contain.setStyle({display:"none"})},updateState:function(){if(this.isDisabled)
{this.setBg()}else{if(this.isHover){this.setBg("hover")}else{if(this.isActive)
{this.setBg("active")}else{this.setBg()}}}},setBg:function(A){switch(A)
{case"hover":var B={border:"1px solid
#666",backgroundColor:"#ddd"};break;case"active":var B={border:"1px solid
#666",backgroundColor:"#ccc"};break;default:var B={border:"1px solid
#efefef",backgroundColor:"#efefef"}}this.border.setStyle(B).addClass("button-"+A)
},checkNodes:function(A){var
B=A;do{if(this.options.tags&&bkLib.inArray(this.options.tags,B.nodeName))
{this.activate();return true}}while(B=B.parentNode&&B.className!
="nicEdit");B=$BK(A);while(B.nodeType==3)
{B=$BK(B.parentNode)}if(this.options.css){for(itm in this.options.css)
{if(B.getStyle(itm,this.ne.selectedInstance.instanceDoc)==this.options.css[itm])
{this.activate();return true}}}this.deactivate();return false},activate:function(){if(!
this.isDisabled)
{this.isActive=true;this.updateState();this.ne.fireEvent("buttonActivate",this)}},dea
ctivate:function(){this.isActive=false;this.updateState();if(!this.isDisabled)
{this.ne.fireEvent("buttonDeactivate",this)}},enable:function(A,B)
{this.isDisabled=false;this.contain.setStyle({opacity:1}).addClass("buttonEnabled");
this.updateState();this.checkNodes(B)},disable:function(A,B)
{this.isDisabled=true;this.contain.setStyle({opacity:0.6}).removeClass("buttonEnab
led");this.updateState()},toggleActive:function(){(this.isActive)?
this.deactivate():this.activate()},hoverOn:function(){if(!this.isDisabled)
{this.isHover=true;this.updateState();this.ne.fireEvent("buttonOver",this)}},hoverO
ff:function()
{this.isHover=false;this.updateState();this.ne.fireEvent("buttonOut",this)},mouseCli
ck:function(){if(this.options.command)
{this.ne.nicCommand(this.options.command,this.options.commandArgs);if(!
this.options.noActive)
{this.toggleActive()}}this.ne.fireEvent("buttonClick",this)},key:function(A,B)
{if(this.options.key&&B.ctrlKey&&String.fromCharCode(B.keyCode||
B.charCode).toLowerCase()==this.options.key)
{this.mouseClick();if(B.preventDefault){B.preventDefault()}}}});
var nicPlugin=bkClass.extend({construct:function(B,A)
{this.options=A;this.ne=B;this.ne.addEvent("panel",this.loadPanel.closure(this));this
.init()},loadPanel:function(C){var B=this.options.buttons;for(var A in B)
{C.addButton(A,this.options)}C.reorder()},init:function(){}});

var nicPaneOptions = { };

var nicColorOptions = {
buttons : {
'forecolor' : {name : __('Change Text Color'), type :
'nicEditorColorButton', noClose : true},
'bgcolor' : {name : __('Change Background Color'), type :
'nicEditorBgColorButton', noClose : true}
}
};

var nicImageOptions = {
buttons : {
'image' : {name : 'Add Image', type : 'nicImageButton', tags : ['IMG']}
}

};

var nicSaveOptions = {
buttons : {
'save' : {name : __('Save this content'), type : 'nicEditorSaveButton'}
}
};

var nicCodeOptions = {
buttons : {
'xhtml' : {name : 'Edit HTML', type : 'nicCodeButton'}
}

};

var nicUploadOptions = {
buttons : {
'upload' : {name : 'Upload Image', type : 'nicUploadButton'}
}

};

/* START CONFIG */
var nicExampleOptions = {
buttons : {
'example' : {name : __('Some alt text for the button'), type :
'nicEditorExampleButton'}
}/* NICEDIT_REMOVE_START */,iconFiles : {'example' :
'http://js.nicedit.com/nicEditIcons-latest.gif'}/* NICEDIT_REMOVE_END */
};
/* END CONFIG */
bkLib.onDomLoaded(function() {

new nicEditor({buttonList :
['fontSize','fontFamily','bold','italic','underline','strikeThrough','ul','forecolor','bgcolor'
,'link','unlink']}).panelInstance('area4');

});
Pages.php
<html>

<head>

<style>

</style>

</head>
<?php
include 'conn.php';
include 'session.php';
if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
?>
<body style="color:black">
<div id="header" >
<?php include 'header.php';
?>
</div>
<div id="sidebar">
<?php $active="pages";
include 'sidebar.php'; ?>

</div>
<div id="content" >
<div class="content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 lg-12 sm-12">

<h1 class="page-title">Manage Page Data</h1>

</div>

</div>
<hr>
<?php
$limit = 3;
if(isset($_GET['page'])){
$page = $_GET['page'];
}else{
$page = 1;
}
$offset = ($page - 1) * $limit;
$count=$offset+1;
$sql= "select * from pages LIMIT {$offset},{$limit} ";
$result=mysqli_query($conn,$sql);
if(mysqli_num_rows($result)>0) {
?>
<div class="table-responsive">
<table class="table table-bordered" style="text-align:center">
<thead style="text-align:center">
<th style="text-align:center">S.no</th>
<th style="text-align:center">Page Name</th>
<th style="text-align:center">Page Type</th>
<th style="text-align:center">Page Data</th>
<th style="text-align:center">Edit Page</th>
</thead>
<tbody>
<?php
while($row = mysqli_fetch_assoc($result)) { ?>
<tr>
<td ><?php echo $count++; ?></td>
<td ><?php echo $row['page_name']; ?></td>
<td ><?php echo $row['page_type']; ?></td>
<td id="example" style="text-align:left"><div style="width:100%; max-
height:110px; overflow:auto"><?php echo $row['page_data']; ?></div></td>
<td id="he" style="width:100px;">
<a style="background-color:aqua" href='update_page_details.php?
type=<?php echo $row['page_type'];?>'> <span class="glyphicon glyphicon-
edit"></span></a>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
<?php } ?>

<div class="table-responsive"style="text-align:center;align:center">
<?php
$sql1 = "SELECT * FROM pages";
$result1 = mysqli_query($conn, $sql1) or die("Query Failed.");

if(mysqli_num_rows($result1) > 0){

$total_records = mysqli_num_rows($result1);

$total_page = ceil($total_records / $limit);

echo '<ul class="pagination admin-pagination">';

if($page > 1){
echo '<li><a href="pages.php?page='.($page - 1).'">Prev</a></li>';
}
for($i = 1; $i <= $total_page; $i++){
if($i == $page){
$active = "active";
}else{
$active = "";
}
echo '<li class="'.$active.'"><a
href="pages.php?page='.$i.'">'.$i.'</a></li>';
}
if($total_page > $page){
echo '<li><a href="pages.php?page='.($page + 1).'">Next</a></li>';
}

<button class="btn btn-primary" name="submit" type="submit">Go to

?>
</body>
</html>

Pending_querry.php
<html>

<head>

<style>

#sidebar{position:relative;margin-top:-20px}
#content{position:relative;margin-left:210px}
@media screen and (max-width: 600px) {
#content {
position:relative;margin-left:auto;margin-right:auto;
}
}
#he{
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
padding: 3px 7px;
color: #fff;
text-decoration: none;
border-radius: 3px;
align:center
}
</style>
</head>
<?php
include 'conn.php';
include 'session.php';
if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
?>
<body style="color:black">
<div id="header">
<?php include 'header.php';
?>
</div>
<div id="sidebar">
<?php $active="query"; include 'sidebar.php'; ?>

</div>
<div id="content" >
<div class="content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 lg-12 sm-12">

<h1 class="page-title">Pending Query</h1>

</div>

$que_id = $_GET['id'];
$sql1="update contact_query set query_status='1' where
query_id={$que_id}";
$result=mysqli_query($conn,$sql1);
?>
}
}

</script>

<?php
include 'conn.php';

$limit = 10;
if(isset($_GET['page'])){
$page = $_GET['page'];
}else{
$page = 1;
}
$offset = ($page - 1) * $limit;
$count=$offset+1;
$sql= " select * from contact_query where query_status>1 LIMIT {$offset},
{$limit}";
$result=mysqli_query($conn,$sql);
if(mysqli_num_rows($result)>0) {
?>

<td><?php echo $count++; ?></td>

<td><a href="query.php?id=<?php echo $row['query_id'];?>"

onclick="clickme()"><b id="demo">Pending</b></a><br>

</td>
<?php } ?>
<td id="he" style="width:100px">
<a style="background-color:aqua" href='delete_query.php?id=<?php
echo $row['query_id']; ?>'> Delete </a>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
<?php } ?>

<div class="table-responsive"style="text-align:center;align:center">
<?php
$sql1 = "SELECT * FROM contact_query";
$result1 = mysqli_query($conn, $sql1) or die("Query Failed.");

if(mysqli_num_rows($result1) > 0){

$total_records = mysqli_num_rows($result1);
$total_page = ceil($total_records / $limit);

echo '<ul class="pagination admin-pagination">';

if($page > 1){
echo '<li><a href="query.php?page='.($page - 1).'">Prev</a></li>';
}
for($i = 1; $i <= $total_page; $i++){
if($i == $page){
$active = "active";
}else{
$active = "";
}
echo '<li class="'.$active.'"><a
href="query.php?page='.$i.'">'.$i.'</a></li>';
}
if($total_page > $page){
echo '<li><a href="query.php.php?page='.($page + 1).'">Next</a></li>';
}

echo '</ul>';
}
?>

</div>
</div>
</div>

<?php
} else {
echo '<div class="alert alert-danger"><b> Please Login First To Access Admin
Portal.</b></div>';
?>
<form method="post" name="" action="login.php" class="form-horizontal">
<div class="form-group">
<div class="col-sm-8 col-sm-offset-4" style="float:left">

<button class="btn btn-primary" name="submit" type="submit">Go to

</body>
</html>

Querry.php
<html>

<head>

<style>

#sidebar{position:relative;margin-top:-20px}
#content{position:relative;margin-left:210px}
@media screen and (max-width: 600px) {
#content {
position:relative;margin-left:auto;margin-right:auto;
}
}
#he{
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
padding: 3px 7px;
color: #fff;
text-decoration: none;
border-radius: 3px;
align:center
}
</style>
</head>
<?php
include 'conn.php';
include 'session.php';
if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
?>
<body style="color:black">
<div id="header">
<?php include 'header.php';
?>
</div>
<div id="sidebar">
<?php $active="query"; include 'sidebar.php'; ?>

</div>
<div id="content" >
<div class="content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 lg-12 sm-12">

<h1 class="page-title">User Query</h1>

</div>

</div>
<hr>
<script>
function clickme(){
if(confirm("Do you really Want to Read ?"))
{
document.getElementById("demo").innerHTML = "Read";
<?php
echo '<div class="alert alert-info alert_dismissible"><b><button
type="button" class="close"
data-dismiss="alert">×</button></b><b>Pending Request
"Read".</b></div>';
$que_id = $_GET['id'];
$sql1="update contact_query set query_status='1' where
query_id={$que_id}";
$result=mysqli_query($conn,$sql1);
?>
}
}

</script>

<?php
include 'conn.php';

$limit = 10;
if(isset($_GET['page'])){
$page = $_GET['page'];
}else{
$page = 1;
}
$offset = ($page - 1) * $limit;
$count=$offset+1;
$sql= "select * from contact_query LIMIT {$offset},{$limit}";
$result=mysqli_query($conn,$sql);
if(mysqli_num_rows($result)>0) {
?>

<td><?php echo $count++; ?></td>

<td><a href="query.php?id=<?php echo $row['query_id'];?>"

onclick="clickme()"><b id="demo">Pending</b></a><br>
</td>
<?php } ?>
<td id="he" style="width:100px">
<a style="background-color:aqua" href='delete_query.php?id=<?php
echo $row['query_id']; ?>'> Delete </a>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
<?php } ?>

<div class="table-responsive"style="text-align:center;align:center">
<?php
$sql1 = "SELECT * FROM contact_query";
$result1 = mysqli_query($conn, $sql1) or die("Query Failed.");

if(mysqli_num_rows($result1) > 0){

$total_records = mysqli_num_rows($result1);

$total_page = ceil($total_records / $limit);

echo '<ul class="pagination admin-pagination">';

echo '</ul>';
}
?>

</div>
</div>
</div>

<button class="btn btn-primary" name="submit" type="submit">Go to

</body>
</html>

Save_donor_data.php
<?php
$name=$_POST['fullname'];
$number=$_POST['mobileno'];
$email=$_POST['emailid'];
$age=$_POST['age'];
$gender=$_POST['gender'];
$blood_group=$_POST['blood'];
$address=$_POST['address'];
$conn=mysqli_connect("localhost","root","","blood_donation") or die("Connection
error");
$sql= "INSERT INTO
donor_details(donor_name,donor_number,donor_mail,donor_age,donor_gender,dono
r_blood,donor_address)
values('{$name}','{$number}','{$email}','{$age}','{$gender}','{$blood_group}','{
$address}')";
$result=mysqli_query($conn,$sql) or die("query unsuccessful.");
header("Location: http://localhost/BDMS/admin/donor_list.php");

mysqli_close($conn);
?>
Session.php
<?php session_start(); ?>
Sidebar.php
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></
script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></
script>
<style>
body {
margin: 0;
font-family: 'Averia Gruesa Libre';font-size: 15px;
color:#F8F9F9;
}

.sidebar {
margin: 0;
padding: 0;
width: 210px;
background-color: #333333;
position: fixed;
height: 100%;
overflow: auto;
}

.sidebar a {
display: block;
color: white;

padding: 16px;
text-decoration: none;
}

.sidebar a:hover:not(.active) {
background-color: #555;
color: white;
}

div.content {
margin-left: 200px;
padding: 1px 16px;
height: 1000px;
}

@media screen and (max-width: 700px) {

.sidebar {
width: 100%;
height: auto;
position: relative;
}
.sidebar a {float: left;}
div.content {margin-left: 0;}
}
a.act{
background: linear-gradient(to right, #00C9FF 0%, #92FE9D 100%);
color: black;
border-radius:10px;
}

@media screen and (max-width: 400px) {

.sidebar a {
text-align: center;
float: none;
}
}
</style>
</head>
<body>

<div class="sidebar" ><b>

<a href="dashboard.php" <?php if($active=='dashboard') echo "class='act'"; ?
>><span class="glyphicon
glyphicon-dashboard"></span>&nbsp&nbspDashboard</a>
<a href="add_donor.php" <?php if($active=='add') echo "class='act'"; ?
>><span class="glyphicon glyphicon-pencil"></span>&nbsp&nbspAdd Donor</a>
<a href="donor_list.php" <?php if($active=='list') echo "class='act'"; ?>><span
class="glyphicon glyphicon-list-alt"></span>&nbsp&nbsp Donor List</a>
<a href="query.php" <?php if($active=='query') echo "class='act'"; ?>><span
class="glyphicon glyphicon-check"></span>&nbsp&nbspCheck Contactus
Query</a>
<a href="pages.php" <?php if($active=='pages') echo "class='act'"; ?>><span
class="glyphicon glyphicon-edit"></span>&nbsp&nbspManage Pages</a>
<a href="update_contact.php" <?php if($active=='contact') echo "class='act'"; ?
>><span class="glyphicon glyphicon-edit"></span>&nbsp&nbspUpdate Contact
Info</a>

</div>

Update_connect.php
<html>

<head>

<style>

<?php
include 'conn.php';
include 'session.php';
if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
?>

</div>
<div id="content">
<div class="content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 lg-12 sm-12">

<h1 class="page-title">Update Contact Info</h1>

</div>
</div>
<hr>
<?php if(isset($_POST['update']))
{
$address=$_POST['address'];
$number=$_POST['email'];
$email=$_POST['contactno'];
$conn=mysqli_connect("localhost","root","","blood_donation") or
die("Connection error");
$sql= "update contact_info set contact_address='{$address}',
contact_mail='{$email}', contact_phone='{$number}' where contact_id='1'";
$result=mysqli_query($conn,$sql) or die("query unsuccessful.");
echo '<div class="alert alert-success"><b>Contact Details Updated
Successfully.</b></div>';

mysqli_close($conn);
}
?>

<div class="row">
<div class="col-md-10">
<div class="panel panel-default">
<div class="panel-heading">Contact Details</div>
<div class="panel-body">
<form method="post" name="change_contact" class="form-horizontal">

<div class="form-group">
<label class="col-sm-4 control-label"> Address</label>
<div class="col-sm-8">
<textarea class="form-control" name="address" id="address"
required></textarea>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label"> Email id</label>
<div class="col-sm-8">
<input type="email" class="form-control" name="email" id="email"
value="" required>
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label"> Contact Number </label>
<div class="col-sm-8">
<input type="text" class="form-control" value="" name="contactno"
id="contactno" required>
</div>
</div>

<button class="btn btn-primary" name="update"

type="submit">Update</button>
</div>
</div>
</form>

</div>
</div>
</div>

</div>

<button class="btn btn-primary" name="submit" type="submit">Go to

Update_page_details.php

<html>

<head>

#sidebar{position:relative;margin-top:-20px}
#content{position:relative;margin-left:210px}
@media screen and (max-width: 600px) {
#content {
position:relative;margin-left:auto;margin-right:auto;
}

#area1, #area4{
width: 70vw;
min-height: 50vh;
font-family: tahoma;
}

.nicEdit-panel > div > * {

opacity: 1 !important;
}

.nicEdit-buttonContain {
padding: .5em;
}
.nicEdit-panelContain{

.nicEdit-selectContain{
margin-top: 8px;
padding:.5em
}

.nicEdit-selectTxt{
font-family: Tahoma !important;
font-size: 12px !important;
}

.nicEdit-main{
outline: 0;
}
}
</style>
</head>

<?php
include 'conn.php';
include 'session.php';
if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == true) {
?>

</div>
<div id="content">
<div class="content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 lg-12 sm-12">

<h1 class="page-title">Update Page Details</h1>

</div>
</div>
<hr>
<div class="row">
<div class="col-md-10">
<div class="panel panel-default">
<div class="panel-heading">Page Details</div>
<div class="panel-body">

<form name="updata_page" method="post">

<div class="form-group">
<label class="col-sm-4 control-label">Selected Page : </label>
<?php
include 'conn.php';
switch($_GET['type'])
{
case "aboutus" :
echo "About US";
break;
case "donor" :
echo "Why Donate Blood";
break;
case "needforblood" :
echo "The Need For Blood";
break;
case "needforblood" :
echo "The Need For Blood";
break;
case "bloodtips" :
echo "Blood Tips";
break;
case "whoyouhelp" :
echo "Why you could Help";
break;
case "bloodgroups" :
echo "Blood Groups";
break;
case "universal" :
echo "Universal Donors And Recepients";
break;
}

?>
</div>
<div class="form-group">
<label class="col-sm-4 control-label">Page Details: </label>
<div class="col-sm-4">
<div id="sample">

<textarea cols="60" rows="10" id="area4" name="data">

</textarea>

</div>
</div>
</div>

<div class="form-group">
<div class="col-sm-8 col-sm-offset-4"><br>
<button class="btn btn-primary" name="submit"
type="submit">Update</button>
</div>
</div>

</form>

</div>
</div>
</div>

</div>

<?php if(isset($_POST['submit']))
{
$type=$_GET['type'];
$data=$_POST['data'];
$conn=mysqli_connect("localhost","root","","blood_donation") or
die("Connection error");
$sql= "update pages set page_data='{$data}'where page_type='{$type}'";
$result=mysqli_query($conn,$sql) or die("query unsuccessful.");
echo '<div class="alert alert-success"><b>Page Data Updated
Successfully.</b></div>';
}

<button class="btn btn-primary" name="submit" type="submit">Go to

</body>
</html>

User side
About_us.php
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></
script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></
script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></
script>
<link rel="icon" type="image/x-icon" href="image/favicon.ico"/>

</head>
<style>
</style>
<body>

<?php
$active ='about';
include('head.php');

<div id="page-container" style="margin-top:50px; position: relative;min-height:

84vh;">
<div class="container">
<div id="content-wrap" style="padding-bottom:50px;">
<div class="row">
<div class="col-lg-6">
<h1 class="mt-4 mb-3">About Us</h1>
<p> <?php
include 'conn.php';
$sql=$sql= "select * from pages where page_type='aboutus'";
$result=mysqli_query($conn,$sql);
if(mysqli_num_rows($result)>0) {
while($row = mysqli_fetch_assoc($result)) {
echo $row['page_data'];
}
}

?>
</p>

</div>
<div class="col-lg-6">
<img class="img-fluid rounded" src="image\banner_590x300.jpg"
style="height:400px" alt="error" >
</div>
</div>
</div></div>

<?php include('footer.php')
?>
</div>
</body>

</html>

Contact_us.php
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></
script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></
script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></
script>
<link rel="icon" type="image/x-icon" href="image/favicon.ico"/>
</head>

<body>
<?php $active ='contact';
include 'head.php'; ?>
<?php
if(isset($_POST["send"])){
$name=$_POST['fullname'];
$number=$_POST['contactno'];
$email=$_POST['email'];
$message=$_POST['message'];
$conn=mysqli_connect("localhost","root","","blood_donation") or die("Connection
error");
$sql= "insert into contact_query
(query_name,query_mail,query_number,query_message)
values('{$name}','{$number}','{$email}','{$message}')";
$result=mysqli_query($conn,$sql) or die("query unsuccessful.");
echo '<div class="alert alert-success alert_dismissible"><b><button
type="button" class="close"
data-dismiss="alert">×</button></b><b>Query Sent, We will contact you
shortly. </b></div>';
}?>

<div id="page-container" style="margin-top:50px; position: relative;min-height:

84vh;">
<div class="container">
<div id="content-wrap" style="padding-bottom:50px;">
<h1 class="mt-4 mb-3">Contact</h1>
<div class="row">
<div class="col-lg-8 mb-4">
<h3>Send us a Message</h3>
<form name="sentMessage" method="post">
<div class="control-group form-group">
<div class="controls">
<label>Full Name:</label>
<input type="text" class="form-control" id="name" name="fullname"
required>
<p class="help-block"></p>
</div>
</div>
<div class="control-group form-group">
<div class="controls">
<label>Phone Number:</label>
<input type="tel" class="form-control" id="phone" name="contactno"
required >
</div>
</div>
<div class="control-group form-group">
<div class="controls">
<label>Email Address:</label>
<input type="email" class="form-control" id="email" name="email"
required>
</div>
</div>
<div class="control-group form-group">
<div class="controls">
<label>Message:</label>
<textarea rows="10" cols="100" class="form-control" id="message"
name="message" required maxlength="999" style="resize:none"></textarea>
</div>
</div>
<button type="submit" name="send" class="btn btn-primary">Send
Message</button>
</form>
</div>
<div class="col-lg-4 mb-4">
<h2>Contact Details</h2>
<?php
include 'conn.php';
$sql= "select * from contact_info";
$result=mysqli_query($conn,$sql);
if(mysqli_num_rows($result)>0) {
while($row = mysqli_fetch_assoc($result)) { ?>
<br>
<p>
<h4>Address :</h4><?php echo $row['contact_address']; ?>
</p>
<p>
<h4>Contact Number :</h4><?php echo $row['contact_mail']; ?>
</p>
<p>
<h4> Email: </h4><a href="#"><?php echo $row['contact_phone'];
?></a>
</a></b>
</p>
<?php }
} ?>
</div>
</div>

</div>
</div>
<?php include 'footer.php' ?>
</div>
</body>

</html>

Donate_blood

<html>

<div id="page-container" style="margin-top:50px; position: relative;min-height:

84vh;">
<div class="container">
<div id="content-wrap" style="padding-bottom:50px;">
<div class="row">
<div class="col-lg-6">
<h1 class="mt-4 mb-3">Donate Blood </h1>
</div>
</div>
<form name="donor" action="savedata.php" method="post">
<div class="row">
<div class="col-lg-4 mb-4">
<div class="font-italic">Full Name<span style="color:red">*</span></div>
<div><input type="text" name="fullname" class="form-control" required></div>
</div>
<div class="col-lg-4 mb-4">
<div class="font-italic">Mobile Number<span style="color:red">*</span></div>
<div><input type="text" name="mobileno" class="form-control" required></div>
</div>
<div class="col-lg-4 mb-4">
<div class="font-italic">Email Id</div>
<div><input type="email" name="emailid" class="form-control"></div>
</div>
</div>
<div class="row">
<div class="col-lg-4 mb-4">
<div class="font-italic">Age(below 60)<span style="color:red">*</span></div>
<div><input type="text" name="age" class="form-control" required></div>
</div>
<div class="col-lg-4 mb-4">
<div class="font-italic">Gender<span style="color:red">*</span></div>
<div><select name="gender" class="form-control" required>
<option value="">Select</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
<option value="Others">Others</option>
</select>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="font-italic">Blood Group<span style="color:red">*</span></div>
<div><select name="blood" class="form-control" required>
<option value=""selected disabled>Select</option>
<?php
include 'conn.php';
$sql= "select * from blood";
$result=mysqli_query($conn,$sql) or die("query unsuccessful.");
while($row=mysqli_fetch_assoc($result)){
?>
<option value=" <?php echo $row['blood_id'] ?>"> <?php echo
$row['blood_group'] ?> </option>
<?php } ?>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 mb-4">
<div class="font-italic">Address<span style="color:red">*</span></div>
<div><textarea class="form-control" name="address"
required></textarea></div></div>
</div>
<div class="row">
<div class="col-lg-4 mb-4">
<div><input type="submit" name="submit" class="btn btn-primary"
value="Submit" style="cursor:pointer"></div>
</div>
</div>
</div>
</div>
<?php include('footer.php') ?>
</div>
</body>
</html>
Footer.php
<html>
<head>
<style>
#footer {

position:absolute;
left: 0;
bottom: 0;
width: 100%;
height: fit-content;
padding: 5px;
background-color:#000000;
color:white;
text-align: center;
}
</style>
</head>
<body>

<div id="footer" >

<b><center>COPYRIGHT © 2024<br>
Blood Bank & Donation Management
<br>
<?php
$conn=mysqli_connect("localhost","root","","blood_donation") or die("Connection
error");
$sql= "SELECT * FROM `donor_details`";
$result=mysqli_query($conn,$sql) or die("query unsuccessful.");
$num_rows = mysqli_num_rows($result);
?>
DONORS ENROLLED :<b style='color: yellow;'> <?php echo $num_rows; ?></b>
<br>
ALL RIGHTS RESERVED.
</center>
</div>

</body>

</html>

Head.php

<html>

<head>

<style>

.header {
overflow:hidden;
background-color: #333;
top: 0;
width:100%;
padding: 10px 5px;
color:#FF0404 ;
}
/* Style the header links */
.header a {
float: left;
color: white;
text-align: center;
padding: 12px;
text-decoration: none;
font-size: 18px;
line-height: 25px;
border-radius: 4px;
font-weight:bold;
}

/* Style the logo link (notice that we set the same value of line-height and font-size
to prevent the header to increase when the font gets bigger */
.header a.logo {
font-size: 25px;
font-weight: bold;
color:#FF0404 ;
}

/* Change the background color on mouse-over */

.header a:hover {
background-color: #ddd;
color: black;
}
/* Float the link section to the right */
.header-right {
float: right;
}

/* Add media queries for responsiveness - when the screen is 500px wide or less,
stack the links on top of each other */
@media screen and (max-width: 500px) {
.header a {
float: none;
display: block;
text-align: left;
}
.header-right {
float: none;
}
}
/* Style the active/current link*/
a.act{
background: linear-gradient(to right, #fd746c 0%, #ff9068 100%);
color: white;
border-radius:30px;
}
a.logo2{
background-color: #333;
}
</style>
</head>
<body>
<div class="header">
<a href="home.php" class="logo"<?php if($active=='home') echo
"class='logo2'"; ?>>Blood Bank & Donation </a>
<div class="header-right">
<a href="about_us.php" <?php if($active=='about') echo "class='act'"; ?>
>About Us</a>
<a href="why_donate_blood.php" <?php if($active=='why') echo "class='act'"; ?
>>Why Donate Blood</a>
<a href="donate_blood.php" <?php if($active=='donate') echo "class='act'"; ?
>>Become A Donor</a>
<a href="need_blood.php" <?php if($active=='need') echo "class='act'"; ?
>>Need Blood</a>
<a href="contact_us.php" <?php if($active=='contact') echo "class='act'"; ?
>>Contact Us</a>
</div>
</div>

</body>
</html>
Home.php
<!DOCTYPE html>
<html lang="en">

<head>

</div>
<?php include'ticker.php'; ?>
<div class="container">
<div class="row">
<div class="col-12">
<div class="text-center">
<img src="./image/blood_drop_logo.jpg" style = "height : 100px">
</div>
</div>
</div>
</div>
<div id="page-container" style="margin-top:50px; position: relative;min-height:
84vh; ">
<div class="container">
<div id="content-wrap"style="padding-bottom:75px;">

<div id="demo" class="carousel slide" data-ride="carousel">

</div>

<a class="carousel-control-prev" href="#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
<br>
<h1 style="text-align:center;font-size:45px;">Welcome to BloodBank & Donor
Management System</h1>
<br>
<div class="row">
<div class="col-lg-4 mb-4">
<div class="card">
<h4 class="card-header card bg-info text-white" >The need for
blood</h4>

<p class="card-body overflow-auto" style="padding-

left:2%;height:120px;text-align:left;">
<?php
include 'conn.php';
$sql=$sql= "select * from pages where
page_type='needforblood'";
$result=mysqli_query($conn,$sql);
if(mysqli_num_rows($result)>0) {
while($row = mysqli_fetch_assoc($result)) {
echo $row['page_data'];
}
}

?>
</p>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="card">
<h4 class="card-header card bg-info text-white">Blood Tips</h4>

<p class="card-body overflow-auto" style="padding-

left:2%;height:120px;text-align:left;">
<?php
include 'conn.php';
$sql=$sql= "select * from pages where page_type='bloodtips'";
$result=mysqli_query($conn,$sql);
if(mysqli_num_rows($result)>0) {
while($row = mysqli_fetch_assoc($result)) {
echo $row['page_data'];
}
}

?>
</p>

</div>
</div>
<div class="col-lg-4 mb-4">
<div class="card">
<h4 class="card-header card bg-info text-white" >Who you could
Help</h4>

<p class="card-body overflow-auto" style="padding-

left:2%;height:120px;text-align:left;">
<?php
include 'conn.php';
$sql=$sql= "select * from pages where page_type='whoyouhelp'";
$result=mysqli_query($conn,$sql);
if(mysqli_num_rows($result)>0) {
while($row = mysqli_fetch_assoc($result)) {
echo $row['page_data'];
}
}

?>
</p>

</div>
</div>
</div>

<h2>Blood Donor Names</h2>

<div class="row">
<?php
include 'conn.php';
$sql= "select * from donor_details join blood where
donor_details.donor_blood=blood.blood_id order by rand() limit 6";
$result=mysqli_query($conn,$sql);
if(mysqli_num_rows($result)>0)
{
while($row = mysqli_fetch_assoc($result)) {
?>
<div class="col-lg-4 col-sm-6 portfolio-item" ><br>
<div class="card" style="width:300px">
<img class="card-img-top" src="image\blood_drop_logo.jpg" alt="Card
image" style="width:100%;height:300px">
<div class="card-body">
<h3 class="card-title"><?php echo $row['donor_name']; ?></h3>
<p class="card-text">
<b>Blood Group : </b> <b><?php echo $row['blood_group'];
?></b><br>
<b>Mobile No. : </b> <?php echo $row['donor_number']; ?><br>
<b>Gender : </b><?php echo $row['donor_gender']; ?><br>
<b>Age : </b> <?php echo $row['donor_age']; ?><br>
<b>Address : </b> <?php echo $row['donor_address']; ?><br>
</p>

</div>
</div>
</div>
<?php }} ?>
</div>
<br>

<div class="row">
<div class="col-lg-6">
<h2>BLOOD GROUPS</h2>
<p>
<?php
include 'conn.php';
$sql=$sql= "select * from pages where page_type='bloodgroups'";
$result=mysqli_query($conn,$sql);
if(mysqli_num_rows($result)>0) {
while($row = mysqli_fetch_assoc($result)) {
echo $row['page_data'];
}
}

?></p>

</div>
<div class="col-lg-6">
<img src="image\Bloodtype.jpg" width="480" height="459" style="border:
5px solid black;">
</div>
</div>

<hr>

<div class="row mb-4">
<div class="col-md-8">
<h4>UNIVERSAL DONORS AND RECIPIENTS</h4>
<p>
<?php
include 'conn.php';
$sql=$sql= "select * from pages where page_type='universal'";
$result=mysqli_query($conn,$sql);
if(mysqli_num_rows($result)>0) {
while($row = mysqli_fetch_assoc($result)) {
echo $row['page_data'];
}
}

?></p>
</div>
<div class="col-md-4">
<a class="btn btn-lg btn-secondary btn-block" href="donate_blood.php"
style="align:center; background-color:#7FB3D5;color:#273746 ">Become a Donor
</a>
</div>
</div>

</div>
</div>
<?php include('footer.php');?>
</div>

</body>

</html>
Need_blood.php
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></
script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></
script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></
script>
<link rel="icon" type="image/x-icon" href="image/favicon.ico"/>
</head>

<div id="page-container" style="margin-top:50px; position: relative;min-height:

84vh;">
<div class="container">
<div id="content-wrap" style="padding-bottom:50px;">

<div class="row">
<div class="col-lg-6">
<h1 class="mt-4 mb-3">Need Blood</h1>
</div>
</div>
<form name="needblood" action="" method="post">
<div class="row">
<div class="col-lg-4 mb-4">
<div class="font-italic">Blood Group<span style="color:red">*</span></div>
<div><select name="blood" class="form-control" required>
<option value=""selected disabled>Select</option>
<?php
include 'conn.php';
$sql= "select * from blood";
$result=mysqli_query($conn,$sql) or die("query unsuccessful.");
while($row=mysqli_fetch_assoc($result)){
?>
<option value=" <?php echo $row['blood_id'] ?>"> <?php echo
$row['blood_group'] ?> </option>
<?php } ?>
</select>
</div>
</div>

<div class="col-lg-4 mb-4">

<div class="font-italic">Reason, why do you need blood?<span
style="color:red">*</span></div>
<div><textarea class="form-control" name="address"
required></textarea></div></div>
</div>
<div class="row">
<div class="col-lg-4 mb-4">
<div><input type="submit" name="search" class="btn btn-primary"
value="Search" style="cursor:pointer"></div>
</div>

</div><div class="row">
<?php if(isset($_POST['search'])){

$bg=$_POST['blood'];
$sql= "select * from donor_details join blood where
donor_details.donor_blood=blood.blood_id AND donor_blood='{$bg}' order by
rand() limit 5";
$result=mysqli_query($conn,$sql) or die("query unsuccessful.");
if(mysqli_num_rows($result)>0) {
while($row = mysqli_fetch_assoc($result)) {
?>

<div class="col-lg-4 col-sm-6 portfolio-item" ><br>

<div class="card" style="width:300px">
<img class="card-img-top" src="image\blood_drop_logo.jpg" alt="Card
image" style="width:100%;height:300px">
<div class="card-body">
<h3 class="card-title"><?php echo $row['donor_name']; ?></h3>
<p class="card-text">
<b>Blood Group : </b> <b><?php echo $row['blood_group'];
?></b><br>
<b>Mobile No. : </b> <?php echo $row['donor_number']; ?><br>
<b>Gender : </b><?php echo $row['donor_gender']; ?><br>
<b>Age : </b> <?php echo $row['donor_age']; ?><br>
<b>Address : </b> <?php echo $row['donor_address']; ?><br>
</p>
</div>
</div>
</div>

<?php
}
}
else
{

echo '<div class="alert alert-danger">No Donor Found For your search Blood
group </div>';

}
} ?>
</div>
</div>
</div>
<?php include 'footer.php' ?>
</div>
</body>

</html>
Saveddata.php
<?php
$name=$_POST['fullname'];
$number=$_POST['mobileno'];
$email=$_POST['emailid'];
$age=$_POST['age'];
$gender=$_POST['gender'];
$blood_group=$_POST['blood'];
$address=$_POST['address'];
if (intval($age) >=60) {
?>
<p>Age cannot exceed 60. Click <a href="donate_blood.php">here</a> to
go back.<p>
<?php
exit();
// header("location: ./home.php");
}
$conn=mysqli_connect("localhost","root","","blood_donation") or die("Connection
error");
$sql= "INSERT INTO
donor_details(donor_name,donor_number,donor_mail,donor_age,donor_gender,dono
r_blood,donor_address)
values('{$name}','{$number}','{$email}','{$age}','{$gender}','{$blood_group}','{
$address}')";
$result=mysqli_query($conn,$sql) or die("query unsuccessful.");

header("Location: ./home.php");

mysqli_close($conn);
?>
Search blood group.php
<?php

$bg=$_POST['blood'];
$conn=mysqli_connect("localhost","root","","blood_donation") or die("Connection
error");
$sql= "select * from donor_details where donor_blood='{$bg}' order by rand() limit
5";
$result=mysqli_query($conn,$sql) or die("query unsuccessful.");
if(mysqli_num_rows($result)>0) {
while($row = mysqli_fetch_assoc($result)) {
?>
<div class="row">
<div class="col-lg-4 col-sm-6 portfolio-item" ><br>
<div class="card" style="width:300px">
<img class="card-img-top" src="image\blood_drop_logo.jpg" alt="Card image"
style="width:100%;height:300px">
<div class="card-body">
<h3 class="card-title"><?php echo $row['donor_name']; ?></h3>
<p class="card-text">
<b>Blood Group : </b> <b><?php echo $row['blood_group']; ?></b><br>
<b>Mobile No. : </b> <?php echo $row['donor_number']; ?><br>
<b>Gender : </b><?php echo $row['donor_gender']; ?><br>
<b>Age : </b> <?php echo $row['donor_age']; ?><br>
<b>Address : </b> <?php echo $row['donor_address']; ?><br>
</p>

</div>
</div>
</div>

Slider.php
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></
script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></
script>
</head>
<body>
<div class="container" style="margin-top:100px">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
</ol>

<a class="left carousel-control" href="#myCarousel" data-slide="prev">

<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</body>

</html>

Ticker.php

<html>
<head>
<style>
@media screen and (max-width: 80px) {
.news {
position:relative;margin-left:auto;margin-right:auto;margin-top:400px ;
}
.text1{
box-shadow:none !important;
position:relative;
margin-left:auto;margin-right:auto;
}
}
.blue {
background: #347fd0;
}

.news {
box-shadow: inset 0 -15px 30px rgba(10,4,60,0.4), 0 5px 10px
rgba(10,20,100,0.5);
width: 100%;
height:50px;
margin-top:0px;
overflow: hidden;

border-radius: 4px;
padding: 1px;
-webkit-user-select: none;

.news span {
float: left;
color: #fff;
padding: 9px;
position: relative;
top: 1%;
box-shadow: inset 0 -15px 30px rgba(0,0,0,0.4);
font: 16px 'Raleway', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
cursor: pointer;
}

.text1{

box-shadow:none !important;
position:relative;
width:90%
}
</style>
</head>
<body>
</body>
</head>
</html>
Why_donate_blood.php
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></
script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></
script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></
script>
<link rel="icon" type="image/x-icon" href="image/favicon.ico"/>

</head>

<div id="page-container" style="margin-top:50px; position: relative;min-height:

84vh;">
<div class="container">
<div id="content-wrap" style="padding-bottom:50px;">
<div class="row">
<div class="col-lg-6">
<h1 class="mt-4 mb-3">Why Should I Donate Blood ? </h1>
<p>
<?php
include 'conn.php';
$sql=$sql= "select * from pages where page_type='donor'";
$result=mysqli_query($conn,$sql);
if(mysqli_num_rows($result)>0) {
while($row = mysqli_fetch_assoc($result)) {
echo $row['page_data'];
}
}

?>
</p>

</div>
<div class="col-lg-6">
<img class="img-fluid rounded" src="image\
08f2fccc45d2564f74ead4a6d5086871.png" style="height:600px; width:500px"
alt="error" >
</div>
</div>
</div>

</div>

<?php include('footer.php')
?>
</div>
</body>

</html>

Assignment 11PHP
No ratings yet
Assignment 11PHP
10 pages
Page 0 Home Page
No ratings yet
Page 0 Home Page
3 pages
REGISTRATION
No ratings yet
REGISTRATION
13 pages
Multi Level User Login and Registration System in PHP and MySQL
100% (1)
Multi Level User Login and Registration System in PHP and MySQL
14 pages
Student Attendance Login Page
No ratings yet
Student Attendance Login Page
4 pages
Osc - Experiment - 6
No ratings yet
Osc - Experiment - 6
11 pages
PHP For Login
No ratings yet
PHP For Login
6 pages
Attendance App Login Page
No ratings yet
Attendance App Login Page
16 pages
Admin Login Page for Salon System
No ratings yet
Admin Login Page for Salon System
2 pages
Change Log in
No ratings yet
Change Log in
10 pages
Register Page Code
100% (1)
Register Page Code
4 pages
70 FalguniDabhi PA2
No ratings yet
70 FalguniDabhi PA2
51 pages
Yudha Julio - 2021230026 - UAS Prak - PemrogramanInternet
No ratings yet
Yudha Julio - 2021230026 - UAS Prak - PemrogramanInternet
11 pages
PHP
No ratings yet
PHP
11 pages
JMCT Polytechnic, Nasik: Department of Computer Engineering
No ratings yet
JMCT Polytechnic, Nasik: Department of Computer Engineering
15 pages
Activity 1 Information Assurance and Security 2
No ratings yet
Activity 1 Information Assurance and Security 2
7 pages
Itse Lab # 11 and 12
No ratings yet
Itse Lab # 11 and 12
10 pages
PBT2 Web Programming (F2022, F2026)
No ratings yet
PBT2 Web Programming (F2022, F2026)
19 pages
Gmail Signup Form Implementation
No ratings yet
Gmail Signup Form Implementation
14 pages
Simple Attendance System Login Page
No ratings yet
Simple Attendance System Login Page
4 pages
Document 1
No ratings yet
Document 1
3 pages
CODING
No ratings yet
CODING
39 pages
Include Include
No ratings yet
Include Include
6 pages
6th (1) Web
No ratings yet
6th (1) Web
10 pages
Database
No ratings yet
Database
8 pages
User PHP
No ratings yet
User PHP
2 pages
P01 Getting Started and Creating The Authentication System
No ratings yet
P01 Getting Started and Creating The Authentication System
22 pages
PHP CRUD Operation
No ratings yet
PHP CRUD Operation
9 pages
PHP Signup Form with Ajax & File Upload
No ratings yet
PHP Signup Form with Ajax & File Upload
7 pages
Rakesh
No ratings yet
Rakesh
3 pages
Dual Login Forms Guide
No ratings yet
Dual Login Forms Guide
2 pages
PHP Coding
No ratings yet
PHP Coding
20 pages
Form Handling in PHP
No ratings yet
Form Handling in PHP
14 pages
Web Application Development Exam 2022
No ratings yet
Web Application Development Exam 2022
19 pages
JQuery Log in Page
No ratings yet
JQuery Log in Page
7 pages
PHP Form Validation & CRUD Guide
No ratings yet
PHP Form Validation & CRUD Guide
10 pages
PHP Lab Program
No ratings yet
PHP Lab Program
22 pages
Source Code:: Admin Login Form
No ratings yet
Source Code:: Admin Login Form
19 pages
PHP File
No ratings yet
PHP File
25 pages
CRUD Operation in DBMS
No ratings yet
CRUD Operation in DBMS
8 pages
PHP Mysql Login System
No ratings yet
PHP Mysql Login System
17 pages
PHP User Management System
No ratings yet
PHP User Management System
11 pages
Universidad Tecnológica de La Selva: Unidad Académica
No ratings yet
Universidad Tecnológica de La Selva: Unidad Académica
51 pages
58C - HTML - CSS - JAVASCRIPT - PHP - 211-15-3966 - WEB - LEB - REPORT (AutoRecovered)
No ratings yet
58C - HTML - CSS - JAVASCRIPT - PHP - 211-15-3966 - WEB - LEB - REPORT (AutoRecovered)
40 pages
Password Reset Form Implementation
No ratings yet
Password Reset Form Implementation
3 pages
TXT
No ratings yet
TXT
2 pages
PHP Inventory System Guide
No ratings yet
PHP Inventory System Guide
56 pages
Codes of PHP
No ratings yet
Codes of PHP
7 pages
Oyamats & Friends - ProjectPart5
No ratings yet
Oyamats & Friends - ProjectPart5
120 pages
Event Management
No ratings yet
Event Management
6 pages
Introduction
No ratings yet
Introduction
7 pages
Practical 10
No ratings yet
Practical 10
26 pages
Coding
No ratings yet
Coding
24 pages
Pengkodingan Pada + Login Admin PHP: PHP Session - Start Include Require - Once
No ratings yet
Pengkodingan Pada + Login Admin PHP: PHP Session - Start Include Require - Once
6 pages
Asdfg
No ratings yet
Asdfg
3 pages
How To Create A Blog in PHP and MySQL Database
No ratings yet
How To Create A Blog in PHP and MySQL Database
31 pages
Admin and User Login in PHP and Mysql Database
100% (1)
Admin and User Login in PHP and Mysql Database
13 pages
Admin Login
100% (1)
Admin Login
5 pages
Boots
No ratings yet
Boots
2 pages
Project Dissertation
No ratings yet
Project Dissertation
151 pages
Prepositions in Academic Usage
No ratings yet
Prepositions in Academic Usage
2 pages
Acknowledgement
No ratings yet
Acknowledgement
1 page
Certificates Distribution
No ratings yet
Certificates Distribution
1 page
TabulationRegister X
No ratings yet
TabulationRegister X
33 pages
Tabulation Register XII
No ratings yet
Tabulation Register XII
19 pages
100 Percent Documentation Manual
No ratings yet
100 Percent Documentation Manual
31 pages
Clary Borja's Bikini Adventure
No ratings yet
Clary Borja's Bikini Adventure
12 pages
12
No ratings yet
12
2 pages

Projects

Uploaded by

Projects

Uploaded by

Admin side

<h1 class="page-title">Add Donor</h1>

<div class="col-lg-4 mb-4"><br>

<button class="btn btn-primary" name="submit" type="submit">Go to

<h1 class="page-title">Change Password</h1>

<div class="form-group" method="post">

<button class="btn btn-primary" name="submit" type="submit">Go to Login

<div class="stat-panel-number h1"><?php echo $row?></div>

<div class="stat-panel-number h1 "><?php echo $row1?></div>

<div class="stat-panel-number h1 "><?php echo $row2 ?></div>

<button class="btn btn-primary" name="submit" type="submit">Go to

<h1 class="page-title">Donor List</h1>

if(mysqli_num_rows($result1) > 0){

$total_page = ceil($total_records / $limit);

echo '<ul class="pagination admin-pagination">';

<button class="btn btn-primary" name="submit" type="submit">Go to

<nav class="navbar navbar-inverse">

<head> <meta charset="utf-8">

<form class="" action="<?php $_SERVER['PHP_SELF']; ?>" method="post">

<div class="container" style="margin-top:200px;">

<div class="row justify-content-lg-center justify-content-mb-center" >

$sql="SELECT * from admin_info where admin_username='$username' and

var nicEditorConfig = bkClass.extend({

<h1 class="page-title">Manage Page Data</h1>

if(mysqli_num_rows($result1) > 0){

$total_page = ceil($total_records / $limit);

echo '<ul class="pagination admin-pagination">';

<button class="btn btn-primary" name="submit" type="submit">Go to

<h1 class="page-title">Pending Query</h1>

<td><?php echo $count++; ?></td>

<td><a href="query.php?id=<?php echo $row['query_id'];?>"

if(mysqli_num_rows($result1) > 0){

echo '<ul class="pagination admin-pagination">';

<button class="btn btn-primary" name="submit" type="submit">Go to

<h1 class="page-title">User Query</h1>

<td><?php echo $count++; ?></td>

<td><a href="query.php?id=<?php echo $row['query_id'];?>"

if(mysqli_num_rows($result1) > 0){

$total_page = ceil($total_records / $limit);

echo '<ul class="pagination admin-pagination">';

<button class="btn btn-primary" name="submit" type="submit">Go to

@media screen and (max-width: 700px) {

@media screen and (max-width: 400px) {

<div class="sidebar" ><b>

<h1 class="page-title">Update Contact Info</h1>

<button class="btn btn-primary" name="update"

<button class="btn btn-primary" name="submit" type="submit">Go to

.nicEdit-panel > div > * {

<h1 class="page-title">Update Page Details</h1>

<form name="updata_page" method="post">

<textarea cols="60" rows="10" id="area4" name="data">

<button class="btn btn-primary" name="submit" type="submit">Go to

<div id="page-container" style="margin-top:50px; position: relative;min-height:

<div id="page-container" style="margin-top:50px; position: relative;min-height:

<div id="page-container" style="margin-top:50px; position: relative;min-height:

<div id="footer" >

/* Change the background color on mouse-over */

<div id="demo" class="carousel slide" data-ride="carousel">

<p class="card-body overflow-auto" style="padding-

<p class="card-body overflow-auto" style="padding-

<p class="card-body overflow-auto" style="padding-

<h2>Blood Donor Names</h2>

<div id="page-container" style="margin-top:50px; position: relative;min-height:

<div class="col-lg-4 mb-4">

<div class="col-lg-4 col-sm-6 portfolio-item" ><br>

<a class="left carousel-control" href="#myCarousel" data-slide="prev">

<div id="page-container" style="margin-top:50px; position: relative;min-height:

You might also like