<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <!--Let browser know website is optimized for mobile--> <meta name="viewport" content="width=device-width, initial-scale=1"> <link type="text/css" rel="stylesheet" th:href="@{/vendor/materialize/css/materialize.css}" href="../static/vendor/materialize/css/materialize.css"/> <link type="text/css" rel="stylesheet" th:href="@{/css/my-style.css}" href="../static/css/my-style.css"/> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <title>Inicio de Sesión</title> </head> <body> <div class="section"></div> <main> <div class="center-block center"> <img class="responsive-img" style="width: 100px;" th:src="@{/resources/logo.png}" /> <div class="section"></div> <h5 class="indigo-text">Inicio de Sesión</h5> <div class="section"></div> <div class="container"> <div class="z-depth-1 grey lighten-4 row" style="display: inline-block; padding: 32px 48px 0px 48px; border: 1px solid #EEE;"> <form class="col s12" th:action="@{/login-check}" method="post"> <div class='row'> <div class='col s12'> </div> </div> <div class='row'> <div class='input-field col s12'> <input class='validate' type='text' name='username' id='username' /> <label for='username'>Usuario</label> </div> </div> <div class='row'> <div class='input-field col s12'> <input class='validate' type='password' name='password' id='password' /> <label for='password'>Contraseña</label> </div> <label style='float: right;'> <a class='pink-text' href='#!'><b>Olvido Contraseña?</b></a> </label> </div> <br /> <div class="center-block center"> <div class='row'> <button type='submit' name='btn_login' class='col s12 btn btn-large waves-effect indigo'>Entrar</button> </div> </div> </form> </div> </div> </div> </main> <!--JavaScript at end of body for optimized loading--> <script type="text/javascript" th:src="@{/vendor/materialize/js/materialize.js}" src="../static/vendor/materialize/js/materialize.js"></script> <script type="text/javascript" th:src="@{/vendor/jquery/jquery.js}" src="../static/vendor/jquery/jquery.js"></script> <script type="text/javascript" th:src="@{/vendor/jquery/jquery.js}" src="../static/vendor/jquery/jquery.min.js"></script> <script type="text/javascript" th:src="@{/vendor/jquery/jquery.js}" src="../static/vendor/jquery/jquery.slim.js"></script> <script type="text/javascript" th:src="@{/vendor/jquery/jquery.js}" src="../static/vendor/jquery/jquery.slim.min.js"></script> <script type="text/javascript" th:src="@{/js/my-script.js}" src="../static/js/my-script.js"></script> </body> </html>