hjkhjk

<!DOCTYPE html>
<html>
<head>
	<title>Teste/Revisão</title>
	<meta charset="utf-8">
	<style type="text/css">
		td{
			padding-left: 200px;
			padding-right: 200px;
		}
		td, a{
			display: inline-block;
		}
		.cool-link::after{
			content: '';
			display: block;
			width: 0;
			height: 5px;
			background: #fff;
			transition: width .3s;
		}
		.cool-link:hover::after{
			width: 120%;
			transition: width .3s;
		}
	</style>
</head>
<body background="bg.jpg">
	<nav style=" padding: 25px;">
		<table style="text-align: center; margin: auto;">
			<tr>
				<td><a style="color: white; text-decoration:none; font-size: 22px; font-family: Source Sans Pro;" class="cool-link" href="#">Home</a></td>
				<td><a style="color: white; text-decoration:none; font-size: 22px; font-family: Source Sans Pro;" class="cool-link" href="#">Sobre Nós</a></td>
				<td><a style="color: white; text-decoration:none; font-size: 22px; font-family: Source Sans Pro;" class="cool-link" href="#">Contactos</a></td>
			</tr>
		</table>


	</nav>
</body>
</html>