Basic Call to Action

Our default Call to Action section, with heading, text, and a button on top of a background image.

Categories

Call to Action

Keywords

Preview

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Note: Live previews like this may not be actual size. All previews are limited to the width of the content area and are displayed with additional padding around them.

Notes

  • This pattern uses the core cover block to place content on an image, so elements can be added or removed.
  • This is our default Call to Action layout, however, and should only be modified when an approved design calls for it.
  • Cover blocks will grow to fill all available horizontal space. This pattern can be used within an existing container for a content-width presentation, or outside all other containers for a full-width presentation.
  • The button moves below the heading and text on mobile screen sizes.

Pattern Markup