Professional Documents
Culture Documents
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Employee Details - Tata Consultancy Services</title>
<style>
body {
background: linear-gradient(to right, #ffd700, #ffd700, #ffd700, #ffd700, #ffd700, #fff);
}
table {
width: 95%;
margin: 20px auto;
border-collapse: collapse;
}
th, td {
padding: 15px;
border: 2px solid #333;
text-align: center;
}
th {
background-color: #333;
color: #fff;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
tr:hover {
background-color: #d4d4d4;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>Employee ID</th>
<th>Name</th>
<th>Position</th>
<th>Department</th>
<th>Salary Package</th>
</tr>
</thead>
<tbody>
<tr>
<td>1011</td>
<td>Firoz Alam</td>
<td>Software Engineer</td>
<td>IT</td>
<td>5 LPA</td>
</tr>
<tr>
<td>1022</td>
<td>Harsh Raj</td>
<td>Devops Engineer</td>
<td>IT</td>
<td>4.5 LPA</td>
</tr>
<tr>
<td>1043</td>
<td>Ayush Singh</td>
<td>Associate Manager</td>
<td>Non-IT</td>
<td>3 LPA</td>
</tr>
<tr>
<td>1064</td>
<td>Rajesh Kumar</td>
<td>Data Analyst</td>
<td>IT</td>
<td>8 LPA</td>
</tr>
<tr>
<td>1085</td>
<td>Anil Singh</td>
<td>Customer Executive</td>
<td>Non-IT</td>
<td>3.5 LPA</td>
</tr>
<tr>
<td>1786</td>
<td>Kajal Gupta</td>
<td>Cloud Engineer</td>
<td>IT</td>
<td>4.5 LPA</td>
</tr>
</tbody>
</table>
</body>
</html>