foos.html

<!DOCTYPE html>
<html xmlns:th="http://thymeleaf.org"
    xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<head>
<title>Foosball - Educando com saúde</title>

<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
    rel="stylesheet" />

<!--Import materialize.css-->
<link type="text/css" rel="stylesheet"
    href="materialize/css/materialize.min.css" media="screen,projection" />

<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
    <h1>Selecione um evento</h1>
    <h2>
        <a href="/alunos" class="waves-effect waves-light btn-large"><i
            class="material-icons left">border_color</i>Acantonamento</a>
    </h2>
    <h3>
        <a href="foos" class="waves-effect waves-light btn-large"><i
            class="material-icons left">border_color</i>Rincão</a>
    </h3>


    <script type="text/javascript"
        src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="materialize/js/materialize.min.js"></script>
</body>


</html>