Django-allauth Sign Up, Login, and Social Connect into one page

Django-allauth Sign Up, Login, and Social Connect into one page

How do you load both the Social Login, the Login form and Sign Up form to
your Index page using django-allauth? Something similar like when you go
to facebook.com.
accounts/url are already working and I've tried copying the
<form class="login" method="POST" action="{% url 'account_login' %}">
{% csrf_token %}
{{ form.as_p }}
{% if redirect_field_value %}
<input type="hidden" name="{{ redirect_field_name }}" value="{{
redirect_field_value }}" />
{% endif %}
<a class="button secondaryAction" href="{% url 'account_reset_password'
%}">{% trans "Forgot Password?" %}</a>
<button class="primaryAction" type="submit">{% trans "Sign In" %}</button>
</form>
to my index.html but it doesn't work. I'm new to Python Programming and
Django development but i've done some excerise with tutorials in the
Django Book.