Layout Demonstration Page

Text

This is a text paragraph. You can link to other web pages or documents, create buttons, and add lists or tables. 

Headers

Make sure to use consistent header grouping. Heading 2 should be used as the first grouping header. If you need to group information within a Heading 2, use Heading 3, and on down the list. This is important for screen readers (accessibility) and search engine performance.

Two Column Lists

If you've added an ordered or unordered list and click on the Styles dropdown while your cursor is in the list, you can choose a Two Column style, which is shown above in the Table of Contents.

Anchor Links

The above Table of Contents uses anchor links to jump to specific sections further down the page. To add an anchor, position your cursor to the left of the target content, then click the anchor button (flag icon) in your text editor toolbar. Enter a simple, space-free name for the anchor in the box. Then, highlight the word or phrase you want to link to the anchor, click the link button, and enter the name using this format: #anchorname.

File Links

To link to a file, add it to the media library first. Then, select the text you want to link and click the link button. In the box that appears, type the file name until you see matches generated, then select the file you want to link to.

Button Links

To make a button style link, create a link on its own line and, with your cursor in the link, select a style from the styles dropdown.

Primary Button

Secondary button

Learn More Link

Image

Add an image and set the image width, crop, link, and caption. This image is set to Medium width and a Landscape crop of 4:3. 

close up shot of an axe head lying on a wooden benchtop with yestermorrow logo burned into it.

This is an image caption and it can also have links.

Media Text

This block allows you to combine a headline, a short paragraph, and an image or video with a caption that can be placed on the left or right side of the text.

A completed set of student built kitchen cabinets.

This is the image/video caption, and it can also have links.

Media + Text

In this example, the image is placed to the left of the text and has a caption for visualization. You can also format the text. 

Primary Button

Secondary button

Learn More Link

Side by Side Media

This block allows for side by side images or videos. Set the crop to be landscape, square, or portrait. These images are set to square. 

Optional caption

Optional caption