Coding For Electricity Billing System

Coding for Electricity Billing System
Homepage….
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link href="data:image/x-icon;base64,A==" rel="icon"
type="image/x-icon" />
<title>E-bill System</title>


<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/font-awesome.css" rel="stylesheet">



<link href="assets/css/main.css" rel="stylesheet">






</head>
<body>


<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand"
href="index.php"><b>Prayagraj Billing System</b></a>
</div>
<div class="navbar-collapse collapse" >

<form action="index.php" class="navbar-form navbar-right"

role="form" method="post">
<div class="form-group">
<input type="text" placeholder="Email" name="email"
id="email" class="form-control">
</div>
<input type="password" placeholder="Password"
name="pass" id="pass" class="form-control">
</div>
<button type="login_submit" class="btn btn-success"
onclick=" validateForm();">Sign In</button>
</form>
</div>

</div>
</div>
<div id="headerwrap">
<div class="darkhearderwrap">
<div class="row">
<div class="col-lg-6 signup">
<h1>Prayagraj Billing System</h1>
<p>This website at the end of its construction
will act as a consumer oriented service for users for easy
payment of their respective <b>Electricity Bill</b> as well as
interact with their providers in case of any queries or
grivances.</p>
</div>

<div class="col-lg-6">
<h1>Sign Up</h1>

<form action="signup.php" method="post" class="form-

horizontal" role="form" onsubmit="return validateForm()">
<center>
<div class="row form-group">
<div class="col-md-12">
<input type="name" class="form-control" name="name"
id="name" placeholder="Full Name" required>

</div>
</div>
<input type="email" class="form-control" name="email"
id="email" placeholder="Email" required>
</div>
</div>
<input type="password" class="form-control"
name="inputPassword" id="inputPassword"
placeholder="Password" required>
</div>
</div>
<input type="password" class="form-control"
name="confirmPassword" placeholder="Confirm Password"
required>

</div>
</div>
<input type="tel" class="form-control"
name="contactNo" placeholder="Contact No." required>
</div>
</div>
<input type="address" class="form-control"
name="address" placeholder="Address" required>
</div>
</div>
<button name="reg_submit" class="btn btn-
primary">Sign Up</button>
</div>
</div>
</center>
</form>
</div>

</div>

</div>

</div>
</div>

<div class="row mt centered">
<div class="col-lg-6 col-lg-offset-3">
<h1>How this Portal woks</h1>
<h3></h3>
</div>
</div>

<div class="row mt centered">

<img src="assets/img/ser01.png" width="180" alt="">
<h4>1 - Login</h4>
<p></p>
</div>

<h4>2 - Peruse Bills</h4>
<p></p>
</div>

<h4>3 - Transact</h4>
<p></p>
</div>

</div>

</div>

<hr>
<p class="centered">Created by <a
href=""><b>BILLING</b></a> <b>eletricity billing</b></p>
</div>


<script src="assets/js/jquery-1.11.0.js"></script>

<script src="assets/js/bootstrap.min.js"></script>

<script src="assets/js/custom.js"></script>
<script>
function validateForm() {
var x = document.forms["myForm"]["email"].value;
var atpos = x.indexOf("@");
var dotpos = x.lastIndexOf(".");
if (atpos< 1 || dotpos<atpos+2 || dotpos+2>=x.length) {
alert("Not a valid e-mail address");
return false;
}
} </script>
</body>
</html>
//Interface after Login
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,
initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link href="data:image/x-icon;base64,A==" rel="icon"
type="image/x-icon" />
<title>Ebill</title>


<link href="../assets/css/bootstrap.css" rel="stylesheet">


<link href="../assets/css/dash_user.css" rel="stylesheet">





<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/
font-awesome.min.css">



</head>


<body>
<div id="wrapper">
<nav class="navbar navbar-inverse navbar-fixed-top"

role="navigation">

<a class="navbar-brand" href="index.php"><i class="fa fa-
bolt"></i> E-Billing System</a>
</div>

<a style="position:absolute;top:35px;left:-1px;font-
size:20px;color:#7f7f7f;padding:5px;background-color:
#000;border-bottom-right-radius:10px; " href="#menu-toggle"
id="menu-toggle" <i class="fa fa-dedent"></i></a>


<ul class="nav navbar-right top-nav" style="margin-right:
10px">
<li class="dropdown">
<a style="font-size:16px" href="#" class="dropdown-
toggle" data-toggle="dropdown"><i class="fa fa-user"></i>
sarfaraz <b class="caret"></b></a> <ul
class="dropdown-menu">
<li>
<a href="#" data-toggle="modal" data-
target="#profile"><i class="fa fa-fw fa-user"></i> Profile</a>
</li>
<li class="divider"></li>
<li>
<a href="logout.php"><i class="fa fa-fw fa-power-
off"></i> Log Out</a>
</li>
</ul>
</li>
</ul>

</nav>



<div class="modal fade" id="profile" tabindex="-1"
role="dialog" aria-labelledby="myModalLabel" aria-
hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-
dismiss="modal"><span
aria-hidden="true">×</span><span class="sr-
only">Close</span></button>
<h3 class="modal-title"><b><i class="fa fa-fw fa-
user"></i>PROFILE</b></h3>
</div>
<div class="modal-body text-center">
<h4>Name : <code>sarfaraz</code></h4>
<h4>Email :
<code>sarfarazalisyed2@gmail.com</code></h4>
</div>
</div>
</div>
</div>


<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="active">
<a href="index.php"><i class="fa fa-fw fa-
dashboard"></i> Dashboard</a>
</li>
<li>
<a href="bill.php"><i class="fa fa-fw fa-dollar"></i>
Bills </a>
</li>

<li>
<a href="transaction.php"><i class="fa fa-fw fa-
table"></i> Transactions </a>
</li>
<li>
<a href="complaint.php"><i class="fa fa-fw
fa-info"></i> Complaints </a>
</li>

</ul>
</div>



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

<div class="row">
<h1 class="page-header">
Bills
</h1>


<ul class="nav nav-pills nav-justified">
<li class="active"><a href="#history" data-
toggle="pill">History</a>
</li>
<li class=""><a href="#due" data-
toggle="pill">Due</a>
</li>
</ul>


<div class="tab-content">
<div class="tab-pane fade in active"
id="history">


<div class="table-responsive">
<table class="table table-hover table-
striped table-bordered table-condensed">
<thead>
<tr>
<th>Bill No.</th>
<th>Bill Date</th>
<th>UNITS Consumed</th>
<th>Amount</th>
<th>Due Date</th>
<th>STATUS</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<div class="col-md-offset-5"></div>
</div>

</div>
<div class="tab-pane fade" id="due">

<div class="table-responsive">
<table class="table table-hover table-
striped table-bordered table-condensed">
<thead>
<tr>

<th>Bill Date</th>
<th>UNITS Consumed</th>
<th>Due Date</th>
<th>Amount</th>
<th>DUES</th>
<th>Payable</th>
<th>Action</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<div class="col-md-offset-5"></div>
</div>
</div> 
</div>
</div>
</div> 
</div>
</div>

</div>


<footer class="text-center">
<div class="footer-below">
Created by <a href="">Billing </a> System
</div>
</div>
</footer>

<script src="../assets/js/jquery-1.11.0.js"></script>


<script src="../assets/js/bootstrap.min.js"></script>

<script>
$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
</script>
</body>
</html>

Coding For Electricity Billing System

Uploaded by

Copyright:

Available Formats

You might also like

Coding For Electricity Billing System

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Coding For Electricity Billing System

Uploaded by

Copyright:

Available Formats

Coding for Electricity Billing System

<!-- HTML5 shim and Respond.js IE8 support of HTML5

<form action="index.php" class="navbar-form navbar-right"

<form action="signup.php" method="post" class="form-

<div class="row mt centered">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5

<nav class="navbar navbar-inverse navbar-fixed-top"

</div>

</div>

</div>

</div>

</div>

You might also like