Above Main Text

The maximum image width for this panel is 966px. The height is flexible.

Three Column Template

Here you will find examples of all styles you have access to through VitalSite dropdowns and predefined templates.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Use the Styles dropdown within the Admin to first select Heading 2 and then also add the class name of "Indented". This will add space to the left of the that text.

Heading 2 Line 1

Heading 2 Indented

Code for a heading utilizing this style will look like:
<h2>Heading 2 Line 1 Text</h2>
<h2 class="Indented">Heading 2 Indented Text</h2>

Paragraph, List and Link Styles

This is a test paragraph for, link styling. Use the Styles dropdown within the Admin to add a stylized arrow to your link. Test Arrow Link.

Unordered List

List item one
Another list item to test wrapping.
- Nested unordered list
- Second list item
List item 3

Unordered List utilizing "Diamonds" class name.

List Item 1
List Item 2
List Item 2

Unordered List utilizing "Arrows" class name.

List Item 1
List Item 2
List Item 2

Two Column List

Item1
Item2
Item3
Item4
Item5
Item6

Callout Right

This is a text link.

Content continues around the callout.

Callout Wide

Sample content with a text link.

Slider

Need Care Now?

Visit our walk-in clinics for immediate care.

Find a Walk-In Clinic

Test Header Slide 2

This is test content for the second slide.

View Bone & Joints

Test Header Slide 3

This is test content for the third slide.

CTA Button3

Test Header Slide 4

This is test content for the fourth slide.

CTA Button4

Test Header Slide 5

This is test content for the fifth slide.

CTA Button5

Test Header Slide 6

This is test content for the sixth slide.

CTA Button6

YouTube Lightbox Example

Heading Text for Video Content describing the video goes here.

Embedded Video

Below Main Left

445 Max Width, Flexible Height.

Below Main Right

445 Max Width, Flexible Height.

Below Main Text

The maximum image width for this panel is 966px. The height is flexible.

Indented Heading

When to Use: When the same CTA appears on multiple pages within a section or across the site.

Where It Appears: At the top of the right column, if placed within the Call To Action panel slot within the layout tab / If no right column exists, the CTA Panel shows up in line with body copy

How to Place It: Build a panel and place the panel on the page in the Call to Action panel slot within the layout tab

Example Uses: Schedule an appointment, request information, contact us

Why Us It: The panel will stay at the top of the page in tablet and mobile views and is generally called out more with unique styles.

Quick Access Links

Above Main Text

Three Column Template

Heading 1