Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 5

<!

DOCTYPE html>
<html>
<head>
<style>

.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;
}

table {

border:4x solid red;


font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;

margin-top:10px;
margin-bottom:10px;
}
td, th {
border: 4px solid #dddddd;
text-align: left;
padding: 8px;
text-align:center;
}

tr:nth-child(even) {
background-color: #dddddd;
}
</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>
<h2>HTML Table</h2>

<table style="align:center;">
<tr>
<th>Customer Id</th>
<th>Customer SSN ID</th>
<th>Status</th>
<th>Message</th>
<th>Last Updated</th>
<th>Operations</th>
<th>View Profile</th>
</tr>
<tr>

<td>100000625</td>
<td>800000012</td>
<td>Active</td>
<td>customer update complete</td>
<td>2016-06-24 15:59:51</td>
<td><a href="customerstatus.html">Refresh</a></td>
<td><a href="deletecustomer.html" target="_blank">View Details</a></td>
</tr>
<tr>
<td>100000632</td>
<td>800000019</td>
<td>Active</td>
<td>customer created successfully</td>
<td>2016-06-21 14:27:39</td>
<td><a href="customerstatus.html">Refresh</a></td>
<td><a href="deletecustomer.html" target="_blank">View Details</a></td>
</tr>
<tr>
<td>100000266</td>
<td>800000002</td>
<td>Active</td>
<td>customer reactivation success</td>
<td>2016-06-21 14:27:35</td>
<td><a href="customerstatus.html">Refresh</a></td>
<td><a href="deletecustomer.html" target="_blank">View Details</a></td>
</tr>
<tr>
<td>0</td>
<td>801010111</td>
<td></td>
<td></td>
<td></td>
<td><a href="customerstatus.html">Refresh</a></td>
<td><a href="deletecustomer.html" target="_blank">View Details</a></td>
</tr>
<tr>
<td>100000265</td>
<td>800000001</td>
<td>Active</td>
<td>customer is already active</td>
<td>2016-06-21 14:27:35</td>
<td><a href="customerstatus.html">Refresh</a></td>
<td><a href="deletecustomer.html" target="_blank">View Details</a></td>
</tr>
<tr>
<td>100000267</td>
<td>800000003</td>
<td>Active</td>
<td>customer update complete</td>
<td>2016-06-24 15:59:51</td>
<td><a href="customerstatus.html">Refresh</a></td>
<td><a href="deletecustomer.html" target="_blank">View Details</a></td>
</tr>

<tr>
<td>100000267</td>
<td>800000004</td>
<td>Active</td>
<td>customer is already active</td>
<td>2016-06-24 15:59:37</td>
<td><a href="customerstatus.html">Refresh</a></td>
<td><a href="deletecustomer.html" target="_blank">View Details</a></td>
</tr>

<tr>
<td>100000267</td>
<td>800000003</td>
<td>Active</td>
<td>customer created successfully</td>
<td>2016-06-21 14:27:38</td>
<td><a href="customerstatus.html">Refresh</a></td>
<td><a href="deletecustomer.html" target="_blank">View Details</a></td>
</tr>
</table>

</body>
</html>

You might also like