{% extends "base.html" %}
{% block content %}
{% load static %}
<link rel="stylesheet" href="{% static 'css/subscribe.css' %}">

<div class="container-header-sub">
  <div class="container-title-sub">
    <span class="title-header-sub">CREATE<br>YOUR<br>BUBO ACCOUNT.</span>
  </div>
</div>

<div class="container-form">
  <div class="container-checkbox">
    <form method="post" class="registration-form">
      {% csrf_token %}
      {{ form.as_p }}
      <div class="checkbox-form">
        <div>
          <input type="checkbox" class="checkbox-condition"><span>Acceptance of the conditions of Bubo 2019</span>
        </div>
        <div>
          <input type="checkbox"><span>Newletters to be received</span>
        </div>
      </div>
      <div class="container-submit">
        <button type="submit" class="btn btn-submit-sub">CREATE MY ACCOUNT</button>
      </div>
    </form>
  </div>
</div>

<style>
  .container-header-sub {
    background: url("{% static 'img/bg-header-sub.png' %}") no-repeat center;
    -webkit-background-size: cover;
  }
</style>

{% endblock %}