Page Header (default)

Notes:

  • Content:
    • Title
    • Detail (optional)
  • Variation Classes:
    • -left
{% include "_components/static/page-header" with { content: content, classes: '-left' } %}

No detail, -left


<header class="page-header | container--sm gutter-md | space-t space-b--sm">

    <div class="page-header__title">
        <h1 class="header-xl font-serif">{{ content.title }}</h2>
    </div>

    {% if content.detail is defined %}
    <div class="page-header__detail">

        <div class="paragraphs -sm -loose">
            <p>
                {{ content.detail }}
            </p>
        </div>

    </div>
    {% endif %}
</header>