You are on page 1of 6

<!

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>
<body style="text-align:center>;
<div class="Customer Status">
<div id= "box"> <h1>Customer Status</h1> </div>
<table align="center" border="2" cellspacing="0" cellpadding="4">
<tr bgcolor="yellow">
<td><b>Customer ID</b></td>
<td><b>Customer SSN ID</td>
<td><b>status</b></td>
<td><b>Message</b></td>
<td><b>Last Updated</b></td>
<td><b>Operations</b></td>
<td><b>View Profile</b></td>
</tr>
<tr>
<td>100000625</td>
<td>800000012</td>
<td>Active</td>
<td>Customer Update Complete</td>
<td>2019-02-23</td>
<td><a href="url">Refresh</a></td>
<td><a href="url">View Details</a></td>
</tr>
<tr>
<td>100000632</td>
<td>800000019</td>
<td>Active</td>
<td>Customer created successfully</td>
<td>2020-02-23</td>
<td><a href="url">Refresh</a></td>
<td><a href="url">View Details</a></td>
</tr>
<tr>
<td>100000266</td>
<td>800000002</td>
<td>Active</td>
<td>Customer reactivated successfully</td>
<td>2018-02-23</td>
<td><a href="url">Refresh</a></td>
<td><a href="url">View Details</a></td>
</tr>
<tr>
<td>0</td>
<td>800000111</td>
<td></td>
<td></td>
<td></td>
<td><a href="url">Refresh</a></td>
<td><a href="url">View Details</a></td>
</tr>
<tr>
<td>100000261</td>
<td>800000001</td>
<td>Active</td>
<td>Customer is already active</td>
<td>2021-07-21</td>
<td><a href="url">Refresh</a></td>
<td><a href="url">View Details</a></td>
</tr>
<tr>
<td>100000267</td>
<td>800000003</td>
<td>Active</td>
<td>Cutomer Updated</td>
<td>2020-01-23</td>
<td><a href="url">Refresh</a></td>
<td><a href="url">View Details</a></td>
</tr>
<tr>
<td>100000268</td>
<td>800000004</td>
<td>Active</td>
<td>Customer is already active</td>
<td>2021-07-25</td>
<td><a href="url">Refresh</a></td>
<td><a href="url">View Details</a></td>
</tr>
<tr>
<td>100000626</td>
<td>800000013</td>
<td>Active</td>
<td>Customer created successfully</td>
<td>2021-09-11</td>
<td><a href="url">Refresh</a></td>
<td><a href="url">View Details</a></td>
</tr>
</table>
<br><br>
<footer class="footer">
<!-- Start footer top area -->

<div class="About">
<h3>About Us</h3>
<p style="font-size:14px">FedChoice bank was Founded on 14th june
2016 with the objective of providing<br>with the detail service based on Retail
banking operations.</p>

</div>

<div class="Service">
<h3>Services</h3>
<p style="font-size:14px">Retail and Customer banking<br>Personal
Internet banking<br>Corporate Internate banking<br>Debit and credit cards</p>

</div>

<div class="Contact">
<h3>Contact Us</h3>
<p style="font-
size:14px">Email:Customer.service@fedchoice.com<br>
Contact No:0224454577,02254545566<br>Address:Corporate
Office,Madame Cama Road<br>Nariman Point
,Mumbai,Maharashtra 400021</p>
</div>

<!-- End footer top area -->


</footer>
</body>
</html>

You might also like