Skip to main content
Side Navigation

Side Navigation

04/04/2018

Learn about how to set your webpage side navigation.

One Column - Standard Layout

One Column - Standard Layout

Tall banner over text in one column. This one-column layout is ideal for markeing a product or service, or for highlighting a specific topic. A tall image provides an optimal branding or highlighting opportunity for the content, product, or service explai...

Column Layout Options - Text Examples

Column Layout Options - Text Examples

1, 2, 3 and 4 column layouts displaying text layouts.

Column Layout Options - Text Examples With Dividers

Column Layout Options - Text Examples With Dividers

1, 2, 3 and 4 column layouts displaying text layouts with divider lines.

One Column - Moderate to Heavy Text

One Column - Moderate to Heavy Text

This one-column layout is ideal for pages with moderate to heavy amounts of text, which require a highlighted section.

Two Column - Standard

Two Column - Standard

This basic two-column layout is ideal for virtually any kind of traditional content and purpose. Two columns of content are topped by a full-width banner, providing variety and branding opportunities.

Two Column - Content Heavy

Two Column - Content Heavy

This two-column layout is ideal for pages with heavy amounts of text that require hierarchical distribution. This layout contains a variation of percentage distribution: it is topped by an introductory header, a single-column introductory section, followe...

Homepage - Tiered Spotlight

Homepage - Tiered Spotlight

Full-width, tall-image gallery above tiered image tile sections.

Three Column - Newspaper

Three Column - Newspaper

This layout presents a variation of a three-column distribution, containing a centered spotlight section; it is ideal for large amounts of content, whether it be news or articles.

Four Column - Lists

Four Column - Lists

This layout is ideal for displaying several large lists of articles or links. The top banner allows for branding and related graphics; while the four-column layout provides divided sections of content that can be mutually exclusive.

Four Column - Standard

Four Column - Standard

A four-column layout is ideal for heavy amounts of lists, links, and articles being displayed all at once. This layout provides an introductory section over four columns of content.

Homepage - Tiles Info

Homepage - Tiles Info

Full-width, short-image gallery, tiled image section, and right-hand information bar.

Three Column - Standard

Three Column - Standard

This three-column layout showcases content in three different column widths, providing a left-to-right hierarchical order.

Homepage - Tiled Full

Homepage - Tiled Full

Full-width short-image gallery with tiled image section below.

Homepage - Basic Full

Homepage - Basic Full

Full-width, short-image gallery, centered feature text, and two columns of text.

Homepage - Informational Landing Page | IT Web

Homepage - Informational Landing Page

This Homepage layout is great for quick information like the kind you would put on a landing page.