Snippets

Snippets are static html templates that can be easily inserted and maintained in multiple locations using the WYSIWYG editor.
▼▲ |   Snippet Information
Snippets

Preview the live version of each snippet to see how each template is displayed.
Description

Read a brief description about each snippet, and click on the View Snippet link to preview that snippet on a live page.

Simply click on each region to expand and view the snippets under each category.
Status | Setup Instructions

Mobile responsive status, maintenance status information and snippet setup instructions are included under this column.
▼▲ |   Content Organization Features
Two Column Snippet Two Column Responsive Snippet

Two column content region snippet that is mobile responsive.

 View Snippet

Responsive:      Yes
Maintenance:    User - Easy to update

 Setup Instructions

name Three Column Responsive Snippet

Three column content region snippet that is mobile responsive.

 View Snippet
Responsive:      Yes
Maintenance:    User - Easy to update

 Setup Instructions
name Four Column Responsive Snippet

Four column content region snippet that is mobile responsive.

 View Snippet
Responsive:      Yes
Maintenance:    User - Easy to update

 Setup Instructions
Three Column Responsive Contact List Three Column Responsive Contact List

Responsive contact table snippet can be used for faculty and staff listing. Includes a profile photo, name, title and contact information.

 View Snippet
Responsive:      Yes
Maintenance:    User - Moderate difficulty

 Setup Instructions
One Column Table List One Column Table List - with Alternative Row Colors

One Column Table Listing - with alternating row background colors.

 View Snippet
Responsive:      Yes
Maintenance:    User - Easy to update

 Setup Instructions
Two Column Table List Two Column Table List - with Alternative Row Colors

Two Column Table Listing - with alternating row background colors.

 View Snippet
Responsive:      Yes
Maintenance:    User - Easy to update

 Setup Instructions
Three Column Table List Three Column Table List - with Alternative Row Colors

Three Column Table Listing - with alternating row background colors.

 View Snippet
Responsive:      Yes
Maintenance:    User - Easy to update

 Setup Instructions
Background Content Region Box Background Content Region Box

Insert the snippet into the content area and then simply change the assigned background color.

 View Snippet
Responsive:      Yes
Maintenance:    User - Easy to update

 Setup Instructions
Media List Media List

Basic media list two column template includes a photo, content heading and description text areas.

 View Snippet
Responsive:      Yes
Maintenance:    User - Easy to update

 Setup Instructions
Two Column Media List Two Column Media List

Display two medium size graphics in two separate columns followed by title and description text.

 View Snippet
Responsive:      Yes
Maintenance:    User - Easy to update

 Setup Instructions
Two Column Media List Two Column Media List with Buttons

Display two medium size graphics in two separate columns followed by title, description text and two buttons linking to different pages.

 View Snippet
Responsive:      Yes
Maintenance:    User - Easy to update

 Setup Instructions
Three Column Media List Three Column Media List

Display three medium size graphics in three seperate columns followed by title and description text.

 View Snippet
Responsive:      Yes
Maintenance:    User - Easy to update

 Setup Instructions
Three Column Media List Three Column Media List with Buttons

Display three medium size graphics in three separate columns followed by title, description text and three buttons linking to different pages.

 View Snippet
Responsive:      Yes
Maintenance:    User - Easy to update

 Setup Instructions
name Jumbotron - Content Region

Jumbotron content region includes a gray background, large title, text and button linked to another page.

 View Snippet
Responsive:      Yes
Maintenance:    User - Easy to update

 Setup Instructions
▼▲ |   Multi-Content Regions
Collapsible Items List 1 Collapsible Items List 1- Content Region

Using this snippet webmasters can divide and insert page content into multiple expendable content regions.

 View Snippet

Responsive:      Yes
Maintenance:    User - Difficult to update

 Setup Instructions

Collapsible Items List 2 Collapsible Items List 2 - Content Region

Using this snippet webmasters can divide and insert page content into multiple expendable content regions.

 View Snippet
Responsive:      Yes
Maintenance:    User - Difficult to update

 Setup Instructions
Popout Window Popout Window Button - Content Region

This snippet allows you to click on a button that would launch a custom content region in a popout window.

 View Snippet
Responsive:      Yes
Maintenance:    User - Difficult to update

 Setup Instructions
Popup Rollover Text Popup Rollover Text - Content Region

This snippet allows text within a paragraph to be highlighted. Once user's mouse is over the highlighted text area, it will display a small custom content region window that would include additional information.

 View Snippet
Responsive:      Yes
Maintenance:    Moderate difficulty

 Setup Instructions
Tabbed Content Area Tabbed Content Area - Content Region

Click on each tab to activate a new content region. You may rename each tab, add new tabs, remove existing tabs and insert information under each content region.

 View Snippet
Responsive:      Yes
Maintenance:    User - Difficult to update

 Setup Instructions
▼▲ |   Navigation
Home Button Home Button

Can be added as the first link under your left navigation menu directing the users back to the website homepage.

 View Snippet

Responsive:      Yes
Maintenance:    User - Easy to update

 Setup Instructions

Linked Content Heading Linked Content Heading

This snippet allows you to link content heading areas.

 View Snippet
Responsive:      Yes
Maintenance:    User - Easy to update

 Setup Instructions
Sub-menu Links - Version 1 Sub-menu Links - Version 1 - Blue

Can be used as an additional left navigation menu structure.

 View Snippet
Responsive:      Yes
Maintenance:    User - Easy to update

 Setup Instructions
Sub-menu Links - Version 2 Sub-menu Links - Version 2 - PDF

Can be used as quick links navigation pointing to PDF forms.

 View Snippet
Responsive:      Yes
Maintenance:    User - Easy to update

 Setup Instructions
▼▲ |   News & Events
News & Events - Version 1 News & Events - Version 1

Static News and Events snippet designed for use under the left navigation or right column editable region that can be manually updated.

 View Snippet

Responsive:      Yes
Maintenance:    User - Moderate difficulty

 Setup Instructions

News & Events - Version 2 News & Events - Version 2

Static News and Events snippet designed for use under the left navigation or right column editable region that can be manually updated.

 View Snippet
Responsive:      Yes
Maintenance:    User - Moderate difficulty

 Setup Instructions
News & Events - Version 3 News & Events - Version 3

Static News and Events snippet designed for use under the left navigation or right column editable region that can be manually updated.

 View Snippet
Responsive:      Yes
Maintenance:    User - Moderate difficulty

 Setup Instructions
Sub-menu Links - Version 2 News & Events - Version 4

Static News and Events snippet designed for use under the left navigation or right column editable region that can be manually updated.

 View Snippet
Responsive:      Yes
Maintenance:    User - Moderate difficulty

 Setup Instructions
▼▲ |   Print & Bookmark pages
Print & Bookmark Buttons Print & Bookmark Buttons

Two sets of buttons used for printing and bookmarking individual pages.

 View Snippet

Responsive:      Yes
Maintenance:    User

 Setup Instructions

Print & Bookmark Icons Print & Bookmark Icons

Two sets of icons used for printing and bookmarking individual pages.

 View Snippet
Responsive:      Yes
Maintenance:    User

 Setup Instructions
Print & Bookmark Text Print & Bookmark Text

Two sets of text-links used for printing and bookmarking individual pages.

 View Snippet
Responsive:      Yes
Maintenance:    User

 Setup Instructions
▼▲ |   Social Media
Social Media Icons and Links Stay Connected - Social Media Links

You may add one of the six available Social Media snippets to your website under the left navigation area. Each icon will be linked to the appropriate Social Media profile.

 View Snippet

Responsive:      Yes
Maintenance:    User

 Setup Instructions

▼▲ |   Graphics
Image Shapes Image Shapes

You may customize the shape of your images without editing the actual image - simply select one of the following three CSS class settings to apply each shape.

 View Snippet

Responsive:      Yes
Maintenance:    User - Easy to update

 Setup Instructions