login.jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html>
<head>
<title>Awesome to-do list - Login</title>

<style>
input[type=submit] {
    background-color: white;
    color: black;
    padding: 2px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    background-color: white;
    border: 2px solid #555555;
	font-face: Palatino Linotype;
	font-size: 20px;
}

input[type=text], [type=password] {
    width: 100%;
    padding: 7px 25px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-face: Palatino Linotype;
}

table {
    font-family: Palatino Linotype;
    font-size: 20px;
}
</style>

</head>
<body bgcolor="LightCoral">
	<h1 style="background-color:AntiqueWhite;" align="center"><font size="15" face="MV Boli">Awesome To-Do List</font></h1>
	<p align="center" ><font size="25px" face="MV Boli">Log In</font></p>

		<form method="POST" action="Login">
		<table width="26%" align="center" cellpadding="5" >
			<tr>
				<td><b>Username : </b></td>
				<td><input type="text" name="username"></td>
			</tr>
			<tr>
				<td><b>Password : </b></td>
				<td><input type="password" name="password"></td>
			</tr>
			<tr>
				<td colspan="2" align="right"><input type="submit" value="Login"/></td>
			</tr>
			<tr>
				<td colspan="2" align="center">Are you new here? Register <a href="register.jsp">here</a></td>
			</tr>
			<tr>
			<td colspan="2" align="center"><c:if test="${loginerror == 'yes' }">
				<b><font color="red">!! Invalid username and password !!</font></b>
				</c:if>
			</td>
			</tr>
		</table>
		</form>


<img src="C:\Users\Acer_User\Documents\CSC584 Eclipse + Wildfly\CSC584 Eclipse + Wildfly\wildfly-14.0.1.Final\standalone\deployments\awesome-to-do-list.war\images\bt21.gif" height="250px">
</body>
</html>