1517 Styleguide

Page Header (default)

Notes:

  • Content:
    • Title
    • Detail (optional)
  • Variation Classes:
    • -left

The Section Name

Christ Hold Fast is a project of 1517. We are a Law/Gospel collective of creative contributors, dedicated to proclaiming the gospel of Jesus to all people. Makers of podcasts, authors of books, and friends of the gospel.

{% include "_components/static/page-header" with { content: content, classes: '-left' } %}

No detail, -left

The Section Name


<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>