{% extends 'website/baseline.html' %} {% block content %}

<style type="text/css">
    .signup-form {
        width: 600px;
        margin: 50px auto;
    }
    .signup-form form {
        margin-bottom: 15px;
        background: #BCD8F2;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        padding: 30px;
    }
    .signup-form h2 {
        margin: 0 0 15px;
        font-weight:bold;
  
    }
  </style>
 <div class="signup-form">
    <form method="post">
      <h2 class="text-center">Sign up</h2>
      {% csrf_token %} {% for field in form %}
      <p>
        {{ field.label_tag }}
        <br> {{ field }} {% if field.help_text %}
        <small style="color: grey">{% autoescape off %}{{ field.help_text }}{% endautoescape %}</small>
        {% endif %} {% for error in field.errors %}
        <p style="color: red">{{ error }}</p>
        {% endfor %}
      </p>
      {% endfor %}
      <button type="submit" class="btn btn-primary btn-block">Sign up</button>
    </form>
  </div>
{% endblock %}