<form method = "POST" >{% csrf_token %}
{% load bootstrap_tags %}
{{form.non_field_errors}}
<!-- {{ form|as_bootstrap }} -->
<div class = "profile-root-inner">
<ul class="profile-form-field">
<li>
<ul>
{% if form.username.errors %}
<li>{{form.username.errors}}</li>
{% endif %}
<li><label for="{{ form.userame.id_for_label}}">Username</label></li>
<li>{{form.username}}</li>
</ul>
</li>
<li>
<ul>
{% if form.email.errors %}
<li>{{form.email.errors}}</li>
{% endif %}
<li><label for="{{ form.email.id_for_label}}">Email</label></li>
<li>{{form.email}}</li>
</ul>
</li>
<li>
<ul>
{% if form.password1.errors %}
<li>{{form.password1.errors}}</li>
{% endif %}
<li><label for="{{ form.password1.id_for_label}}">Enter the Password</label></li>
<li>{{form.password1}}</li>
</ul>
</li>
<li>
<ul>
{% if form.password2.errors %}
<li>{{form.password2.errors}}</li>
{% endif %}
<li><label for="{{form.password2.id_for_label}}">Confirm Password</label></li>
<!-- <li><input class= "profile-input-field" placeholder="{{blogger.user_email}}" name = "user_email" type = "email" ></li> -->
<li>{{form.password2}}</li>
</ul>
</li>
<li>
<ul>
{% if form.captcha.errors %}
<li>{{form.captcha.errors}}</li>
{% endif %}
<li><label for="{{form.captcha.id_for_label}}">Captcha</label></li>
<li>{{form.captcha}}</li>
</ul>
</li>
</div>
<button type = "submit" class="btn btn-success">Register</button>
</form>