header.html 1.71 KB
Newer Older
Hiro's avatar
Hiro committed
1 2 3 4 5 6 7 8 9 10 11 12
{% if this.color == 'primary' %}
<div class="container-fluid bg-primary">
{% else %}
<div class="container-fluid bg-dark">
{% endif %}
  <div class="row flex-xl-nowrap {{ bag('alternatives', this.alt, 'order') }}">
    {% if this.color == 'primary' %}
    <div class="container bg-primary pt-5">
    {% else %}
    <div class="container bg-dark pt-5">
    {% endif %}
      <div class="row">
13
        {% if this.html == 'donate-form.html' and this.header_image|length %}
14 15 16
        <div class="col-12 content-center pt-5 donate-has-image">
          <div class="row pb-5">
            <h2 class="mx-auto display-3 text-white text-capitalize donate-title">{{ this.title }}</h2>
peterh-gr's avatar
peterh-gr committed
17
            <img src="{{ this.header_image | asseturl }}" class="donate-header-image" />
18 19 20
          </div>
        </div>
        {% else %}
Hiro's avatar
Hiro committed
21 22
        <div class="col-12 content-center pt-5">
          <div class="row">
Antonela's avatar
Antonela committed
23
            <h6 class="mx-auto text-white text-capitalize">{% block section %}{{ this.section }}{% endblock %}</h6>
Hiro's avatar
Hiro committed
24 25
          </div>
          <div class="row pb-5">
Antonela's avatar
Antonela committed
26
            <h2 class="mx-auto display-3 text-white text-capitalize">{% block title %}{{ this.title }}{% endblock %}</h2>
Hiro's avatar
Hiro committed
27
          </div>
28 29 30 31 32 33 34 35 36
          {% if this.header_description_alignment == 'center' %}
          <div class="row text-center header-description">
          {% elif this.header_description_alignment == 'right' %}
          <div class="row text-right header-description">
          {% else %}
          <div class="row header-description">
          {% endif %}
            {{ this.header_description }}
          </div>
Hiro's avatar
Hiro committed
37
        </div>
38
        {% endif %}
Hiro's avatar
Hiro committed
39 40 41 42 43 44 45
      </div>
    </div>
  </div>
</div>
{% if this.section_id == 'about' %}
  {% include 'pagenav.html' %}
{% endif %}