Harper College

Inset Box

The Inset Box snippet is designed for supplemental or callout information, appearing in a medium-blue box with white text. It can contain headings (H2 or H3), paragraph text, lists, and other content. The box aligns with the right side of the page, and other elements on the page will appear to the left of it.

How to create an Inset Box

  1. Place the cursor on your page where you want the Inset Box snippet.
  2. Click on the Snippet icon in your tool bar (it looks like a puzzle piece), then choose Inset Box.
  3. Edit the Inset Box as needed. The pull quote can contain a heading, paragraph text, lists or other content. 

Example

Malesuada fames


Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

  • Netus et malesuada
  • Amet quam egestas, ultricies eget

Donec eu libero sit amet quam egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas.

Donec eu libero sit amet quam egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas.

Last Updated: 12/19/25