Web code snippets

Code snippets on this page enable campus partners to use web patterns that are consistent across the College website.

On this page:

Installing the code

A code snippet is a string of customizable HTML code that can be added to a web page in CODE view and contains styles (or classes) that generate a uniform look and feel for each code snippet. Please do not manually manipulate the classes in the code snippets on your own, as this defeats the purpose of creating uniformity amongst all of our code snippets.

  1. Open the page that you want to install the code snippet on.
  2. Lock the page for editing and click “edit content” to edit the content area where you intend to place the code snippet.
  3. Switch the window's view from WYSIWYG to CODE view.
  4. Copy and paste the code snippet into the window in CODE view.
  5. Make any edits to the language of the notification box in CODE view. Note: if you change the language in CODE view, please preserve the second sentence with the link that goes to the Coronavirus website.
  6. Save your content and submit it for review.

Notification box

The fully rendered notification box looks like the example below:

Note: The College will return to residence for the 2020–21 Academic Year. Students and employees must adhere to new guidelines when returning to campus this fall. See Better Together for details.

General use nbox-covid code

College Life nbox-covid-collegelife code

Table of contents

The fully rendered table of contents looks like the example above.

General use toc code