diff --git a/College/__pycache__/__init__.cpython-310.pyc b/College/__pycache__/__init__.cpython-310.pyc
index ea03b37..a42924d 100644
Binary files a/College/__pycache__/__init__.cpython-310.pyc and b/College/__pycache__/__init__.cpython-310.pyc differ
diff --git a/College/__pycache__/settings.cpython-310.pyc b/College/__pycache__/settings.cpython-310.pyc
index f5ab8b0..a3adbb8 100644
Binary files a/College/__pycache__/settings.cpython-310.pyc and b/College/__pycache__/settings.cpython-310.pyc differ
diff --git a/College/__pycache__/urls.cpython-310.pyc b/College/__pycache__/urls.cpython-310.pyc
index c883b8f..12cda41 100644
Binary files a/College/__pycache__/urls.cpython-310.pyc and b/College/__pycache__/urls.cpython-310.pyc differ
diff --git a/College/__pycache__/wsgi.cpython-310.pyc b/College/__pycache__/wsgi.cpython-310.pyc
index f2db079..e100904 100644
Binary files a/College/__pycache__/wsgi.cpython-310.pyc and b/College/__pycache__/wsgi.cpython-310.pyc differ
diff --git a/College/settings.py b/College/settings.py
index 1ee500c..deff15f 100644
--- a/College/settings.py
+++ b/College/settings.py
@@ -30,7 +30,17 @@
     'django.contrib.sessions',
     'django.contrib.messages',
     'django.contrib.staticfiles',
+    'django.contrib.sites',
     'home.apps.HomeConfig',
+
+    'widget_tweaks',
+    # allauth apps
+    'allauth',
+    'allauth.account',
+    'allauth.socialaccount',
+    'allauth.socialaccount.providers.google',
+     
+    
 ]
 
 MIDDLEWARE = [
@@ -131,4 +141,36 @@
 
 STATIC_ROOT = BASE_DIR / 'staticfiles'
 JAZZMIN_SETTINGS = JAZZMIN_SETTINGS
-JAZZMIN_UI_TWEAKS = JAZZMIN_UI_TWEAKS
\ No newline at end of file
+JAZZMIN_UI_TWEAKS = JAZZMIN_UI_TWEAKS
+
+###### All Auth Settings #####
+
+AUTHENTICATION_BACKENDS = [
+    # Needed to login by username in Django admin, regardless of `allauth`
+    'django.contrib.auth.backends.ModelBackend',
+
+    # `allauth` specific authentication methods, such as login by e-mail
+    'allauth.account.auth_backends.AuthenticationBackend',
+]
+
+SITE_ID = 2 # for 127.0.0.1:8000
+
+SOCIALACCOUNT_PROVIDERS = {
+    'google': {
+        'SCOPE': [
+            'profile',
+            'email',
+        ],
+        'AUTH_PARAMS': {
+            'access_type': 'online',
+        },
+        'OAUTH_PKCE_ENABLED': True,
+    }
+}
+
+LOGIN_REDIRECT_URL = '/dashboard/'
+
+EMAIL_BACKEND = 'django.core.mail.backends.console.EmailBackend'
+ACCOUNT_EMAIL_VERIFICATION = "none"
+
+ACCOUNT_LOGOUT_ON_GET = True
diff --git a/College/urls.py b/College/urls.py
index 0b508e1..2dd62a4 100644
--- a/College/urls.py
+++ b/College/urls.py
@@ -4,14 +4,6 @@
 
 urlpatterns = [
     path('admin/', admin.site.urls),
+    path('accounts/', include('allauth.urls')), # all auth
     path('',include('home.urls')),
-    path('login',include('home.urls')),
-    path('purchase',include('home.urls')),
-    path('register',include('home.urls')), 
-    path('dashboard',include('home.urls')),
-    path('search_result',include('home.urls')),
-    path('kiet_page',include('home.urls')),
-    path('done',include('home.urls')),
-    path('profile_settings',include('home.urls')),
-    path('save',include('home.urls')),
 ]
diff --git a/db.sqlite3 b/db.sqlite3
index 4d1e635..a1ce695 100644
Binary files a/db.sqlite3 and b/db.sqlite3 differ
diff --git a/home/__pycache__/__init__.cpython-310.pyc b/home/__pycache__/__init__.cpython-310.pyc
index 5a9ccfb..1bbb2f2 100644
Binary files a/home/__pycache__/__init__.cpython-310.pyc and b/home/__pycache__/__init__.cpython-310.pyc differ
diff --git a/home/__pycache__/admin.cpython-310.pyc b/home/__pycache__/admin.cpython-310.pyc
index a7af6e5..c134393 100644
Binary files a/home/__pycache__/admin.cpython-310.pyc and b/home/__pycache__/admin.cpython-310.pyc differ
diff --git a/home/__pycache__/apps.cpython-310.pyc b/home/__pycache__/apps.cpython-310.pyc
index 0583802..0dae48c 100644
Binary files a/home/__pycache__/apps.cpython-310.pyc and b/home/__pycache__/apps.cpython-310.pyc differ
diff --git a/home/__pycache__/models.cpython-310.pyc b/home/__pycache__/models.cpython-310.pyc
index dcfc833..2bc25a3 100644
Binary files a/home/__pycache__/models.cpython-310.pyc and b/home/__pycache__/models.cpython-310.pyc differ
diff --git a/home/__pycache__/urls.cpython-310.pyc b/home/__pycache__/urls.cpython-310.pyc
index 7d431e1..8e77417 100644
Binary files a/home/__pycache__/urls.cpython-310.pyc and b/home/__pycache__/urls.cpython-310.pyc differ
diff --git a/home/__pycache__/views.cpython-310.pyc b/home/__pycache__/views.cpython-310.pyc
index b741a1d..2fd9bb4 100644
Binary files a/home/__pycache__/views.cpython-310.pyc and b/home/__pycache__/views.cpython-310.pyc differ
diff --git a/home/migrations/__pycache__/0001_initial.cpython-310.pyc b/home/migrations/__pycache__/0001_initial.cpython-310.pyc
index 8e85794..c3d9c2f 100644
Binary files a/home/migrations/__pycache__/0001_initial.cpython-310.pyc and b/home/migrations/__pycache__/0001_initial.cpython-310.pyc differ
diff --git a/home/migrations/__pycache__/0002_alter_data_desc_alter_data_img.cpython-310.pyc b/home/migrations/__pycache__/0002_alter_data_desc_alter_data_img.cpython-310.pyc
index b02a78f..1aa98ff 100644
Binary files a/home/migrations/__pycache__/0002_alter_data_desc_alter_data_img.cpython-310.pyc and b/home/migrations/__pycache__/0002_alter_data_desc_alter_data_img.cpython-310.pyc differ
diff --git a/home/migrations/__pycache__/0003_alter_data_img.cpython-310.pyc b/home/migrations/__pycache__/0003_alter_data_img.cpython-310.pyc
index 94707b0..04782f9 100644
Binary files a/home/migrations/__pycache__/0003_alter_data_img.cpython-310.pyc and b/home/migrations/__pycache__/0003_alter_data_img.cpython-310.pyc differ
diff --git a/home/migrations/__pycache__/0004_studentdata.cpython-310.pyc b/home/migrations/__pycache__/0004_studentdata.cpython-310.pyc
index 738c4d3..1e07663 100644
Binary files a/home/migrations/__pycache__/0004_studentdata.cpython-310.pyc and b/home/migrations/__pycache__/0004_studentdata.cpython-310.pyc differ
diff --git a/home/migrations/__pycache__/0005_alter_studentdata_class_10_marks_and_more.cpython-310.pyc b/home/migrations/__pycache__/0005_alter_studentdata_class_10_marks_and_more.cpython-310.pyc
index 1f07757..935a5ba 100644
Binary files a/home/migrations/__pycache__/0005_alter_studentdata_class_10_marks_and_more.cpython-310.pyc and b/home/migrations/__pycache__/0005_alter_studentdata_class_10_marks_and_more.cpython-310.pyc differ
diff --git a/home/migrations/__pycache__/__init__.cpython-310.pyc b/home/migrations/__pycache__/__init__.cpython-310.pyc
index 60100dc..3b6e09e 100644
Binary files a/home/migrations/__pycache__/__init__.cpython-310.pyc and b/home/migrations/__pycache__/__init__.cpython-310.pyc differ
diff --git a/home/urls.py b/home/urls.py
index 5590f51..87dce55 100644
--- a/home/urls.py
+++ b/home/urls.py
@@ -1,16 +1,15 @@
-from django.contrib import admin
 from django.urls import path
 from home import views
 
 urlpatterns = [
     path("", views.index , name ="home"),
-    path("login", views.login , name ="login"),
-    path("purchase", views.purchase , name ="purchase"),
-    path("register", views.register , name ="register"),
-    path("dashboard", views.dashboard , name ="dashboard"),
+    path("login/", views.login , name ="login"),
+    path("purchase/", views.purchase , name ="purchase"),
+    path("register/", views.register , name ="register"),
+    path("dashboard/", views.dashboard , name ="dashboard"),
     path("search/", views.search_result , name ="search"),
-    path("kiet_page", views.kiet_page , name ="kiet_page"),
-    path("done", views.done , name ="done"),
-    path("profile_settings", views.profile_settings , name ="profile_settings"),
-    path("save", views.save , name ="save"),
+    path("kiet_page/", views.kiet_page , name ="kiet_page"),
+    path("done/", views.done , name ="done"),
+    path("profile_settings/", views.profile_settings , name ="profile_settings"),
+    path("save/", views.save , name ="save"),
 ]
diff --git a/home/views.py b/home/views.py
index cef7d77..79c31f6 100644
--- a/home/views.py
+++ b/home/views.py
@@ -1,12 +1,15 @@
 import email
 import http
-from django.shortcuts import render 
+from django.contrib.auth.decorators import login_required
+from django.shortcuts import render, redirect
 from .models import Data
 from .models import StudentData
 from django.db.models import Q
 
 # Create your views here.
 def index(request):
+    if request.user.is_authenticated:
+        return redirect('/dashboard/')
     return render(request , 'index.html')
 
 def login(request):
@@ -18,6 +21,7 @@ def purchase(request):
 def register(request):
     return render(request , 'register.html')
 
+@login_required(login_url="/accounts/login/")
 def dashboard(request):
     return render(request , 'dashboard.html')
 
diff --git a/requirements.txt b/requirements.txt
index f9b9813..60b2d61 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -1,4 +1,20 @@
 asgiref==3.5.2
+certifi==2022.12.7
+cffi==1.15.1
+charset-normalizer==3.0.1
+cryptography==39.0.0
+defusedxml==0.7.1
 Django==4.1.1
+django-allauth==0.52.0
+django-jazzmin==2.6.0
+django-widget-tweaks==1.4.12
+idna==3.4
+oauthlib==3.2.2
+pycparser==2.21
+PyJWT==2.6.0
+python3-openid==3.2.0
+requests==2.28.2
+requests-oauthlib==1.3.1
 sqlparse==0.4.2
 tzdata==2022.2
+urllib3==1.26.14
diff --git a/static/avatar.png b/static/avatar.png
new file mode 100644
index 0000000..e9e1a2d
Binary files /dev/null and b/static/avatar.png differ
diff --git a/templates/account/account_inactive.html b/templates/account/account_inactive.html
new file mode 100644
index 0000000..3347f4f
--- /dev/null
+++ b/templates/account/account_inactive.html
@@ -0,0 +1,11 @@
+{% extends "account/base.html" %}
+
+{% load i18n %}
+
+{% block head_title %}{% trans "Account Inactive" %}{% endblock %}
+
+{% block content %}
+<h1>{% trans "Account Inactive" %}</h1>
+
+<p>{% trans "This account is inactive." %}</p>
+{% endblock %}
diff --git a/templates/account/base.html b/templates/account/base.html
new file mode 100644
index 0000000..cf58393
--- /dev/null
+++ b/templates/account/base.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block head_title %}{% endblock %}</title>
+    {% block extra_head %}
+    {% endblock %}
+  </head>
+  <body>
+    {% block body %}
+
+    {% if messages %}
+    <div>
+      <strong>Messages:</strong>
+      <ul>
+        {% for message in messages %}
+        <li>{{message}}</li>
+        {% endfor %}
+      </ul>
+    </div>
+    {% endif %}
+
+    <div>
+      <strong>Menu:</strong>
+      <ul>
+        {% if user.is_authenticated %}
+        <li><a href="{% url 'account_email' %}">Change E-mail</a></li>
+        <li><a href="{% url 'account_logout' %}">Sign Out</a></li>
+        {% else %}
+        <li><a href="{% url 'account_login' %}">Sign In</a></li>
+        <li><a href="{% url 'account_signup' %}">Sign Up</a></li>
+        {% endif %}
+      </ul>
+    </div>
+    {% block content %}
+    {% endblock %}
+    {% endblock %}
+    {% block extra_body %}
+    {% endblock %}
+  </body>
+</html>
diff --git a/templates/account/email.html b/templates/account/email.html
new file mode 100644
index 0000000..373cd66
--- /dev/null
+++ b/templates/account/email.html
@@ -0,0 +1,74 @@
+{% extends "account/base.html" %}
+
+{% load i18n %}
+
+{% block head_title %}{% trans "E-mail Addresses" %}{% endblock %}
+
+{% block content %}
+    <h1>{% trans "E-mail Addresses" %}</h1>
+{% if user.emailaddress_set.all %}
+<p>{% trans 'The following e-mail addresses are associated with your account:' %}</p>
+
+<form action="{% url 'account_email' %}" class="email_list" method="post">
+{% csrf_token %}
+<fieldset class="blockLabels">
+
+  {% for emailaddress in user.emailaddress_set.all %}
+<div class="ctrlHolder">
+      <label for="email_radio_{{forloop.counter}}" class="{% if emailaddress.primary %}primary_email{%endif%}">
+
+      <input id="email_radio_{{forloop.counter}}" type="radio" name="email" {% if emailaddress.primary or user.emailaddress_set.count == 1 %}checked="checked"{%endif %} value="{{emailaddress.email}}"/>
+
+{{ emailaddress.email }}
+    {% if emailaddress.verified %}
+    <span class="verified">{% trans "Verified" %}</span>
+    {% else %}
+    <span class="unverified">{% trans "Unverified" %}</span>
+    {% endif %}
+      {% if emailaddress.primary %}<span class="primary">{% trans "Primary" %}</span>{% endif %}
+</label>
+</div>
+  {% endfor %}
+
+<div class="buttonHolder">
+      <button class="secondaryAction" type="submit" name="action_primary" >{% trans 'Make Primary' %}</button>
+      <button class="secondaryAction" type="submit" name="action_send" >{% trans 'Re-send Verification' %}</button>
+      <button class="primaryAction" type="submit" name="action_remove" >{% trans 'Remove' %}</button>
+</div>
+
+</fieldset>
+</form>
+
+{% else %}
+<p><strong>{% trans 'Warning:'%}</strong> {% trans "You currently do not have any e-mail address set up. You should really add an e-mail address so you can receive notifications, reset your password, etc." %}</p>
+
+{% endif %}
+
+  {% if can_add_email %}
+    <h2>{% trans "Add E-mail Address" %}</h2>
+
+    <form method="post" action="{% url 'account_email' %}" class="add_email">
+        {% csrf_token %}
+        {{ form.as_p }}
+        <button name="action_add" type="submit">{% trans "Add E-mail" %}</button>
+    </form>
+  {% endif %}
+
+{% endblock %}
+
+
+{% block extra_body %}
+<script type="text/javascript">
+(function() {
+  var message = "{% trans 'Do you really want to remove the selected e-mail address?' %}";
+  var actions = document.getElementsByName('action_remove');
+  if (actions.length) {
+    actions[0].addEventListener("click", function(e) {
+      if (! confirm(message)) {
+        e.preventDefault();
+      }
+    });
+  }
+})();
+</script>
+{% endblock %}
diff --git a/templates/account/email/account_already_exists_message.txt b/templates/account/email/account_already_exists_message.txt
new file mode 100644
index 0000000..e2733a7
--- /dev/null
+++ b/templates/account/email/account_already_exists_message.txt
@@ -0,0 +1,13 @@
+{% extends "account/email/base_message.txt" %}
+{% load i18n %}
+
+{% block content %}{% autoescape off %}{% blocktrans %}You are receiving this e-mail because you or someone else tried to signup for an
+account using e-mail address:
+
+{{ email }}
+
+However, an account using that e-mail address already exists.  In case you have
+forgotten about this, please use the password forgotten procedure to recover
+your account:
+
+{{ password_reset_url }}{% endblocktrans %}{% endautoescape %}{% endblock %}
diff --git a/templates/account/email/account_already_exists_subject.txt b/templates/account/email/account_already_exists_subject.txt
new file mode 100644
index 0000000..481edb0
--- /dev/null
+++ b/templates/account/email/account_already_exists_subject.txt
@@ -0,0 +1,4 @@
+{% load i18n %}
+{% autoescape off %}
+{% blocktrans %}Account Already Exists{% endblocktrans %}
+{% endautoescape %}
diff --git a/templates/account/email/base_message.txt b/templates/account/email/base_message.txt
new file mode 100644
index 0000000..46f04f3
--- /dev/null
+++ b/templates/account/email/base_message.txt
@@ -0,0 +1,7 @@
+{% load i18n %}{% autoescape off %}{% blocktrans with site_name=current_site.name %}Hello from {{ site_name }}!{% endblocktrans %}
+
+{% block content %}{% endblock %}
+
+{% blocktrans with site_name=current_site.name site_domain=current_site.domain %}Thank you for using {{ site_name }}!
+{{ site_domain }}{% endblocktrans %}
+{% endautoescape %}
diff --git a/templates/account/email/email_confirmation_message.txt b/templates/account/email/email_confirmation_message.txt
new file mode 100644
index 0000000..7f922d8
--- /dev/null
+++ b/templates/account/email/email_confirmation_message.txt
@@ -0,0 +1,7 @@
+{% extends "account/email/base_message.txt" %}
+{% load account %}
+{% load i18n %}
+
+{% block content %}{% autoescape off %}{% user_display user as user_display %}{% blocktrans with site_name=current_site.name site_domain=current_site.domain %}You're receiving this e-mail because user {{ user_display }} has given your e-mail address to register an account on {{ site_domain }}.
+
+To confirm this is correct, go to {{ activate_url }}{% endblocktrans %}{% endautoescape %}{% endblock %}
diff --git a/templates/account/email/email_confirmation_signup_message.txt b/templates/account/email/email_confirmation_signup_message.txt
new file mode 100644
index 0000000..9996f7e
--- /dev/null
+++ b/templates/account/email/email_confirmation_signup_message.txt
@@ -0,0 +1 @@
+{% include "account/email/email_confirmation_message.txt" %}
diff --git a/templates/account/email/email_confirmation_signup_subject.txt b/templates/account/email/email_confirmation_signup_subject.txt
new file mode 100644
index 0000000..4c85ebb
--- /dev/null
+++ b/templates/account/email/email_confirmation_signup_subject.txt
@@ -0,0 +1 @@
+{% include "account/email/email_confirmation_subject.txt" %}
diff --git a/templates/account/email/email_confirmation_subject.txt b/templates/account/email/email_confirmation_subject.txt
new file mode 100644
index 0000000..b0a876f
--- /dev/null
+++ b/templates/account/email/email_confirmation_subject.txt
@@ -0,0 +1,4 @@
+{% load i18n %}
+{% autoescape off %}
+{% blocktrans %}Please Confirm Your E-mail Address{% endblocktrans %}
+{% endautoescape %}
diff --git a/templates/account/email/password_reset_key_message.txt b/templates/account/email/password_reset_key_message.txt
new file mode 100644
index 0000000..5871c1e
--- /dev/null
+++ b/templates/account/email/password_reset_key_message.txt
@@ -0,0 +1,9 @@
+{% extends "account/email/base_message.txt" %}
+{% load i18n %}
+
+{% block content %}{% autoescape off %}{% blocktrans %}You're receiving this e-mail because you or someone else has requested a password for your user account.
+It can be safely ignored if you did not request a password reset. Click the link below to reset your password.{% endblocktrans %}
+
+{{ password_reset_url }}{% if username %}
+
+{% blocktrans %}In case you forgot, your username is {{ username }}.{% endblocktrans %}{% endif %}{% endautoescape %}{% endblock %}
diff --git a/templates/account/email/password_reset_key_subject.txt b/templates/account/email/password_reset_key_subject.txt
new file mode 100644
index 0000000..6840c40
--- /dev/null
+++ b/templates/account/email/password_reset_key_subject.txt
@@ -0,0 +1,4 @@
+{% load i18n %}
+{% autoescape off %}
+{% blocktrans %}Password Reset E-mail{% endblocktrans %}
+{% endautoescape %}
diff --git a/templates/account/email/unknown_account_message.txt b/templates/account/email/unknown_account_message.txt
new file mode 100644
index 0000000..e4e89d0
--- /dev/null
+++ b/templates/account/email/unknown_account_message.txt
@@ -0,0 +1,12 @@
+{% extends "account/email/base_message.txt" %}
+{% load i18n %}
+
+{% block content %}{% autoescape off %}{% blocktrans %}You are receiving this e-mail because you or someone else has requested a
+password for your user account. However, we do not have any record of a user
+with email {{ email }} in our database.
+
+This mail can be safely ignored if you did not request a password reset.
+
+If it was you, you can sign up for an account using the link below.{% endblocktrans %}
+
+{{ signup_url }}{% endautoescape %}{% endblock %}
diff --git a/templates/account/email/unknown_account_subject.txt b/templates/account/email/unknown_account_subject.txt
new file mode 100644
index 0000000..6840c40
--- /dev/null
+++ b/templates/account/email/unknown_account_subject.txt
@@ -0,0 +1,4 @@
+{% load i18n %}
+{% autoescape off %}
+{% blocktrans %}Password Reset E-mail{% endblocktrans %}
+{% endautoescape %}
diff --git a/templates/account/email_confirm.html b/templates/account/email_confirm.html
new file mode 100644
index 0000000..ac0891b
--- /dev/null
+++ b/templates/account/email_confirm.html
@@ -0,0 +1,31 @@
+{% extends "account/base.html" %}
+
+{% load i18n %}
+{% load account %}
+
+{% block head_title %}{% trans "Confirm E-mail Address" %}{% endblock %}
+
+
+{% block content %}
+<h1>{% trans "Confirm E-mail Address" %}</h1>
+
+{% if confirmation %}
+
+{% user_display confirmation.email_address.user as user_display %}
+
+<p>{% blocktrans with confirmation.email_address.email as email %}Please confirm that <a href="mailto:{{ email }}">{{ email }}</a> is an e-mail address for user {{ user_display }}.{% endblocktrans %}</p>
+
+<form method="post" action="{% url 'account_confirm_email' confirmation.key %}">
+{% csrf_token %}
+    <button type="submit">{% trans 'Confirm' %}</button>
+</form>
+
+{% else %}
+
+{% url 'account_email' as email_url %}
+
+<p>{% blocktrans %}This e-mail confirmation link expired or is invalid. Please <a href="{{ email_url }}">issue a new e-mail confirmation request</a>.{% endblocktrans %}</p>
+
+{% endif %}
+
+{% endblock %}
diff --git a/templates/account/login.html b/templates/account/login.html
new file mode 100644
index 0000000..312dafa
--- /dev/null
+++ b/templates/account/login.html
@@ -0,0 +1,107 @@
+{% if not user.is_authenticated %}
+{% load widget_tweaks %}
+{% load account socialaccount %}
+{% load i18n %}
+{% block content %}
+{% get_providers as socialaccount_providers %}
+
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://unpkg.com/tailwindcss@1.2.0/dist/tailwind.min.css" rel="stylesheet">
+
+            <style>
+            .gradient {
+              background: linear-gradient(90deg, #d53369 0%, #daae51 100%);
+            }
+        </style>
+</head>
+<body>
+    {% if messages %}
+    <div>
+      <strong>Messages:</strong>
+      <ul>
+        {% for message in messages %}
+        <li>{{message}}</li>
+        {% endfor %}
+      </ul>
+    </div>
+    {% endif %}
+    <div class="py-24">
+  <div class="flex bg-white rounded-lg shadow-lg overflow-hidden mx-auto max-w-sm lg:max-w-4xl">
+        <div class="hidden lg:block lg:w-1/2 bg-cover" style="background-image:url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80')"></div>
+        <div class="w-full p-8 lg:w-1/2">
+            <h2 class="text-2xl font-semibold text-gray-700 text-center">Xplore</h2>
+            <p class="text-xl text-gray-600 text-center">Welcome back!</p>
+            {% if socialaccount_providers %}
+            {% include "socialaccount/snippets/provider_list.html" with process="login" %}
+
+            {% include "socialaccount/snippets/login_extra.html" %}
+
+            {% endif %}
+
+            <div class="mt-4 flex items-center justify-between">
+                <span class="border-b w-1/5 lg:w-1/4"></span>
+                <a href="#" class="text-xs text-center text-gray-500 uppercase">or login with username</a>
+                <span class="border-b w-1/5 lg:w-1/4"></span>
+            </div>
+            <!-- <form class="login" method="POST" action="{% url 'account_login' %}"> -->
+                <form class="login" method="POST" action="{% url 'account_login' %}">
+
+                {% csrf_token %}
+                {% if redirect_field_value %}
+                    <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
+                {% endif %}
+                <div>
+                    <label id="username" class="text-sm font-medium leading-none text-gray-800">
+                        Username
+                    </label>
+                    {{form.login|attr:"class:bg-gray-200 border rounded  text-xs font-medium leading-none text-gray-800 py-3 w-full pl-3 mt-2"|attr:"aria-labelledby:email"}}
+                </div>
+                <div class="mt-4" style="float: right;">
+                    <div class="flex justify-between">
+                        <a href="{% url 'account_reset_password' %}" class="text text-gray-800">Forget Password?</a>
+                    </div>
+                </div>
+                <div class="mt-6  w-full">
+                    <label for="pass" class="text-sm font-medium leading-none text-gray-800">
+                        Password
+                    </label>
+                    <div class="relative flex items-center justify-center">
+                            {{form.password|attr:"class:bg-gray-200 border rounded  text-xs font-medium leading-none text-gray-800 py-3 w-full pl-3 mt-2"}}
+                        <div class="absolute right-0 mt-2 mr-3 cursor-pointer">
+                            <img src="https://tuk-cdn.s3.amazonaws.com/can-uploader/sign_in-svg5.svg"
+                                alt="viewport">
+                        </div>
+                    </div>
+                </div>
+                <div class="mt-8">
+                    <button role="button"
+                        class="primaryAction focus:ring-2 focus:ring-offset-2 focus:ring-indigo-700 text-sm font-semibold leading-none text-white focus:outline-none bg-indigo-700 border rounded hover:bg-indigo-600 py-4 w-full" type="submit">{% trans "Sign In" %}</button>
+                </div>
+                <a class="button secondaryAction" href="{% url 'account_reset_password' %}">{% trans "Forgot Password?" %}</a>
+                <div class="mt-4 flex items-center justify-between">
+                   <span class="border-b w-1/5 md:w-1/4"></span>
+                   <a href="{{ signup_url }}" class="text-xs text-gray-500 uppercase">or sign up</a>
+                   <span class="border-b w-1/5 md:w-1/4"></span>
+               </div> 
+                </form>
+
+                <!-- <div class="mt-8">
+                    <button role="button"
+                        class="primaryAction focus:ring-2 focus:ring-offset-2 focus:ring-indigo-700 text-sm font-semibold leading-none text-white focus:outline-none bg-indigo-700 border rounded hover:bg-indigo-600 py-4 w-full" type="submit">{% trans "Sign In" %}</button>
+                </div>
+
+            </form> -->
+
+            {% endblock %}
+        </div>
+    </div>
+
+</div>
+</body>
+</html>
+{% endif %}
diff --git a/templates/account/login1.html b/templates/account/login1.html
new file mode 100644
index 0000000..17bc3a6
--- /dev/null
+++ b/templates/account/login1.html
@@ -0,0 +1,46 @@
+{% extends "account/base.html" %}
+
+{% load i18n %}
+{% load account socialaccount %}
+
+{% block head_title %}{% trans "Sign In" %}{% endblock %}
+
+{% block content %}
+
+<h1>{% trans "Sign In" %}</h1>
+
+{% get_providers as socialaccount_providers %}
+
+{% if socialaccount_providers %}
+<p>{% blocktrans with site.name as site_name %}Please sign in with one
+of your existing third party accounts. Or, <a href="{{ signup_url }}">sign up</a>
+for a {{ site_name }} account and sign in below:{% endblocktrans %}</p>
+
+<div class="socialaccount_ballot">
+
+  <ul class="socialaccount_providers">
+    {% include "socialaccount/snippets/provider_list.html" with process="login" %}
+  </ul>
+
+  <div class="login-or">{% trans 'or' %}</div>
+
+</div>
+
+{% include "socialaccount/snippets/login_extra.html" %}
+
+{% else %}
+<p>{% blocktrans %}If you have not created an account yet, then please
+<a href="{{ signup_url }}">sign up</a> first.{% endblocktrans %}</p>
+{% endif %}
+
+<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>
+
+{% endblock %}
diff --git a/templates/account/logout.html b/templates/account/logout.html
new file mode 100644
index 0000000..2549a90
--- /dev/null
+++ b/templates/account/logout.html
@@ -0,0 +1,21 @@
+{% extends "account/base.html" %}
+
+{% load i18n %}
+
+{% block head_title %}{% trans "Sign Out" %}{% endblock %}
+
+{% block content %}
+<h1>{% trans "Sign Out" %}</h1>
+
+<p>{% trans 'Are you sure you want to sign out?' %}</p>
+
+<form method="post" action="{% url 'account_logout' %}">
+  {% csrf_token %}
+  {% if redirect_field_value %}
+  <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}"/>
+  {% endif %}
+  <button type="submit">{% trans 'Sign Out' %}</button>
+</form>
+
+
+{% endblock %}
diff --git a/templates/account/messages/cannot_delete_primary_email.txt b/templates/account/messages/cannot_delete_primary_email.txt
new file mode 100644
index 0000000..de55571
--- /dev/null
+++ b/templates/account/messages/cannot_delete_primary_email.txt
@@ -0,0 +1,2 @@
+{% load i18n %}
+{% blocktrans %}You cannot remove your primary e-mail address ({{email}}).{% endblocktrans %}
diff --git a/templates/account/messages/email_confirmation_sent.txt b/templates/account/messages/email_confirmation_sent.txt
new file mode 100644
index 0000000..7a526f8
--- /dev/null
+++ b/templates/account/messages/email_confirmation_sent.txt
@@ -0,0 +1,2 @@
+{% load i18n %}
+{% blocktrans %}Confirmation e-mail sent to {{email}}.{% endblocktrans %}
diff --git a/templates/account/messages/email_confirmed.txt b/templates/account/messages/email_confirmed.txt
new file mode 100644
index 0000000..3427a4d
--- /dev/null
+++ b/templates/account/messages/email_confirmed.txt
@@ -0,0 +1,2 @@
+{% load i18n %}
+{% blocktrans %}You have confirmed {{email}}.{% endblocktrans %}
diff --git a/templates/account/messages/email_deleted.txt b/templates/account/messages/email_deleted.txt
new file mode 100644
index 0000000..5cf7cf9
--- /dev/null
+++ b/templates/account/messages/email_deleted.txt
@@ -0,0 +1,2 @@
+{% load i18n %}
+{% blocktrans %}Removed e-mail address {{email}}.{% endblocktrans %}
diff --git a/templates/account/messages/logged_in.txt b/templates/account/messages/logged_in.txt
new file mode 100644
index 0000000..f49248a
--- /dev/null
+++ b/templates/account/messages/logged_in.txt
@@ -0,0 +1,4 @@
+{% load account %}
+{% load i18n %}
+{% user_display user as name %}
+{% blocktrans %}Successfully signed in as {{name}}.{% endblocktrans %}
diff --git a/templates/account/messages/logged_out.txt b/templates/account/messages/logged_out.txt
new file mode 100644
index 0000000..2cd4627
--- /dev/null
+++ b/templates/account/messages/logged_out.txt
@@ -0,0 +1,2 @@
+{% load i18n %}
+{% blocktrans %}You have signed out.{% endblocktrans %}
diff --git a/templates/account/messages/password_changed.txt b/templates/account/messages/password_changed.txt
new file mode 100644
index 0000000..bd5801c
--- /dev/null
+++ b/templates/account/messages/password_changed.txt
@@ -0,0 +1,2 @@
+{% load i18n %}
+{% blocktrans %}Password successfully changed.{% endblocktrans %}
diff --git a/templates/account/messages/password_set.txt b/templates/account/messages/password_set.txt
new file mode 100644
index 0000000..9d224ee
--- /dev/null
+++ b/templates/account/messages/password_set.txt
@@ -0,0 +1,2 @@
+{% load i18n %}
+{% blocktrans %}Password successfully set.{% endblocktrans %}
diff --git a/templates/account/messages/primary_email_set.txt b/templates/account/messages/primary_email_set.txt
new file mode 100644
index 0000000..b6a70dd
--- /dev/null
+++ b/templates/account/messages/primary_email_set.txt
@@ -0,0 +1,2 @@
+{% load i18n %}
+{% blocktrans %}Primary e-mail address set.{% endblocktrans %}
diff --git a/templates/account/messages/unverified_primary_email.txt b/templates/account/messages/unverified_primary_email.txt
new file mode 100644
index 0000000..9c9d0d8
--- /dev/null
+++ b/templates/account/messages/unverified_primary_email.txt
@@ -0,0 +1,2 @@
+{% load i18n %}
+{% blocktrans %}Your primary e-mail address must be verified.{% endblocktrans %}
diff --git a/templates/account/password_change.html b/templates/account/password_change.html
new file mode 100644
index 0000000..108cced
--- /dev/null
+++ b/templates/account/password_change.html
@@ -0,0 +1,16 @@
+{% extends "account/base.html" %}
+
+{% load i18n %}
+
+{% block head_title %}{% trans "Change Password" %}{% endblock %}
+
+{% block content %}
+    <h1>{% trans "Change Password" %}</h1>
+
+    <form method="POST" action="{% url 'account_change_password' %}" class="password_change">
+        {% csrf_token %}
+        {{ form.as_p }}
+        <button type="submit" name="action">{% trans "Change Password" %}</button>
+        <a href="{% url 'account_reset_password' %}">{% trans "Forgot Password?" %}</a>
+    </form>
+{% endblock %}
diff --git a/templates/account/password_reset.html b/templates/account/password_reset.html
new file mode 100644
index 0000000..de23d9e
--- /dev/null
+++ b/templates/account/password_reset.html
@@ -0,0 +1,24 @@
+{% extends "account/base.html" %}
+
+{% load i18n %}
+{% load account %}
+
+{% block head_title %}{% trans "Password Reset" %}{% endblock %}
+
+{% block content %}
+
+    <h1>{% trans "Password Reset" %}</h1>
+    {% if user.is_authenticated %}
+    {% include "account/snippets/already_logged_in.html" %}
+    {% endif %}
+
+    <p>{% trans "Forgotten your password? Enter your e-mail address below, and we'll send you an e-mail allowing you to reset it." %}</p>
+
+    <form method="POST" action="{% url 'account_reset_password' %}" class="password_reset">
+        {% csrf_token %}
+        {{ form.as_p }}
+        <input type="submit" value="{% trans 'Reset My Password' %}" />
+    </form>
+
+    <p>{% blocktrans %}Please contact us if you have any trouble resetting your password.{% endblocktrans %}</p>
+{% endblock %}
diff --git a/templates/account/password_reset_done.html b/templates/account/password_reset_done.html
new file mode 100644
index 0000000..d947d79
--- /dev/null
+++ b/templates/account/password_reset_done.html
@@ -0,0 +1,16 @@
+{% extends "account/base.html" %}
+
+{% load i18n %}
+{% load account %}
+
+{% block head_title %}{% trans "Password Reset" %}{% endblock %}
+
+{% block content %}
+    <h1>{% trans "Password Reset" %}</h1>
+    
+    {% if user.is_authenticated %}
+    {% include "account/snippets/already_logged_in.html" %}
+    {% endif %}
+    
+    <p>{% blocktrans %}We have sent you an e-mail. If you have not received it please check your spam folder. Otherwise contact us if you do not receive it in a few minutes.{% endblocktrans %}</p>
+{% endblock %}
diff --git a/templates/account/password_reset_from_key.html b/templates/account/password_reset_from_key.html
new file mode 100644
index 0000000..7da153b
--- /dev/null
+++ b/templates/account/password_reset_from_key.html
@@ -0,0 +1,19 @@
+{% extends "account/base.html" %}
+
+{% load i18n %}
+{% block head_title %}{% trans "Change Password" %}{% endblock %}
+
+{% block content %}
+    <h1>{% if token_fail %}{% trans "Bad Token" %}{% else %}{% trans "Change Password" %}{% endif %}</h1>
+
+    {% if token_fail %}
+        {% url 'account_reset_password' as passwd_reset_url %}
+        <p>{% blocktrans %}The password reset link was invalid, possibly because it has already been used.  Please request a <a href="{{ passwd_reset_url }}">new password reset</a>.{% endblocktrans %}</p>
+    {% else %}
+        <form method="POST" action="{{ action_url }}">
+            {% csrf_token %}
+            {{ form.as_p }}
+            <input type="submit" name="action" value="{% trans 'change password' %}"/>
+        </form>
+    {% endif %}
+{% endblock %}
diff --git a/templates/account/password_reset_from_key_done.html b/templates/account/password_reset_from_key_done.html
new file mode 100644
index 0000000..85641c2
--- /dev/null
+++ b/templates/account/password_reset_from_key_done.html
@@ -0,0 +1,9 @@
+{% extends "account/base.html" %}
+
+{% load i18n %}
+{% block head_title %}{% trans "Change Password" %}{% endblock %}
+
+{% block content %}
+    <h1>{% trans "Change Password" %}</h1>
+    <p>{% trans 'Your password is now changed.' %}</p>
+{% endblock %}
diff --git a/templates/account/password_set.html b/templates/account/password_set.html
new file mode 100644
index 0000000..f561572
--- /dev/null
+++ b/templates/account/password_set.html
@@ -0,0 +1,15 @@
+{% extends "account/base.html" %}
+
+{% load i18n %}
+
+{% block head_title %}{% trans "Set Password" %}{% endblock %}
+
+{% block content %}
+    <h1>{% trans "Set Password" %}</h1>
+
+    <form method="POST" action="{% url 'account_set_password' %}" class="password_set">
+        {% csrf_token %}
+        {{ form.as_p }}
+        <input type="submit" name="action" value="{% trans 'Set Password' %}"/>
+    </form>
+{% endblock %}
diff --git a/templates/account/signup.html b/templates/account/signup.html
new file mode 100644
index 0000000..b6e38d9
--- /dev/null
+++ b/templates/account/signup.html
@@ -0,0 +1,134 @@
+{% load i18n %}
+{% load widget_tweaks %}
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://unpkg.com/tailwindcss@1.2.0/dist/tailwind.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+</head>
+<body class="h-screen overflow-hidden flex items-center justify-center" style="background: #edf2f7;">
+    <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.js" defer></script>
+
+<div class="container max-w-full mx-auto md:py-24 px-6">
+  <div class="max-w-sm mx-auto px-6">
+        <div class="relative flex flex-wrap">
+            <div class="w-full relative">
+                <div class="md:mt-6">
+                    <div class="container">
+
+                        <div class="row mb-16">
+                            <a class="flex title-font font-medium items-center md:justify-start justify-center text-gray-900"
+                            href="/">
+                            <img src="\static\logo.png"
+                            alt="logo"
+                            class="object-scale-down h-5 w-full mt-4">
+                        </a>
+                    </div>
+                
+                    <div class="text-center font-semibold text-black">
+                        Sign Up
+                    </div>
+                    <div class="text-center font-base text-black">
+                        Register yourself to get started
+                    </div>
+                    <form class="signup" id="signup_form" method="post" x-data="{password: '',password_confirm: ''}">
+                        {% csrf_token %}
+                        <div class="mx-auto max-w-lg ">
+                            <div class="py-1">
+                                <span class="px-1 text-sm text-gray-600">Username</span>
+                                {% render_field form.username class="form-control" %}   
+
+                                <!-- <input placeholder="" type="text"
+                                       class="text-md block px-3 py-2 rounded-lg w-full
+                bg-white border-2 border-gray-300 placeholder-gray-600 shadow-md focus:placeholder-gray-500 focus:bg-white focus:border-gray-600 focus:outline-none"> -->
+                            </div>
+                            <div class="py-1">
+                                <span class="px-1 text-sm text-gray-600">Email</span>
+                                {% render_field form.email class="form-control" %}   
+
+                                <!-- <input placeholder="" type="email"
+                                       class="text-md block px-3 py-2 rounded-lg w-full
+                bg-white border-2 border-gray-300 placeholder-gray-600 shadow-md focus:placeholder-gray-500 focus:bg-white focus:border-gray-600 focus:outline-none"> -->
+                            </div>
+                            <div class="py-1">
+                                <span class="px-1 text-sm text-gray-600">Password</span>
+                                {% render_field form.password1 class="form-control" %}   
+
+                                <!-- <input placeholder="" type="password" x-model="password"
+                                       class="text-md block px-3 py-2 rounded-lg w-full
+                bg-white border-2 border-gray-300 placeholder-gray-600 shadow-md focus:placeholder-gray-500 focus:bg-white focus:border-gray-600 focus:outline-none"> -->
+                            </div>
+                            <div class="py-1">
+                                <span class="px-1 text-sm text-gray-600">Password Confirm</span>
+                                {% render_field form.password2 class="form-control" %}   
+                                <!-- <input placeholder="" type="password" x-model="password_confirm"
+                                       class="text-md block px-3 py-2 rounded-lg w-full
+                bg-white border-2 border-gray-300 placeholder-gray-600 shadow-md focus:placeholder-gray-500 focus:bg-white focus:border-gray-600 focus:outline-none"> -->
+                            </div>
+                            <!-- <div class="flex justify-start mt-3 ml-4 p-1">
+                                <ul>
+                                    <li class="flex items-center py-1">
+                                        <div :class="{'bg-green-200 text-green-700': password == password_confirm && password.length > 0, 'bg-red-200 text-red-700':password != password_confirm || password.length == 0}"
+                                             class=" rounded-full p-1 fill-current ">
+                                            <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                                <path x-show="password == password_confirm && password.length > 0" stroke-linecap="round"
+                                                      stroke-linejoin="round" stroke-width="2"
+                                                      d="M5 13l4 4L19 7"/>
+                                                <path x-show="password != password_confirm || password.length == 0" stroke-linecap="round"
+                                                      stroke-linejoin="round" stroke-width="2"
+                                                      d="M6 18L18 6M6 6l12 12"/>
+
+                                            </svg>
+                                        </div>
+                                        <span :class="{'text-green-700': password == password_confirm && password.length > 0, 'text-red-700':password != password_confirm || password.length == 0}"
+                                              class="font-medium text-sm ml-3"
+                                              x-text="password == password_confirm && password.length > 0 ? 'Passwords match' : 'Passwords do not match' "></span>
+                                    </li>
+                                    <li class="flex items-center py-1">
+                                        <div :class="{'bg-green-200 text-green-700': password.length > 7, 'bg-red-200 text-red-700':password.length < 7 }"
+                                             class=" rounded-full p-1 fill-current ">
+                                            <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                                <path x-show="password.length > 7" stroke-linecap="round"
+                                                      stroke-linejoin="round" stroke-width="2"
+                                                      d="M5 13l4 4L19 7"/>
+                                                <path x-show="password.length < 7" stroke-linecap="round"
+                                                      stroke-linejoin="round" stroke-width="2"
+                                                      d="M6 18L18 6M6 6l12 12"/>
+
+                                            </svg>
+                                        </div>
+                                        <span :class="{'text-green-700': password.length > 7, 'text-red-700':password.length < 7 }"
+                                              class="font-medium text-sm ml-3"
+                                              x-text="password.length > 7 ? 'The minimum length is reached' : 'At least 8 characters required' "></span>
+                                    </li>
+                                </ul>
+                            </div> -->
+                            <button type="submit" class="mt-3 text-lg font-semibold
+            bg-gray-800 w-full text-white rounded-lg
+            px-6 py-3 block shadow-xl hover:text-white hover:bg-black">
+                                Register
+                            </button>
+                        </div>
+                    </form>
+
+                    <div class="text-sm font-semibold block py-6 flex justify-center">
+                        <a href="#"
+                           class="text-black font-normal border-b-2 border-gray-200 hover:border-teal-500">Already a member?
+                           <a href = "login" >
+                           <span class="text-black font-semibold">
+            Login
+          </span>
+        </a>
+                        </a>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+</body>
+</html>
diff --git a/templates/account/signup1.html b/templates/account/signup1.html
new file mode 100644
index 0000000..8b53b44
--- /dev/null
+++ b/templates/account/signup1.html
@@ -0,0 +1,21 @@
+{% extends "account/base.html" %}
+
+{% load i18n %}
+
+{% block head_title %}{% trans "Signup" %}{% endblock %}
+
+{% block content %}
+<h1>{% trans "Sign Up" %}</h1>
+
+<p>{% blocktrans %}Already have an account? Then please <a href="{{ login_url }}">sign in</a>.{% endblocktrans %}</p>
+
+<form class="signup" id="signup_form" method="post" action="{% url 'account_signup' %}">
+  {% csrf_token %}
+  {{ form.as_p }}
+  {% if redirect_field_value %}
+  <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
+  {% endif %}
+  <button type="submit">{% trans "Sign Up" %} &raquo;</button>
+</form>
+
+{% endblock %}
diff --git a/templates/account/signup_closed.html b/templates/account/signup_closed.html
new file mode 100644
index 0000000..bc83950
--- /dev/null
+++ b/templates/account/signup_closed.html
@@ -0,0 +1,11 @@
+{% extends "account/base.html" %}
+
+{% load i18n %}
+
+{% block head_title %}{% trans "Sign Up Closed" %}{% endblock %}
+
+{% block content %}
+<h1>{% trans "Sign Up Closed" %}</h1>
+
+<p>{% trans "We are sorry, but the sign up is currently closed." %}</p>
+{% endblock %}
diff --git a/templates/account/snippets/already_logged_in.html b/templates/account/snippets/already_logged_in.html
new file mode 100644
index 0000000..00799f0
--- /dev/null
+++ b/templates/account/snippets/already_logged_in.html
@@ -0,0 +1,5 @@
+{% load i18n %}
+{% load account %}
+
+{% user_display user as user_display %}
+<p><strong>{% trans "Note" %}:</strong> {% blocktrans %}you are already logged in as {{ user_display }}.{% endblocktrans %}</p>
diff --git a/templates/account/verification_sent.html b/templates/account/verification_sent.html
new file mode 100644
index 0000000..3b2d7e5
--- /dev/null
+++ b/templates/account/verification_sent.html
@@ -0,0 +1,12 @@
+{% extends "account/base.html" %}
+
+{% load i18n %}
+
+{% block head_title %}{% trans "Verify Your E-mail Address" %}{% endblock %}
+
+{% block content %}
+    <h1>{% trans "Verify Your E-mail Address" %}</h1>
+
+    <p>{% blocktrans %}We have sent an e-mail to you for verification. Follow the link provided to finalize the signup process. If you do not see the verification e-mail in your main inbox, check your spam folder. Please contact us if you do not receive the verification e-mail within a few minutes.{% endblocktrans %}</p>
+
+{% endblock %}
diff --git a/templates/account/verified_email_required.html b/templates/account/verified_email_required.html
new file mode 100644
index 0000000..d8e5378
--- /dev/null
+++ b/templates/account/verified_email_required.html
@@ -0,0 +1,23 @@
+{% extends "account/base.html" %}
+
+{% load i18n %}
+
+{% block head_title %}{% trans "Verify Your E-mail Address" %}{% endblock %}
+
+{% block content %}
+<h1>{% trans "Verify Your E-mail Address" %}</h1>
+
+{% url 'account_email' as email_url %}
+
+<p>{% blocktrans %}This part of the site requires us to verify that
+you are who you claim to be. For this purpose, we require that you
+verify ownership of your e-mail address. {% endblocktrans %}</p>
+
+<p>{% blocktrans %}We have sent an e-mail to you for
+verification. Please click on the link inside that e-mail. If you do not see the verification e-mail in your main inbox, check your spam folder. Otherwise
+contact us if you do not receive it within a few minutes.{% endblocktrans %}</p>
+
+<p>{% blocktrans %}<strong>Note:</strong> you can still <a href="{{ email_url }}">change your e-mail address</a>.{% endblocktrans %}</p>
+
+
+{% endblock %}
diff --git a/templates/dashboard.html b/templates/dashboard.html
index d75c29a..f661b12 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -12,7 +12,7 @@
     <link rel="stylesheet" href="https://unpkg.com/tailwindcss@2.2.19/dist/tailwind.min.css" />
     {% load static %}
     <link rel="stylesheet" href="{% static 'css/dashboard_css.css' %}">
-    <script type="text/javascript" src="{% static 'templates\dashboard.html' %}"></script>
+    <script type="text/javascript" src="{% static '/js/dashboard_js.js' %}"></script>
     <script src="https://kit.fontawesome.com/87c158d066.js" crossorigin="anonymous"></script>
 
 </head>
@@ -60,25 +60,21 @@
                                     <div class="btn-group">
                                         <a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                                             class="p-0 btn">
-                                            <img width="42" class="rounded-circle" src="assets/images/avatars/1.jpg"
-                                                alt="">
                                             <i class="fa fa-angle-down ml-2 opacity-8"></i>
                                         </a>
+                                        <img width="30" class="rounded-circle" src="/static/avatar.png"
+                                            alt="">
                                         <div tabindex="-1" role="menu" aria-hidden="true"
                                             class="dropdown-menu dropdown-menu-right">
-                                            <button type="button" tabindex="0" class="dropdown-item">
-                                                User
-                                                Account
-                                            </button>
-                                            <a href="profile_settings"><button type="button" tabindex="0" class="dropdown-item">Profile Settings</button></a>
-                                            <a href="login">
+                                            <a href="/accounts/email/"><button type="button" tabindex="0" class="dropdown-item">Change Email</button></a>
+                                            <a href="/accounts/logout/">
                                                 <h6 tabindex="-1" class="dropdown-header">Sign Out</h6>
                                             </a>
                                         </div>
                                     </div>
                                 </div>
-                                <div class="widget-content-left  ml-3 header-user-info">
-                                    <div class="widget-heading">Sample User</div>
+                                <div class="widget-content-left ml-2 header-user-info">
+                                    <div class="widget-heading">{{request.user}}</div>
                                 </div>
                             </div>
                         </div>
@@ -190,6 +186,15 @@ <h6 tabindex="-1" class="dropdown-header">Sign Out</h6>
                             </li>
                         </ul>
                     </div>
+                    {% if messages %}
+                    <div class="ml-3 mt-5">
+                        <ul>
+                            {% for message in messages %}
+                            <h3><strong>{{message}}</strong></h3>
+                            {% endfor %}
+                        </ul>
+                    </div>
+                    {% endif %}
                 </div>
             </div>
             <div class="app-main__outer">
@@ -881,7 +886,7 @@ <h1 class="text-lg">
                     <div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col">
                         <a
                             class="flex title-font font-medium items-center md:justify-start justify-center text-gray-900" href="/">
-                            <img src="static\logo.png" alt="logo" class="object-scale-down h-5 w-full mt-4">
+                            <img src="/static/logo.png" alt="logo" class="object-scale-down h-5 w-full mt-4">
                         </a>
                         <span class="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start">
                             <a class="text-gray-500">
diff --git a/templates/index.html b/templates/index.html
index e7bf0c9..4f5f2d1 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -68,18 +68,30 @@
                                href="#contactus">Contact Us</a>
                         </li>
                     </ul>
-                    <a href="login">
+                    {% if not user.is_authenticated %}
+                    <a href="/accounts/login/">
                         <button id="navAction"
                                 class="mx-auto lg:mx-0 hover:underline bg-white text-gray-800 font-bold rounded-full mt-4 lg:mt-0 py-4 px-8 shadow opacity-75 focus:outline-none focus:shadow-outline transform transition hover:scale-105 duration-300 ease-in-out">
                             Login
                         </button>
                     </a>
+                    {% endif %}
                 </div>
             </div>
             <hr class="border-b border-gray-100 opacity-25 my-0 py-0" />
         </nav>
         <!--Hero-->
-        <div class="pt-24">
+        <div class="pt-24 ml-5">
+            {% if messages %}
+    <div>
+      <strong>Messages:</strong>
+      <ul>
+        {% for message in messages %}
+        <li>{{message}}</li>
+        {% endfor %}
+      </ul>
+    </div>
+    {% endif %}
             <div class="container px-3 mx-auto flex flex-wrap flex-col md:flex-row items-center">
                 <!--Left Col-->
                 <div class="flex flex-col w-full md:w-2/5 justify-center items-start text-center p-5 md:text-left">
@@ -87,7 +99,7 @@ <h1 class="my-4 text-5xl font-bold leading-tight">Navigating Lives</h1>
                     <p class="leading-normal text-2xl mb-8">
                         Providing an easy way to apply to your dream college
                     </p>
-                    <a href="register">
+                    <a href="/accounts/signup/">
                         <button class="mx-auto lg:mx-0 hover:underline bg-white text-gray-800 font-bold rounded-full my-6 py-4 px-8 shadow-lg focus:outline-none focus:shadow-outline transform transition hover:scale-105 duration-300 ease-in-out">
                             Sign Up!
                         </button>
@@ -586,7 +598,7 @@ <h1 class="w-full my-2 text-5xl font-bold leading-tight text-center text-gray-80
                                     ₹0
                                 </div>
                                 <div class="flex items-center justify-center">
-                                    <a href="register">
+                                    <a href="/accounts/signup/">
                                         <button class="mx-auto lg:mx-0 hover:underline gradient text-white font-bold rounded-full my-6 py-4 px-8 shadow-lg focus:outline-none focus:shadow-outline transform transition hover:scale-105 duration-300 ease-in-out">
                                             Sign Up
                                         </button>
@@ -789,7 +801,7 @@ <h1 class="w-full my-2 text-5xl font-bold leading-tight text-center text-white">
             <h3 class="my-4 text-3xl leading-tight">
                 Get started with Xplore and make the trip to your dream college easier.
             </h3>
-            <a href="register">
+            <a href="/accounts/signup/">
                 <button class="mx-auto lg:mx-0 hover:underline bg-white text-gray-800 font-bold rounded-full my-6 py-4 px-8 shadow-lg focus:outline-none focus:shadow-outline transform transition hover:scale-105 duration-300 ease-in-out">
                     Sign Up!
                 </button>
diff --git a/templates/login.html b/templates/login.html
index 6a5a0c9..39931b5 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -1,3 +1,8 @@
+{% load i18n %}
+{% load account socialaccount %}
+{% block content %}
+{% get_providers as socialaccount_providers %}
+
 <!doctype html>
 <html lang="en">
 <head>
@@ -19,43 +24,53 @@
         <div class="w-full p-8 lg:w-1/2">
             <h2 class="text-2xl font-semibold text-gray-700 text-center">Brand</h2>
             <p class="text-xl text-gray-600 text-center">Welcome back!</p>
-            <a href="#" class="flex items-center justify-center mt-4 text-white rounded-lg shadow-md hover:bg-gray-100">
-                <div class="px-4 py-3">
-                    <svg class="h-6 w-6" viewBox="0 0 40 40">
-                        <path d="M36.3425 16.7358H35V16.6667H20V23.3333H29.4192C28.045 27.2142 24.3525 30 20 30C14.4775 30 10 25.5225 10 20C10 14.4775 14.4775 9.99999 20 9.99999C22.5492 9.99999 24.8683 10.9617 26.6342 12.5325L31.3483 7.81833C28.3717 5.04416 24.39 3.33333 20 3.33333C10.7958 3.33333 3.33335 10.7958 3.33335 20C3.33335 29.2042 10.7958 36.6667 20 36.6667C29.2042 36.6667 36.6667 29.2042 36.6667 20C36.6667 18.8825 36.5517 17.7917 36.3425 16.7358Z" fill="#FFC107"/>
-                        <path d="M5.25497 12.2425L10.7308 16.2583C12.2125 12.59 15.8008 9.99999 20 9.99999C22.5491 9.99999 24.8683 10.9617 26.6341 12.5325L31.3483 7.81833C28.3716 5.04416 24.39 3.33333 20 3.33333C13.5983 3.33333 8.04663 6.94749 5.25497 12.2425Z" fill="#FF3D00"/>
-                        <path d="M20 36.6667C24.305 36.6667 28.2167 35.0192 31.1742 32.34L26.0159 27.975C24.3425 29.2425 22.2625 30 20 30C15.665 30 11.9842 27.2359 10.5975 23.3784L5.16254 27.5659C7.92087 32.9634 13.5225 36.6667 20 36.6667Z" fill="#4CAF50"/>
-                        <path d="M36.3425 16.7358H35V16.6667H20V23.3333H29.4192C28.7592 25.1975 27.56 26.805 26.0133 27.9758C26.0142 27.975 26.015 27.975 26.0158 27.9742L31.1742 32.3392C30.8092 32.6708 36.6667 28.3333 36.6667 20C36.6667 18.8825 36.5517 17.7917 36.3425 16.7358Z" fill="#1976D2"/>
-                    </svg>
-                </div>
-                <h1 class="px-4 py-3 w-5/6 text-center text-gray-600 font-bold">Sign in with Google</h1>
-            </a>
+            {% if socialaccount_providers %}
+            {% include "socialaccount/snippets/provider_list.html" with process="login" %}
+
+            {% include "socialaccount/snippets/login_extra.html" %}
+
+            {% endif %}
+
             <div class="mt-4 flex items-center justify-between">
                 <span class="border-b w-1/5 lg:w-1/4"></span>
                 <a href="#" class="text-xs text-center text-gray-500 uppercase">or login with email</a>
                 <span class="border-b w-1/5 lg:w-1/4"></span>
             </div>
-            <div class="mt-4">
-                <label class="block text-gray-700 text-sm font-bold mb-2">Email Address</label>
-                <input class="bg-gray-200 text-gray-700 focus:outline-none focus:shadow-outline border border-gray-300 rounded py-2 px-4 block w-full appearance-none" type="email">
-            </div>
-            <div class="mt-4">
-                <div class="flex justify-between">
-                    <label class="block text-gray-700 text-sm font-bold mb-2">Password</label>
-                    <a href="#" class="text-xs text-gray-500">Forget Password?</a>
+            <form class="login" method="POST" action="{% url 'account_login' %}">
+                {% csrf_token %}
+                {% if redirect_field_value %}
+                    <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
+                {% endif %}
+
+                <div class="mt-4">
+                    <label class="block text-gray-700 text-sm font-bold mb-2">Email Address</label>
+                    <input class="bg-gray-200 text-gray-700 focus:outline-none focus:shadow-outline border border-gray-300 rounded py-2 px-4 block w-full appearance-none" type="email">
                 </div>
-                <input class="bg-gray-200 text-gray-700 focus:outline-none focus:shadow-outline border border-gray-300 rounded py-2 px-4 block w-full appearance-none" type="password">
-            </div>
-            <div class="mt-8">
+                <div class="mt-4">
+                    <div class="flex justify-between">
+                        <label class="block text-gray-700 text-sm font-bold mb-2">Password</label>
+                        <a href="#" class="text-xs text-gray-500">Forget Password?</a>
+                    </div>
+                    <input class="bg-gray-200 text-gray-700 focus:outline-none focus:shadow-outline border border-gray-300 rounded py-2 px-4 block w-full appearance-none" type="password">
+                </div>
+                <div class="mt-8">
                 <a href = "dashboard"><button class="bg-gray-700 text-white font-bold py-2 px-4 w-full rounded hover:bg-gray-600">Login</button></a>
-            </div>
-            <div class="mt-4 flex items-center justify-between">
-                <span class="border-b w-1/5 md:w-1/4"></span>
-                <a href="register" class="text-xs text-gray-500 uppercase">or sign up</a>
-                <span class="border-b w-1/5 md:w-1/4"></span>
-            </div>
+                </div>
+                <div class="mt-4 flex items-center justify-between">
+                    <span class="border-b w-1/5 md:w-1/4"></span>
+                    <a href="{{ signup_url }}" class="text-xs text-gray-500 uppercase">or sign up</a>
+                    <span class="border-b w-1/5 md:w-1/4"></span>
+                </div>
+                <div class="mt-8">
+                    <button role="button"
+                        class="primaryAction focus:ring-2 focus:ring-offset-2 focus:ring-indigo-700 text-sm font-semibold leading-none text-white focus:outline-none bg-indigo-700 border rounded hover:bg-indigo-600 py-4 w-full" type="submit">{% trans "Sign In" %}</button>
+                </div>
+            </form>
+
         </div>
     </div>
+    {% endblock %}
+
 </div>
 </body>
 </html>
diff --git a/templates/openid/base.html b/templates/openid/base.html
new file mode 100644
index 0000000..671d403
--- /dev/null
+++ b/templates/openid/base.html
@@ -0,0 +1 @@
+{% extends "socialaccount/base.html" %}
diff --git a/templates/openid/login.html b/templates/openid/login.html
new file mode 100644
index 0000000..b27ee37
--- /dev/null
+++ b/templates/openid/login.html
@@ -0,0 +1,18 @@
+{% extends "openid/base.html" %}
+
+{% load i18n %}
+
+{% block head_title %}OpenID Sign In{% endblock %}
+
+{% block content %}
+
+<h1>{% trans 'OpenID Sign In' %}</h1>
+
+
+<form id="openid_login_form" class="openid_login" method="post" action="{% url 'openid_login' %}">
+{% csrf_token %}
+{{form.as_p}}
+<button type="submit">Sign In</button>
+</form>
+
+{% endblock %}
diff --git a/templates/socialaccount/authentication_error.html b/templates/socialaccount/authentication_error.html
new file mode 100644
index 0000000..0300295
--- /dev/null
+++ b/templates/socialaccount/authentication_error.html
@@ -0,0 +1,11 @@
+{% extends "socialaccount/base.html" %}
+
+{% load i18n %}
+
+{% block head_title %}{% trans "Social Network Login Failure" %}{% endblock %}
+
+{% block content %}
+<h1>{% trans "Social Network Login Failure" %}</h1>
+
+<p>{% trans "An error occurred while attempting to login via your social network account." %}</p>
+{% endblock %}
diff --git a/templates/socialaccount/base.html b/templates/socialaccount/base.html
new file mode 100644
index 0000000..b64fd56
--- /dev/null
+++ b/templates/socialaccount/base.html
@@ -0,0 +1 @@
+{% extends "account/base.html" %}
diff --git a/templates/socialaccount/connections.html b/templates/socialaccount/connections.html
new file mode 100644
index 0000000..f7c2729
--- /dev/null
+++ b/templates/socialaccount/connections.html
@@ -0,0 +1,54 @@
+{% extends "socialaccount/base.html" %}
+
+{% load i18n %}
+
+{% block head_title %}{% trans "Account Connections" %}{% endblock %}
+
+{% block content %}
+<h1>{% trans "Account Connections" %}</h1>
+
+{% if form.accounts %}
+<p>{% blocktrans %}You can sign in to your account using any of the following third party accounts:{% endblocktrans %}</p>
+
+
+<form method="post" action="{% url 'socialaccount_connections' %}">
+{% csrf_token %}
+
+<fieldset>
+{% if form.non_field_errors %}
+<div id="errorMsg">{{ form.non_field_errors }}</div>
+{% endif %}
+
+{% for base_account in form.accounts %}
+{% with base_account.get_provider_account as account %}
+<div>
+<label for="id_account_{{ base_account.id }}">
+<input id="id_account_{{ base_account.id }}" type="radio" name="account" value="{{ base_account.id }}"/>
+<span class="socialaccount_provider {{ base_account.provider }} {{ account.get_brand.id }}">{{account.get_brand.name}}</span>
+{{ account }}
+</label>
+</div>
+{% endwith %}
+{% endfor %}
+
+<div>
+<button type="submit">{% trans 'Remove' %}</button>
+</div>
+
+</fieldset>
+
+</form>
+
+{% else %}
+<p>{% trans 'You currently have no social network accounts connected to this account.' %}</p>
+{% endif %}
+
+<h2>{% trans 'Add a 3rd Party Account' %}</h2>
+
+<ul class="socialaccount_providers">
+{% include "socialaccount/snippets/provider_list.html" with process="connect" %}
+</ul>
+
+{% include "socialaccount/snippets/login_extra.html" %}
+
+{% endblock %}
diff --git a/templates/socialaccount/login.html b/templates/socialaccount/login.html
new file mode 100644
index 0000000..0ce2ed9
--- /dev/null
+++ b/templates/socialaccount/login.html
@@ -0,0 +1,21 @@
+{% extends "socialaccount/base.html" %}
+{% load i18n %}
+
+{% block head_title %}{% trans "Sign In" %}{% endblock %}
+
+{% block content %}
+{% if process == "connect" %}
+<h1>{% blocktrans with provider.name as provider %}Connect {{ provider }}{% endblocktrans %}</h1>
+
+<p>{% blocktrans with provider.name as provider %}You are about to connect a new third party account from {{ provider }}.{% endblocktrans %}</p>
+{% else %}
+<h1>{% blocktrans with provider.name as provider %}Sign In Via {{ provider }}{% endblocktrans %}</h1>
+
+<p>{% blocktrans with provider.name as provider %}You are about to sign in using a third party account from {{ provider }}.{% endblocktrans %}</p>
+{% endif %}
+
+<form method="post">
+  {% csrf_token %}
+  <button type="submit">{% trans "Continue" %}</button>
+</form>
+{% endblock %}
diff --git a/templates/socialaccount/login_cancelled.html b/templates/socialaccount/login_cancelled.html
new file mode 100644
index 0000000..8d76786
--- /dev/null
+++ b/templates/socialaccount/login_cancelled.html
@@ -0,0 +1,15 @@
+{% extends "socialaccount/base.html" %}
+
+{% load i18n %}
+
+{% block head_title %}{% trans "Login Cancelled" %}{% endblock %}
+
+{% block content %}
+
+<h1>{% trans "Login Cancelled" %}</h1>
+
+{% url 'account_login' as login_url %}
+
+<p>{% blocktrans %}You decided to cancel logging in to our site using one of your existing accounts. If this was a mistake, please proceed to <a href="{{login_url}}">sign in</a>.{% endblocktrans %}</p>
+
+{% endblock %}
diff --git a/templates/socialaccount/messages/account_connected.txt b/templates/socialaccount/messages/account_connected.txt
new file mode 100644
index 0000000..be6aa60
--- /dev/null
+++ b/templates/socialaccount/messages/account_connected.txt
@@ -0,0 +1,2 @@
+{% load i18n %}
+{% blocktrans %}The social account has been connected.{% endblocktrans %}
diff --git a/templates/socialaccount/messages/account_connected_other.txt b/templates/socialaccount/messages/account_connected_other.txt
new file mode 100644
index 0000000..e90f6cc
--- /dev/null
+++ b/templates/socialaccount/messages/account_connected_other.txt
@@ -0,0 +1,2 @@
+{% load i18n %}
+{% blocktrans %}The social account is already connected to a different account.{% endblocktrans %}
diff --git a/templates/socialaccount/messages/account_connected_updated.txt b/templates/socialaccount/messages/account_connected_updated.txt
new file mode 100644
index 0000000..3f7174e
--- /dev/null
+++ b/templates/socialaccount/messages/account_connected_updated.txt
@@ -0,0 +1 @@
+{% extends "socialaccount/messages/account_connected.txt" %}
diff --git a/templates/socialaccount/messages/account_disconnected.txt b/templates/socialaccount/messages/account_disconnected.txt
new file mode 100644
index 0000000..fd43f30
--- /dev/null
+++ b/templates/socialaccount/messages/account_disconnected.txt
@@ -0,0 +1,2 @@
+{% load i18n %}
+{% blocktrans %}The social account has been disconnected.{% endblocktrans %}
diff --git a/templates/socialaccount/signup.html b/templates/socialaccount/signup.html
new file mode 100644
index 0000000..caa2de2
--- /dev/null
+++ b/templates/socialaccount/signup.html
@@ -0,0 +1,22 @@
+{% extends "socialaccount/base.html" %}
+
+{% load i18n %}
+
+{% block head_title %}{% trans "Signup" %}{% endblock %}
+
+{% block content %}
+    <h1>{% trans "Sign Up" %}</h1>
+
+<p>{% blocktrans with provider_name=account.get_provider.name site_name=site.name %}You are about to use your {{provider_name}} account to login to
+{{site_name}}. As a final step, please complete the following form:{% endblocktrans %}</p>
+
+<form class="signup" id="signup_form" method="post" action="{% url 'socialaccount_signup' %}">
+  {% csrf_token %}
+  {{ form.as_p }}
+  {% if redirect_field_value %}
+  <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
+  {% endif %}
+  <button type="submit">{% trans "Sign Up" %} &raquo;</button>
+</form>
+
+{% endblock %}
diff --git a/templates/socialaccount/snippets/login_extra.html b/templates/socialaccount/snippets/login_extra.html
new file mode 100644
index 0000000..307def4
--- /dev/null
+++ b/templates/socialaccount/snippets/login_extra.html
@@ -0,0 +1,3 @@
+{% load socialaccount %}
+
+{% providers_media_js %}
diff --git a/templates/socialaccount/snippets/provider_list.html b/templates/socialaccount/snippets/provider_list.html
new file mode 100644
index 0000000..234a170
--- /dev/null
+++ b/templates/socialaccount/snippets/provider_list.html
@@ -0,0 +1,45 @@
+{% load socialaccount %}
+
+{% get_providers as socialaccount_providers %}
+
+{% for provider in socialaccount_providers %}
+{% if provider.id == "openid" %}
+{% for brand in provider.get_brands %}
+
+<li>
+  <a title="{{brand.name}}" 
+     class="socialaccount_provider {{provider.id}} {{brand.id}}" 
+     href="{% provider_login_url provider.id openid=brand.openid_url process=process %}"
+     >{{brand.name}}</a>
+</li>
+
+{% endfor %}
+{% endif %}
+
+{% comment %} check if the provider is gogole {% endcomment %}
+
+{% if provider.name == "Google" %}
+{% comment %} <a href="{% provider_login_url provider.id process=process scope=scope auth_params=auth_params %}"> {% endcomment %}
+<form action="{% provider_login_url 'google' %}" method="post" style="width: 100%;">
+    {% csrf_token %}
+  <button aria-label="Continue with google" role="button"
+  class="flex items-center justify-center mt-4 text-white rounded-lg shadow-md hover:bg-gray-100" style="width: 100%;">
+  <div class="px-4 py-3">
+    <svg class="h-6 w-6" viewBox="0 0 40 40">
+        <path d="M36.3425 16.7358H35V16.6667H20V23.3333H29.4192C28.045 27.2142 24.3525 30 20 30C14.4775 30 10 25.5225 10 20C10 14.4775 14.4775 9.99999 20 9.99999C22.5492 9.99999 24.8683 10.9617 26.6342 12.5325L31.3483 7.81833C28.3717 5.04416 24.39 3.33333 20 3.33333C10.7958 3.33333 3.33335 10.7958 3.33335 20C3.33335 29.2042 10.7958 36.6667 20 36.6667C29.2042 36.6667 36.6667 29.2042 36.6667 20C36.6667 18.8825 36.5517 17.7917 36.3425 16.7358Z" fill="#FFC107"/>
+        <path d="M5.25497 12.2425L10.7308 16.2583C12.2125 12.59 15.8008 9.99999 20 9.99999C22.5491 9.99999 24.8683 10.9617 26.6341 12.5325L31.3483 7.81833C28.3716 5.04416 24.39 3.33333 20 3.33333C13.5983 3.33333 8.04663 6.94749 5.25497 12.2425Z" fill="#FF3D00"/>
+        <path d="M20 36.6667C24.305 36.6667 28.2167 35.0192 31.1742 32.34L26.0159 27.975C24.3425 29.2425 22.2625 30 20 30C15.665 30 11.9842 27.2359 10.5975 23.3784L5.16254 27.5659C7.92087 32.9634 13.5225 36.6667 20 36.6667Z" fill="#4CAF50"/>
+        <path d="M36.3425 16.7358H35V16.6667H20V23.3333H29.4192C28.7592 25.1975 27.56 26.805 26.0133 27.9758C26.0142 27.975 26.015 27.975 26.0158 27.9742L31.1742 32.3392C30.8092 32.6708 36.6667 28.3333 36.6667 20C36.6667 18.8825 36.5517 17.7917 36.3425 16.7358Z" fill="#1976D2"/>
+    </svg>
+</div>
+  <h1 class="px-4 py-3 w-5/6 text-center text-gray-600 font-bold">Sign in with Google</h1>
+</button> </a>
+</form>
+{%else%}
+<li>
+  <a title="{{provider.name}}" class="socialaccount_provider {{provider.id}}" 
+     href="{% provider_login_url provider.id process=process scope=scope auth_params=auth_params %}">{{provider.name}}</a>
+</li>
+{% endif %}
+
+{% endfor %}
diff --git a/templates/tests/test_403_csrf.html b/templates/tests/test_403_csrf.html
new file mode 100644
index 0000000..86f9aea
--- /dev/null
+++ b/templates/tests/test_403_csrf.html
@@ -0,0 +1,2 @@
+{% load socialaccount %}
+<a href="{% provider_login_url "google" next=next %}" class="nav-link">Sign In</a>