fix UI issues in website

	- separate header, body and footer using css ids in base.html to avoid text hiding in header and footer
	- remove unnecessary script tag and div tag from account/home.html
	- use django-crispy-forms to fix design issues in password_change_form, user_registration_form and user_login_form
	- fix UI issues in pages/info.html and pages_index.html

1 files changed, 6 insertions, 8 deletions

diff --git a/sbhs/templates/account/account_index.html b/sbhs/templates/account/account_index.html
index 60fece6..ce0754e 100644
--- a/sbhs/templates/account/account_index.html
+++ b/sbhs/templates/account/account_index.html
@@ -1,5 +1,5 @@
 {% extends "base.html" %}
-
+{% load crispy_forms_tags %}
 {% block content %}
 <div class="container">
     <div class="row">
@@ -8,9 +8,9 @@
             <br>
             <form action="{% url 'account_login' %}" method="POST">
                 {% csrf_token %}
-                {{login_form.as_p}}
-
-                <input type="submit" class="btn btn-primary" value="Login">
+                {{login_form|crispy}}
+                <br>
+                <input type="submit" class="btn btn-inverse" value="Login">
                 &nbsp;&nbsp;<a href="{% url "password_reset" %}">Forgot Password?</a>
             </form>
         </div>
@@ -18,10 +18,8 @@
             <h2>Create Account</h2>
             <form action="{% url 'account_create' %}" method="POST">
                 {% csrf_token %}
-                {{registration_form.as_p}}
-                {% for field in registration_form %}
-                    
-                {% endfor %}
+                {{registration_form|crispy}}
+
                 <input type="submit" class="btn btn-inverse" value="New User? Sign-Up">
             </form>
         </div>