Leon One

<!DOCTYPE html>

<html lang="en">
	<head>
		<title>Employee table</title>
		<meta name="description" content="2300 lab assignment">
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="LoganTrinh-Lab7.css">
	</head>

<body>

<main>
<h1>
Employee Table
</h1>
	<table>
		<thead>
			<tr>
			<th>Department</th>
				<th>Name</th>
				<th>E-mail</th>
				<th class="right">Years of Service</th>
			</tr>
		</thead>
		<tbody>
			 <tr>
    <td rowspan="3">Editorial</td>
				<td>Joel Murach</td>
				<td>joelmurach@yahoo.com</td>
				<td class="right">22</td>
			</tr>
			<tr>
				<td>Anne Boehm</td>
				<td>anne@murach.com</td>
				<td class="right">34</td>
			</tr>
			<tr>
				<td>Zak Ruvalcaba</td>
				<td>zak@modulemedia.com</td>
				<td class="right">4</td>
			</tr>
			<tr>
			<td rowspan="2" id=market>Marketing</td>
				<td>Judy Taylor</td>
				<td>judy@murach.com</td>
				<td class="right">39</td>
			</tr>
			<tr>
				<td>Cyndi Vasquez</td>
				<td>cyndi@murach.com</td>
				<td class="right">10</td>
			</tr>
			<tr>
			<td rowspan="2" id=cs>Customer Service</td>
				<td>Kelly Slivkoff</td>
				<td>kelly@murach.com</td>
				<td class="right">25</td>
			</tr>
			<tr>
				<td>Juliette Baylon</td>
				<td>juliette@murach.com</td>
				<td class="right">1</td>
			</tr>
			<tr>
			<td colspan="3" id=years><b>Total Years of Service</b></td>
			<td class="right">105</td>
			</tr>
		</tbody>
	</table>
	</main>
	<footer>
		<a href="http://validator.w3.org/check?uri=referer">Validate HTML</a>
		<a href="http://jigsaw.w3.org/css-validator/check/referer">Validate CSS</a>
	</footer>
</body>
</html>