We're using cookies, but you can turn them off in your browser settings. Otherwise, you are agreeing to our use of cookies. Learn more in our Privacy Policy.

Landing Page Components

Headers

Heading

Tagline content that is a little longer

HTML

            <section class="grid-container full-width header--centered">
                <h1 class="cfa-grid-col-12">Heading</h1>
                <span class="tagline cfa-grid-col-12">Tagline content that is a little longer</span>
            </section>

Problem Being Solved

Sets context for a landing page.

When to Use

This should be the first component on a landing page.

When Not to Use

Any other usage other than the first component of a landing page.