Intro

This pattern is no longer supported

This pattern is deprecated and will be removed in a future version of the digital pattern library. Please refer to the page intro pattern for the correct method.

The intro pattern presents a centred heading and a paragraph. It is used as a key strapline on a homepage to provide the user with a brief overview of the website.

Rules for the intro

  • Must only be used on the homepage of a website.
  • Must only be used under a hero banner.
  • The header must not exceed 100 characters in length.
  • The paragraph must not exceed 400 characters in length.
  • Must only have one paragraph.
  • Background colour must be white.

Options available

Default intro

This option is no longer supported

This implementation is now deprecated and will be removed in a future release.

Example

Seven centuries of academic excellence and groundbreaking research

Over the last 600 years, the University of St Andrews has established a reputation as one of the world's leading research and teaching centres. Today, we offer a flexible degree structure based on your choice of subject specialism or research, creating an environment which nurtures inquisitive minds and a culture of shared learning.

Code 
<!-- Begin pattern: intro //-->
<div class="text-center">
    <hr/>
    <h3>Seven centuries of academic excellence and groundbreaking research</h3>
    <p>Over the last 600 years, the University of St Andrews has established a reputation as one of the world&#x27;s leading research and teaching centres. Today, we offer a flexible degree structure based on your choice of subject specialism or research, creating an environment which nurtures inquisitive minds and a culture of shared learning.</p>
    <hr/>
</div>
<!-- End pattern: intro //-->