Skip to Content

Left Column Image

Left column images on a Three Column Template should be 351px max width, image height is flexible.

Button Text

Heading 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 4

Unordered List

  • List Item One
  • List Item Two
    • List Item Two A
    • List Item Two B
  • List Item Three
  • List Item Four
Heading 5

Ordered List

  1. List Item One
  2. List Item Two
  3. list Item three
Heading 6

Phasellus auctor, velit non commodo rutrum, felis wisi faucibus ligula, facilisis ornare sem magna a magna.

Above Main Text

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

Interior 3-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

Paragraph, List and Link Styles

Test paragraph for link styling, test link. Phasellus auctor, velit non commodo rutrum, felis wisi faucibus ligula, facilisis ornare sem magna a magna. Quisque orci risus, molestie vel, interdum eu, bibendum id, eros.

Unordered List

  • List item one
  • Another list item to test wrapping. Morbi consectetuer est in neque. Etiam ullamcorper, justo sed scelerisque condimentum, quam arcu tincidunt lorem, ac placerat felis massa vel neque.
    • Nested unordered list
    • Second list item
  • List item 3

Ordered List

  1. List item one
    1. Nested ordered list item 1
    2. Nested ordered list item 2
  2. The second list item
  3. A third list item

Two Column List

  • Item1
  • Item2
  • Item3
  • Item1
  • Item2
  • Item3


Buttons

Click Here


Callout Right & Callout Wide

  • When to Use: When you want to emphasize or highlight information related to the subject of the page.
  • Where It Appears: The Callout Right shows up in line with the body copy. The Callout Wide shows up across the width of the content area.
  • How to Place It: Create either of the callouts directly on CMS page using their respective predefined templates: Callout Right or Callout Wide.
  • Example Uses: patient stories, pull quote or highlighted comment, virtual tour or any clickable element/action to take that is secondary to the primary CTA for the page
  • The callouts will stay where they’re placed and move above the paragraph copy in tablet and mobile views.

Callout Right

Callout Right images should be 260 max width. Flexible height.

Read More

Duis rutrum metus vel diam. Donec eu erat. Nunc condimentum condimentum lorem. Phasellus placerat est id mauris. Curabitur laoreet ante eu libero. Vestibulum aliquet nibh sit amet mi.

  • ac placerat felis massa vel neque
  • Maecenas tincidunt iaculis libero
  • Nunc malesuada pulvinar leo

Vivamus consequat. Sed id purus. Etiam hendrerit convallis risus. Proin orci libero, consectetuer sed, convallis non, hendrerit vitae, nisl. Vivamus imperdiet orci at lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse id ante sit amet nulla volutpat placerat. Fusce interdum dignissim ante.

Heading 3

Donec mauris mi, accumsan ut, egestas a, condimentum id, magna. Etiam ut sapien. Integer pharetra nunc eu eros. Aenean ullamcorper sapien a leo. Nunc lobortis mauris id lectus. Nunc commodo erat. Cras molestie urna quis felis porta rutrum. Integer malesuada est ac augue.

Nunc luctus. Donec justo. Suspendisse semper. Nunc vestibulum. Aliquam eleifend augue eu turpis. Nunc non felis non metus placerat venenatis. Donec faucibus mollis augue. Sed a ligula vitae quam tempor adipiscing. Ut porta malesuada mi. Vivamus mattis. Vivamus suscipit auctor lacus. Mauris suscipit. Integer consequat lorem a dolor.

Callout Wide

The Callout Wide images here are 260 wide. They can be any height and width. Float to the right or left using the style dropdown.

Read More

Heading 4

Callout Right

Callout Right images should be 260 max width. Flexible height.

Read More

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin augue orci, bibendum pellentesque, consequat et, sagittis eu, ligula. Nullam in dui. Vivamus orci orci, cursus nec, elementum a, convallis at, mauris. Curabitur dignissim consectetuer dui. Etiam ut dui. Curabitur sagittis, nunc sed molestie bibendum, felis nisl aliquam lorem, vitae nonummy elit nisl non quam. Donec vitae nulla sed felis accumsan dapibus. Proin mattis elementum ligula.

Heading 5

Nulla porta, nunc a viverra eleifend, augue mi molestie turpis, et facilisis est tellus venenatis eros. Vivamus eleifend, turpis et dictum euismod, arcu eros dignissim massa, sed interdum wisi mi id neque.

  1. Morbi consectetuer est in neque
  2. Etiam ullamcorper, justo sed scelerisque
  3. condimentum, quam arcu tincidunt lorem

Maecenas vehicula, risus eget blandit pulvinar, mi magna venenatis arcu, eget pretium neque nibh et libero. Cras in nulla a velit sollicitudin laoreet. Nam consectetuer lectus non odio. Integer ullamcorper ornare massa. Pellentesque in erat id odio ornare adipiscing. Aenean dapibus suscipit wisi.

Callout Wide

The Callout Wide images here are 260 wide. They can be any height and width. Float to the right or left using the style dropdown.

Read More

Image Styles

Assign the class via the dropdown menu under alt text when adding an image to the Content area.

Image Captions

Caption Left

Donec mauris mi, accumsan ut, egestas a, condimentum id, magna. Etiam ut sapien. Integer pharetra nunc eu eros. Aenean ullamcorper sapien a leo. Nunc lobortis mauris id lectus. Nunc commodo erat. Cras molestie urna quis felis porta rutrum. Integer malesuada est ac augue.

Nunc luctus. Donec justo. Suspendisse semper. Nunc vestibulum. Aliquam eleifend augue eu turpis. Nunc non felis non metus placerat venenatis. Donec faucibus mollis augue. Sed a ligula vitae quam tempor adipiscing. Ut porta malesuada mi. Vivamus mattis. Vivamus suscipit auctor lacus. Mauris suscipit. Integer consequat lorem a dolor.

Caption Right

Donec mauris mi, accumsan ut, egestas a, condimentum id, magna. Etiam ut sapien. Integer pharetra nunc eu eros. Aenean ullamcorper sapien a leo. Nunc lobortis mauris id lectus. Nunc commodo erat. Cras molestie urna quis felis porta rutrum. Integer malesuada est ac augue.

Nunc luctus. Donec justo. Suspendisse semper. Nunc vestibulum. Aliquam eleifend augue eu turpis. Nunc non felis non metus placerat venenatis. Donec faucibus mollis augue. Sed a ligula vitae quam tempor adipiscing. Ut porta malesuada mi. Vivamus mattis. Vivamus suscipit auctor lacus. Mauris suscipit. Integer consequat lorem a dolor.

Dropshadow Right

Donec mauris mi, accumsan ut, egestas a, condimentum id, magna. Etiam ut sapien. Integer pharetra nunc eu eros. Aenean ullamcorper sapien a leo. Nunc lobortis mauris id lectus. Nunc commodo erat. Cras molestie urna quis felis porta rutrum. Integer malesuada est ac augue.

Nunc luctus. Donec justo. Suspendisse semper. Nunc vestibulum. Aliquam eleifend augue eu turpis. Nunc non felis non metus placerat venenatis. Donec faucibus mollis augue. Sed a ligula vitae quam tempor adipiscing. Ut porta malesuada mi. Vivamus mattis. Vivamus suscipit auctor lacus. Mauris suscipit. Integer consequat lorem a dolor.

Dropshadow Left

Donec mauris mi, accumsan ut, egestas a, condimentum id, magna. Etiam ut sapien. Integer pharetra nunc eu eros. Aenean ullamcorper sapien a leo. Nunc lobortis mauris id lectus. Nunc commodo erat. Cras molestie urna quis felis porta rutrum. Integer malesuada est ac augue.

Nunc luctus. Donec justo. Suspendisse semper. Nunc vestibulum. Aliquam eleifend augue eu turpis. Nunc non felis non metus placerat venenatis. Donec faucibus mollis augue. Sed a ligula vitae quam tempor adipiscing. Ut porta malesuada mi. Vivamus mattis. Vivamus suscipit auctor lacus. Mauris suscipit. Integer consequat lorem a dolor.

Inline Images


Tabs and Accordions

Tabbed Container

Tab One

Heading 3

Heading 4

Content area for Tab One

Content area for Tab One Text Link

Button

Tab Two

Content area for Tab Two

Content area for Tab Two

Tab Three

Content area for Tab Two

Content area for Tab Two

Tab Four

Content area for Tab Two

Content area for Tab Two

Accordion

Can use regular or independent triggers.

Trigger 1

Panel 1

This is the content area for Panel 1

This is the content area for Panel 1 Text Link

Button

Trigger 2

Panel 2

This is the content area for Panel 2

Trigger 3

Panel 3

This is the content area for Panel 3


Data Tables

Border Table
ColorRowHeadingHeading
Heading Data Data
Heading Data Data
Heading Data Data
Border2 Table
ColorRowHeadingHeading
Heading Data Data
Heading Data Data
Heading Data Data
Border3 Table
ColorRowHeadingHeading
Heading Data Data
Heading Data Data
Heading Data Data
Stripe Table
ColorRowHeadingHeading
Heading Data Data
Heading Data Data
Heading Data Data
AutoWidth Table
HeadingHeadingHeading
Heading Data Data
Heading Data Data
Heading Data Data
TopBorder Table
HeadingHeadingHeading
Heading Data Data
Heading Data Data
Heading Data Data
BottomBorder Table
HeadingHeadingHeading
Heading Data Data
Heading Data Data
Heading Data Data

Flexslider and Photoslider

Flexslider

  • Alt text photo 1
  • Alt text photo 2
  • Alt text photo 3

Photoslider Left and Right

  • Alt text photo 1
  • Alt text photo 2
  • Alt text photo 3

Header 2

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin augue orci, bibendum pellentesque, consequat et, sagittis eu, ligula.

Nullam in dui. Vivamus orci orci, cursus nec, elementum a, convallis at, mauris. Curabitur dignissim consectetuer dui.

Etiam ut dui. Curabitur sagittis, nunc sed molestie bibendum, felis nisl aliquam lorem, vitae nonummy elit nisl non quam. Donec vitae nulla sed felis accumsan dapibus. Proin mattis elementum ligula.

  • Alt text photo 1
  • Alt text photo 2
  • Alt text photo 3

Header 2

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

Proin augue orci, bibendum pellentesque, consequat et, sagittis eu, ligula. Nullam in dui. Vivamus orci orci, cursus nec, elementum a, convallis at, mauris. Curabitur dignissim consectetuer dui.

Etiam ut dui. Curabitur sagittis, nunc sed molestie bibendum, felis nisl aliquam lorem, vitae nonummy elit nisl non quam. Donec vitae nulla sed felis accumsan dapibus. Proin mattis elementum ligula.


Fancy Box Styles


Video Styles

YouTube iFrame Video Embedding

All iframes should have a width of 100% so they are responsive.

Below Main Left

435 Max Width, Flexible Height.

Below Main Right

435 Max Width, Flexible Height.

Below Main Text

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

Call To Action Panel

Short paragraph here. This is a text link.

Button

Right Column Panel

Right column images on a Three Column Template should be 351px max width, image height is flexible.

Button Text

Heading 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading 4

Unordered List

  • List Item One
  • List Item Two
    • List Item Two A
    • List Item Two B
  • List Item Three
  • List Item Four
Heading 5

Ordered List

  1. List Item One
  2. List Item Two
  3. list Item three
Heading 6

Phasellus auctor, velit non commodo rutrum, felis wisi faucibus ligula, facilisis ornare sem magna a magna.

Aspire Health Plan

Montage Wellness Center

MoGo Urgent Care logo

Community Health Innovations