{% extends 'base.html' %}
{% block content %}

<style>
    body{
        margin-left: 500px;
        margin-top: 80px;
        margin-right: 500px;
        border: 3px solid black;
        padding: 10px;
        border-radius: 4px;
    }

    .button{
        margin-left: 250px;
    }

    .emailbox{
        margin-left: 170px;
    }

    p{
        font-size: 4px;
    }
</style>
<h2>Forgotten you password just enter your email below and you'll be sent a link to reset your password</h2>
<p style="color: gray; text-decoration: underline;">This page is just a placeholder at the moment not functional</p>
<p class="emailbox">Enter email here:      <input type="email" id="email" name="email" required><br><br></p>
<a class="button" href="/resetpasscode" style="font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; border-color: gray; border-radius: 4px; border-width: 4px; border-style: solid; display: inline-block; text-decoration: none; padding: 8px 16px; color: black;">Send reset email</a>
{% endblock %}