registration.html

{%extends 'base.html' %}
{%block title%}
<title>REG</title>
{%endblock%}

{%block  content%}

<div class="container" id="pad">
<div class="row" >
    <div class="col-lg-6  col-sm-6  col-xs-12" style="background-color:gray">
 <h2>SignUp</h2><br>

    {% with messages = get_flashed_messages() %}

    {%if messages%}
    {% for message in messages %}
<div class="alert alert-success alert-dismissable"  role="alert" >
        <button type="button"  class="close" data-dismiss="alert" aria-label="close" >
            <span  aria-hidden="true" >x</span>

        </button>
     {{message}}

     </div>


    {% endfor %}

    {% endif %}

    {% endwith %}


    <form action="" method="post" novalidate>
        {{form.csrf_token}}
        <p>
            {{form.username.label}}<br>
            {{form.username(size=20)}}
            {% for error in form.username.errors %}
            <span style="color:red">{{error}}</span>
            {% endfor %}

        </p>

       <p>

           {{form.password.label}}<br>
           {{form.password(size=20)}}
            {% for error in form.password.errors %}
            <span style="color:red">{{error}}</span>
            {% endfor %}
       </p>

          <p>

           {{form.email.label}}<br>
           {{form.email(size=20)}}
            {% for error in form.email.errors %}
            <span style="color:red">{{error}}</span>
            {% endfor %}
       </p>

        <p>
          <input type="submit" value="signup" class="btn btn-success">

        </p>
    </form>
    </div>

    <div class="col-lg-6 col-md-6 col-sm-6  col-xs-12">

        <h1>welcome</h1>
        <img src="../static/images/man.jpg"  width="400px" height="400px">
    </div>
</div>
</div>
{%endblock%}