Scribd
Upload
43 views5 pages

Account Statement

The document contains the code for a bank account statement webpage. It includes styles for layout and navigation elements. There is a form to input account and date details and a table that displays transaction records for the selected period.

Uploaded by

Anurag Bhardwaj
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
43 views5 pages

Account Statement

The document contains the code for a bank account statement webpage. It includes styles for layout and navigation elements. There is a form to input account and date details and a table that displays transaction records for the selected period.

Uploaded by

Anurag Bhardwaj
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 5

<!

DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.footer
{
<!--margin-top:480px;-->
width:100%;
position:fixed;
left:0;
bottom:0;
padding:15px 22%;
background:black;
color:white;
display:flex;

}
.footer div
{
text-align:center;
}
.Service
{
flex-grow:2;
}
.footer div h3
{
font-size:30px;
color:yellow;
}
.About
{
display:block;
text-decoration:none;

}
*
{
margin:0px;
padding:0px;
}
h3
{
margin-top:0px;
margin-bottom:0px;
background-color:black;
color:white;
width:100%;
height:70px;
font-size:30px;
}
body
{

margin:0px;
padding:0px;
background:lightgrey;

}
.nav
{
margin-top:0px;
width:100%;
background:yellow;
height:50px;
}
ul
{
float:right;
list-style:none;
padding:0;
margin:0;
position:absolute;

}
ul li
{
float:left;
margin-top:10px;

height:35px;
line-height:35px;

}
ul li a
{
width:190px;
color:black;
display:block;
text-decoration:none;
font-size:18px;
text-align:center;
padding:5px;
font-family:Century Gothic;
font-weight:bold;
}
a:hover
{
background:green;
}
ul li ul
{
background-color:white;
}
ul li ul li
{
float:none;

}
ul li ul
{
display: none;
}
ul li:hover ul
{
display:block;
}
#a
{
border:2px solid black;
width:28px;
}

</style>
</head>
<body>
<div>
<h3 id="h3_id"><br>
<b style="color: #FFCC00"> FedChoice </b>
<b style="color: white"> Bank</b><br></h3>
<div class="nav">

<ul>
<li><a class="active" href="#">Home</a></li>
<li>
<a href="#">Customer Management</a>
<ul>
<li><a href="Home_Footer.html"
target="_self">Create Customer</a></li>
<li><a href="#">Update Customer</a></li>
<li><a href="#">Delete Customer</a></li>
</ul>
</li>
<li>
<a href="#">Account Management</a>
<ul>
<li><a href="#">Create Accunt</a></li>
<li><a href="#">Delete Account</a></li>
</ul>
</li>
<li>
<a href="#">Status Details </a>
<ul>
<li><a href="#">Customer
Status</a></li>
<li><a href="#">Account Status</a></li>
</ul>
</li>

<li>
<a href="#">Account Operation</a>
<ul>
<li><a href="#">Option1</a></li>
<li><a href="#">Option2</a></li>
<li><a href="#">Option3</a></li>
</ul>
</li>

<li><a href="#">logout</a></li>
</ul>
</div>
<div class="Demo1">
<center><h1>Account Statement</h1></center>
<br>
<form>
<table border="0" cellspacing="0" cellpadding="4" style="margin-
left:auto;margin-right:auto;">
<div class ="container">
<tr><td>Account ID:*</td><td><input
type="text"placeholder=""name=Account ID"reqired maxlength="15"
minlength="8"></td></tr>
<tr><td>Start Date:*</td><td><input
type="text"placeholder=""name="Start Date"reqired maxlength="15"
minlength="8"></td></tr>
<tr><td>End Date:*</td><td><input
type="text"placeholder=""name="End Date"reqired maxlength="3"
minlength="0"></td></tr>
<tr><td>(*)Fields are Compulsory</td></tr>
<tr><td colspan="2" align="center" ><input type="submit"
value="Submit"></td></tr>
</div>
</table>

<div></div>
<table border="2" cellspacing="0" cellpadding="4" style="border:1px solid
black;margin-left:auto;margin-right:auto;">
<tr bgcolor="yellow">
<td><b>Transaction ID</b></td>
<td><b>Description</td>
<td><b>Date(YYYY-MM-DD)</b></td>
<td><b>Amount</b></td>
</tr>
<tr>
<td>000003164</td>
<td>Withdraw</td>
<td>2018-06-24</td>
<td>200</td>
</tr>
<tr>
<td>000003159</td>
<td>Withdraw</td>
<td>2018-06-24</td>
<td>900</td>
</tr>
<tr>
<td>000003157</td>
<td>Withdraw</td>
<td>2018-06-24</td>
<td>20</td>
</tr>
<tr>
<td>000003158</td>
<td>Deposit</td>
<td>2018-06-24</td>
<td>2000</td>
</tr>
<tr>
<td>000003224</td>
<td>Withdraw</td>
<td>2018-06-26</td>
<td>100</td>
</tr>
<tr>
<td>000003229</td>
<td>Withdraw</td>
<td>2018-06-24</td>
<td>2005</td>
</tr>
<tr>
<td>000003222</td>
<td>Deposit</td>
<td>2018-06-24</td>
<td>100</td>
</tr>
<tr>
<td>000003221</td>
<td>Tranfer</td>
<td>2018-06-24</td>
<td>100</td>
</tr>
<tr>
<td>000003220</td>
<td>Transfer</td>
<td>2018-06-24</td>
<td>200</td>
</tr>
<tr>
<td>000003217</td>
<td>Withdraw</td>
<td>2018-06-24</td>
<td>200</td>
</tr>

</table>

</table>
<center><tr><td colspan="2 " ><input type="submit" value="Download as PDF
File"></td>
<td colspan="2 " ><input type="submit" value="Download as Excel
File"></td></tr>
</table></center>

</div>

</body>
</html>

You might also like