Untitled

<!--author Simon "HTML KING" Petre-->

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>ADI Login</title>
    <meta name="ADI Login Page" content="Login to plant management">
    <link rel="stylesheet" href="ADI.css">
</head>

<body>


    <div id="login">
        <img src="ADIbanner.jpg" alt="ADI banner">
        <h1>Remote Plant Monitor</h1>

        <form>
            <fieldset name="loginfield">
                <ul>
                    <li>
                        <label for="username">Username:</label>
                        <input type="text" id="username" tabindex="1" title="username" name="username" required pattern="[A-Za-z -,]+" placeholder="Please enter your username">
                    </li>
                    <li>
                        <label for="password">Password:</label>
                        <input type="password" id="password" tabindex="2" name="password" required pattern="[A-Za-z -,]+" placeholder="Please enter your password">
                    </li>
                </ul>
            </fieldset>

            <div id="button">
                <input type="submit" value="Login">
            </div>
        </form>
    </div>
</body>

</html>