You are on page 1of 2

<!

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>

<h1 style="background-color:aqua; color:dark green; text-align:center ; font-size:45px">Tata Consultancy


Services</h1>
<h2 style="color:green; text-align: center;font-size:35px">Employee Details</h2>

<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>

You might also like