|

   Veteran Tools Platform - Developer Documentation

Landing

Error rendering component

(unknown path) Error: Could not render component '@header--extended' - component not found.

There are no notes for this item.

PropRequired?TypeDefaultDescription
 
{% extends 'layouts/_base.njk' %}

{% block header %}
  {% render '@header--extended' %}
{% endblock %}

{% block body %}

  <main id="main-content">
    {% render '@hero' %}

    {% if tagline %}
    <section class="usa-grid usa-section">
      <div class="usa-width-one-third">
        <h2>{{ tagline.title }}</h2>
      </div>
      <div class="usa-width-two-thirds">
        {{ tagline.content }}
      </div>
    </section>
    {% endif %}

    {% render '@graphic-list' %}

    <section class="usa-section">
      <div class="usa-grid">
        <h2>Section heading</h2>
        <p class="usa-font-lead">Everything up to this point should help people understand your agency or project: who you are, your goal or mission, and how you approach it. Use this section to encourage them to act. Describe why they should get in touch here, and use an active verb on the button below. “Get in touch,” “Learn more,” and so on.</p>
        <a class="usa-button usa-button-big" href="#">Call to action</a>
      </div>
    </section>

  </main>
{% endblock %}
 
package:
  name: department-of-veteran-affairs/jean-pants
  version: 0.1.0
assetPath: /design-system/
isProduction: true
tagline:
  title: A tagline highlights your approach
  content: >
    <p>The tagline should inspire confidence and interest, focusing on the value
    that your overall approach offers to your audience. Use a heading typeface
    and keep your tagline to just a few words, and don’t confuse or mystify.</p>

    <p>Use the right side of the grid to explain the tagline a bit more. What
    are your goals? How do you do your work? Write in the present tense, and
    stay brief here. People who are interested can find details on internal
    pages.</p>