<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="A layout example with a side menu that hides on mobile, just like the Pure website.">
    <title>Evil Corp | Password reset</title>
    
    <link rel="stylesheet" href="/static/pure.css">    
    <link rel="stylesheet" href="/static/menu.css">

    <style>
        .login {
            margin-right: auto;
            margin-left: auto;
            width: 240px;
        }

        .pure-input {
            width: 240px;
        }
    </style>
</head>
<body>

<div id="layout">

    {% include 'nav.html' %}

    <div id="main">
        <div class="header">
            <h1>Evil Corp</h1>
            <h2>Can't remember your password?</h2>
        </div>
        <div class="login">
            <form class="pure-form" method="post" action="">
                <fieldset class="pure-group">
                    <input type="email" class="pure-input" placeholder="Email" name="email">
                </fieldset>
                <button type="submit" class="pure-button pure-input pure-button-primary">Send</button>
            </form>
        </div>
        <div class="header">
            <h2>Already got a token?</h2>
        </div>
        <div class="login">
            <form class="pure-form" method="post" action="/reset2">
                <fieldset class="pure-group">
                    <input type="email" class="pure-input" placeholder="Email" name="email">
                    <input type="text" class="pure-input" placeholder="Reset Token" name="token">
                </fieldset>
                <button type="submit" class="pure-button pure-input pure-button-primary">Reset</button>
            </form>
        </div>
    </div>
</div>




<script src="/static/ui.js"></script>

</body>
</html>
