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 ActionKeywords
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.