login.html

{% extends "base.html" %}
{% load i18n %}
{% block title %}{% trans "Login" %}{% endblock %}
{% block content %}

        <form  class="form-signin" style="max-width: 330px; margin: 0 auto; padding: 40px">
            {% csrf_token %}
            <h2 class="form-signin-heading">{% trans "Please sign in" %}</h2>
            <label for="inputUser">{% trans "Username" %}</label>
            <input name="username" type="user" id="inputUser" class="form-control" placeholder="{% trans "Username" %}" required autofocus>

            <label for="inputPassword" style="padding-top:10px;">{% trans "Password" %}</label>
            <input name="password" type="password" id="inputPassword" class="form-control" placeholder="{% trans "Password" %}" required>
            {% if fail == True %}
                <div class="alert alert-warning alert-dismissible" role="alert">
                    <strong>{% trans "Invalid email or password." %}</strong>
                </div>
            {% else %}
                <br>
            {% endif %}
            <button class="btn btn-lg btn-primary btn-block" type="submit" formmethod="post" class="btn btn-default">{% trans "Sign in" %}</button>
            <a class="btn" href="/reset_password">{% trans "Forgot Password?" %}</a><br>
            <a class="btn" href="/register">{% trans "Register" %}</a>
        </form>

{% endblock %}