@x-govuk/govuk-prototype-components/src/govuk-prototype-kit/templates/masthead.html

Common and experimental components that are not yet part of the GOV.UK Design System

{% extends "layouts/main.html" %}

{% block pageTitle %}
  Masthead page template – {{ serviceName }} – GOV.UK Prototype Kit
{% endblock %}

{% block beforeContent %}
  {{ govukBackLink({
    href: "javascript:window.history.back()"
  }) }}
{% endblock %}

{% block main %}
  {{ xGovukMasthead({
    classes: "x-govuk-masthead--large",
    phaseBanner: {
      tag: {
        text: "Alpha"
      },
      text: "This is a new service"
    },
    title: {
      text: "Page title"
    },
    description: {
      text: "This is a paragraph of text. It gives some context for this page and wraps across several lines."
    },
    startButton: {
      href: "#"
    }
  }) }}

  <div class="govuk-width-container">
    <main class="govuk-main-wrapper" id="main-content" role="main">
      <div class="govuk-grid-row">
        <div class="govuk-grid-column-two-thirds">
          <h2 class="govuk-heading-m">
            Page content heading
          </h2>

          <p>Content goes here.</p>
        </div>
      </div>
    </main>
  </div>
{% endblock %}