Ohio State is in the process of revising websites and program materials to accurately reflect compliance with the law. While this work occurs, language referencing protected class status or other activities prohibited by Ohio Senate Bill 1 may still appear in some places. However, all programs and activities are being administered in compliance with federal and state law.

Advanced Showcase: Column (One)

The following are examples of one-column sections built with the advanced feature. This feature is available on both Basic and Landing Pages. You may mix and match these as desired.

Accordion Example

This is an accordion section. The field in here acts just like a body field. All the same features are available, such as:

  • Bold
  • Italics
  • Bullets and Numbering

Horizontal rules

Quotes!

And Headings

Note you'll want to use Heading 4's and lower in an accordion, because the accordion titles themselves are read as Heading 3 to a screen reader.

This is an accordion section. The field in here acts just like a body field. All the same features are available, such as:

  • Bold
  • Italics
  • Bullets and Numbering

Horizontal rules

Quotes!

And Headings

Note you'll want to use Heading 4's and lower in an accordion, because the accordion titles themselves are read as Heading 3 to a screen reader.

This is an accordion section. The field in here acts just like a body field. All the same features are available, such as:

  • Bold
  • Italics
  • Bullets and Numbering

Horizontal rules

Quotes!

And Headings

Note you'll want to use Heading 4's and lower in an accordion, because the accordion titles themselves are read as Heading 3 to a screen reader.

This is a pull quote. If you've ever seen a magazine that pulls a sentence of text out to give it a bigger page presence, you've seen these.

Tabs Example

This is a tab section. The field in here acts just like a body field. All the same features are available, such as:

  • Bold
  • Italics
  • Bullets and Numbering

Horizontal rules

Quotes!

And Headings

Note you'll want to use Heading 4's and lower in a tab, because the tab titles themselves are read as Heading 3 to a screen reader.

This is another tab section. The field in here acts just like a body field. All the same features are again available.

Remember

Headings should be level 4!!!

This is another tab section. The field in here acts just like a body field. All the same features are again available.

Remember

Headings should be level 4!!!

A text section is basically a second Body field. You can do a few interesting things utilizing these. For example, beginning a story, adding a pull quote, and then continuing the story in an Advanced text section.

Headings

Remember these follow the same rules as the Body field! We slightly modified it for the Tabs/Accordions because the section titles there are considered Heading 3. But we're back to normal now!