Template source: auth/login.html

{% extends "base.html" %} {% load static %} {% block content %} <main class="main-body"> <section class="inner-banner" style="background: url('{% static 'images/inner-banner.png' %}')"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="inner-banner-box"> <div class="inner-banner-text"> <h1>Sign-In</h1> <p>Connect with us</p> </div> </div> </div> </div> </div> </section> <div class="clearfix"></div> <section class="contact-section sign-up-section"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-10 col-lg-offset-1"> {% if messages %} <ul class="messages"> {% for message in messages %} <li {% if message.tags %} class=" {{ message.tags }} alert alert-success" {% endif %}> {{ message }} </li> {% endfor %} </ul> {% endif %} </div> </div> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3"> <form class="forms form-section" action="" method="post"> {% csrf_token %} <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="row form-group"> <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3"> </div> <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9"> {{ form.non_field_errors }} </div> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="row form-group"> <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3"> <label>Username</label> </div> <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9"> <!-- <input type="text" class="form-control" placeholder="Enter Username..."> --> {{ form.username }} {{ form.username.errors }} </div> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="row form-group"> <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3"> <label>Password</label> </div> <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9"> <!-- <input type="password" class="form-control" placeholder="Enter Password..."> --> {{ form.password }} {{ form.password.errors }} </div> </div> </div> </div> <div class="row form-group"> <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 pull-right"> <!-- <a href="" class="submit-all-btn">Sign-In <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a> --> <button type="submit" value="submit" class="submit-all-btn">Sign-In <i class="fa fa-long-arrow-right" aria-hidden="true"></i></button> <br> <a href="{% url 'user_forgot_password' %}">Forgot Password?</a> </div> </div> </form> <div class="col-md-12 text-center"> <button class="btn btn-danger mb-2"> {% if user.is_authenticated %} <!--<p>Logged as {{ user.username }}</p>--> <a style="color: #fff;" href="{% url 'logout_view' %}">Logout</a> {% else %} <a style="color: #fff;" href="{% url 'social:begin' 'google-oauth2' %}">Login with Google</a> {% endif %} </button> <button class="btn btn-primary mb-2"> <a style="color: #fff;" href="{% url 'social:begin' 'facebook' %}">Login with Facebook</a> </button> </div> </div> </div> </div> </section> <div class="clearfix"></div> <a href="#" class="scrollup"><i class="fa fa-long-arrow-up" aria-hidden="true"></i></a> </main> {% endblock %}