<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ardor Learning Table</title>
<style>
/* Reset some default styling */
body, html {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
/* Style the table */
table {
width: 80%;
margin: 50px auto;
border-collapse: collapse;
box-shadow: 0 0 20px rgba(0,0,0,0.15);
}
/* Style the table header */
thead tr {
background-color: #2c3e50;
color: white;
text-align: left;
}
/* Style the table cells */
th, td {
padding: 12px 15px;
border-bottom: 1px solid #dddddd;
}
/* Style the body rows */
tbody tr:nth-of-type(even) {
background-color: #f3f3f3;
}
tbody tr:last-of-type {
border-bottom: 2px solid #2c3e50;
}
/* Style the links */
a {
color: #3498db;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>Attribute</th>
<th>Information</th>
</tr>
</thead>
<tbody>
<tr>
<td>Who they hire</td>
<td>Non Native</td>
</tr>
<tr>
<td>Qualifications</td>
<td>Unknown</td>
</tr>
<tr>
<td>Pay Min</td>
<td>Not provided</td>
</tr>
<!-- Add more rows as needed -->
<tr>
<td>Link</td>
<td>Ardor Learning</td>
</tr>
</tbody>
</table>
</body>
</html>