Default Styles

This is the look on panels in the 'BELOW MAIN TEXT' panel slot by default.

If you would like to see this content centered aligned you can place a "TextAlignCenter" style on the elements.

Button

BackgroundOne Style

Place 'BackgroundOne' class from the styles menu on the header to achieve this look on panels in the 'BELOW MAIN TEXT' panel slot.

Button

BackgroundThree Style

Place 'BackgroundThree' class from the styles menu on the header to achieve this look on panels in the 'BELOW MAIN TEXT' panel slot.

Button

BackgroundTwo Style

Place 'BackgroundThree' class from the styles menu on the header to achieve this look on panels in the 'BELOW MAIN TEXT' panel slot.

Button

Website Illustrations within a Panel

Below are the custom illlustrated web site features with specific information or directions listed above each one. All of these custom illustrated elements can be found using the "Page/Panel Elements" dropdown within the Content tab of the VitalSite Admin page.

---

Embedded Video - BlueBird Left

Below is an embedded video iframe utilizing the Blue Bird image. You can find this video element named "Video BG - Blue Bird" in the Page/Panel Elements dropdown within the Admin. Be sure to update the title attribute, as well as the video source link.

Embedded Video - BlueBird Right

Below is an embedded video iframe utilizing the Blue Bird image. You can find this video element named "Video BG - Blue Bird Right" in the Page/Panel Elements dropdown within the Admin. Be sure to update the title attribute, as well as the video source link.

Callout Wide - BlueBird Background Right

Below is a Callout Wide utilizing the BlueBird background image. You can find this Callout Wide element named "Callout Wide - BlueBird" in the Page/Panel Elements dropdown within the Admin. This Callout uses the class names "CalloutWide", "BlueBird", "Right" and "Plain" on the first div only. The direction attribute of Left or Right will detemine where the image appears and does not need to be added anywhere else but on the first div.

Callout Wide - BlueBird Background Left

Below is a Callout Wide utilizing the BlueBird background image. You can find this Callout Wide element named "Callout Wide - BlueBird" in the Page/Panel Elements dropdown within the Admin. This Callout uses the class names "CalloutWide", "BlueBird", "Left" and "Plain" on the first div only. The direction attribute of Left or Right will detemine where the image appears and does not need to be added anywhere else but on the first div.

---

Embedded Video - Water Wall

Below is an embedded video iframe utilizing the Water Wall background image. You can find this video element named "Video BG - Water Wall" in the Page/Panel Elements dropdown within the Admin. Be sure to update the title attribute, as well as the video source link.

---

Callout Wide - Water Wall

Below is a Callout Wide utilizing the Water Wall background image. You can find this Callout Wide element named "Callout Wide - Water Wall" in the Page/Panel Elements dropdown within the Admin.

---

Embedded Video - Aquarium Background

Below is an embedded video iframe utilizing the Aquarium Wall background image. You can find this video element named "Video BG - Aquarium" in the Page/Panel Elements dropdown within the Admin. Be sure to update the title attribute, as well as the video source link.

---

Callout Wide - Aquarium

Below is a Callout Wide utilizing the Aquarium background image. You can find this Callout Wide element named "Callout Wide - Aquarium" in the Page/Panel Elements dropdown within the Admin.

---

Embedded Video - Castle

Below is an embedded video iframe utilizing the Castle background image. You can find this video element named "Video BG - Castle" in the Page/Panel Elements dropdown within the Admin. Be sure to update the title attribute, as well as the video source link.

---

Callout Wide - Castle (Right)

Below is a Callout Wide utilizing the Castle background image. You can find this Callout Wide element named "Callout Wide - Castle" in the Page/Panel Elements dropdown within the Admin. This Callout uses the class names "CalloutWide", "Castle" and "Right" on the first div only. The direction attribute of Left or Right will detemine where the image appears and does not need to be added anywhere else but on the first div.

Callout Wide - Castle (Left)

Below is a Callout Wide utilizing the Castle background image. You can find this Callout Wide element named "Callout Wide - Castle" in the Page/Panel Elements dropdown within the Admin. This Callout uses the class names "CalloutWide", "Castle" and "Left" on the first div only. The direction attribute of Left or Right will detemine where the image appears and does not need to be added anywhere else but on the first div.

Callout Wide - Castle (Right-Plain)

Below is a Callout Wide utilizing the Castle background image. You can find this Callout Wide element named "Callout Wide - Castle" in the Page/Panel Elements dropdown within the Admin. This Callout uses the class names "CalloutWide", "Castle", "Right" and "Plain" on the first div only. The direction attribute of Left or Right will detemine where the image appears and does not need to be added anywhere else but on the first div.

Callout Wide - Castle (Left-Plain)

Below is a Callout Wide utilizing the Castle background image. You can find this Callout Wide element named "Callout Wide - Castle" in the Page/Panel Elements dropdown within the Admin. This Callout uses the class names "CalloutWide", "Castle", "Left" and "Plain" on the first div only. The direction attribute of Left or Right will detemine where the image appears and does not need to be added anywhere else but on the first div.

---

Embedded Video - Bunny World

Below is an embedded video iframe utilizing the Bunny World background image. You can find this video element named "Video BG - Bunny World" in the Page/Panel Elements dropdown within the Admin. Be sure to update the title attribute, as well as the video source link.

---

Embedded Video - Bunny World II

Below is another options for embedded video iframe utilizing the Bunny World background image. You can find this video element named "Video BG - Bunny World II" in the Page/Panel Elements dropdown within the Admin. Be sure to update the title attribute, as well as the video source link.

---

Callout Wide - Bunny World

Below is a Callout Wide utilizing the Bunny World background image. You can find this Callout Wide element named "Callout Wide - Bunny World" in the Page/Panel Elements dropdown within the Admin.

---

Embedded Video - Kinetic Machine

Below is an embedded video iframe utilizing the Kinetic Machine image. You can find this video element named "Video BG - Kinetic Machine" in the Page/Panel Elements dropdown within the Admin. Be sure to update the title attribute, as well as the video source link.

---

Callout Wide - Eureka Kinetic Machine (Right)

Below is a Callout Wide utilizing the Kinetic Machine background image. You can find this Callout Wide element named "Callout Wide - Kinetic Machine" in the Page/Panel Elements dropdown within the Admin. This Callout uses the class names "CalloutWide", "Kinetic" and "Right" on the first div only. The direction attribute of Left or Right will detemine where the image appears and does not need to be added anywhere else but on the first div.

Callout Wide - Eureka Kinetic Machine (Left)

Below is a Callout Wide utilizing the Kinetic Machine background image. You can find this Callout Wide element named "Callout Wide - Kinetic Machine" in the Page/Panel Elements dropdown within the Admin. This Callout uses the class names "CalloutWide", "Kinetic" and "Left" on the first div only. The direction attribute of Left or Right will detemine where the image appears and does not need to be added anywhere else but on the first div.

---

Embedded Video - Hot Air Balloons

Below is an embedded video iframe utilizing the Hot Air Balloons background image. You can find this video element named "Video BG - Balloons" in the Page/Panel Elements dropdown within the Admin. Be sure to update the title attribute, as well as the video source link.

---

Callout Wide - Hot Air Balloons (Right)

Below is a Callout Wide utilizing the Balloons background image. You can find this Callout Wide element named "Callout Wide - Air Balloons" in the Page/Panel Elements dropdown within the Admin. This Callout uses the class names "CalloutWide", "Balloons" and "Right" on the first div only. The direction attribute of Left or Right will detemine where the image appears and does not need to be added anywhere else but on the first div.

Callout Wide - Hot Air Balloons (Left)

Below is a Callout Wide utilizing the Balloons background image. You can find this Callout Wide element named "Callout Wide - Air Balloons" in the Page/Panel Elements dropdown within the Admin. This Callout uses the class names "CalloutWide", "Balloons" and "Left" on the first div only. The direction attribute of Left or Right will detemine where the image appears and does not need to be added anywhere else but on the first div.

Callout Wide - Hot Air Balloons (Right-Plain)

Below is a Callout Wide utilizing the Balloons background image. You can find this Callout Wide element named "Callout Wide - Air Balloons" in the Page/Panel Elements dropdown within the Admin. This Callout uses the class names "CalloutWide", "Balloons", "Right" and "Plain" on the first div only. The direction attribute of Left or Right will detemine where the image appears and does not need to be added anywhere else but on the first div.

Callout Wide - Hot Air Balloons (Left-Plain)

Below is a Callout Wide utilizing the Balloons background image. You can find this Callout Wide element named "Callout Wide - Air Balloons" in the Page/Panel Elements dropdown within the Admin. This Callout uses the class names "CalloutWide", "Balloons", "Left" and "Plain" on the first div only. The direction attribute of Left or Right will detemine where the image appears and does not need to be added anywhere else but on the first div.

Callout Wide - Mrs. Drysdale's Circus (Right)

Below is a Callout Wide utilizing the Drysdale Circus background image. You can find this Callout Wide element named "Callout Wide - Drysdale" in the Page/Panel Elements dropdown within the Admin. This Callout uses the class names "CalloutWide", "Drysdale" and "Right" on the first div only. The direction attribute of Left or Right will detemine where the image appears and does not need to be added anywhere else but on the first div.

Callout Wide - Mrs. Drysdale's Circus (Left)

Below is a Callout Wide utilizing the Drysdale Circus background image. You can find this Callout Wide element named "Callout Wide - Drysdale" in the Page/Panel Elements dropdown within the Admin. This Callout uses the class names "CalloutWide", "Drysdale" and "Left" on the first div only. The direction attribute of Left or Right will detemine where the image appears and does not need to be added anywhere else but on the first div.

Callout Wide - Mrs. Drysdale's Circus (Right-Plain)

Below is a Callout Wide utilizing the Drysdale Circus background image. You can find this Callout Wide element named "Callout Wide - Drysdale" in the Page/Panel Elements dropdown within the Admin. This Callout uses the class names "CalloutWide", "Drysdale", "Right" and "Plain" on the first div only. The direction attribute of Left or Right will detemine where the image appears and does not need to be added anywhere else but on the first div.

Callout Wide - Mrs. Drysdale's Circus (Left-Plain)

Below is a Callout Wide utilizing the Drysdale Circus background image. You can find this Callout Wide element named "Callout Wide - Drysdale" in the Page/Panel Elements dropdown within the Admin. This Callout uses the class names "CalloutWide", "Drysdale", "Left" and "Plain" on the first div only. The direction attribute of Left or Right will detemine where the image appears and does not need to be added anywhere else but on the first div.

---

Embedded Video - Butterflies

Below is an embedded video iframe utilizing the Butterflies background image. You can find this video element named "Video BG - Butterflies" in the Page/Panel Elements dropdown within the Admin. Be sure to update the title attribute, as well as the video source link.

---

Callout Wide - Butterflies

Below is a Callout Wide utilizing the Butterlies background image. You can find this Callout Wide element named "Callout Wide - Butterflies" in the Page/Panel Elements dropdown within the Admin.

---

Embedded Video - Cells

Below is an embedded video iframe utilizing the Cells background image. You can find this video element named "Video BG - Cells" in the Page/Panel Elements dropdown within the Admin. Be sure to update the title attribute, as well as the video source link.

---

Callout Wide - Cells

Below is a Callout Wide utilizing the Cells background image. You can find this Callout Wide element named "Callout Wide - Cells" in the Page/Panel Elements dropdown within the Admin.

---

Art Studio Photo Slider - Lightbox

This Slider feature can contain up to 10 different slides and utilizes the Art Studio image background. Clicking the image in the the slider will open the full size of the image in a lightbox. The recommended image size for this slider is 1000px x 500px. Use the following class names on the outside div of each slide to achieve their background color: "Blue-BG", "Green-BG", ""Purple-BG", "Teal-BG", "Mauve-BG" and "Red-BG". Below is an example showing each slide using a different class name.

---

Embedded Video - Map

Below is an embedded video iframe utilizing the Map background image. You can find this video element named "Video BG - Map" in the Page/Panel Elements dropdown within the Admin. Be sure to update the title attribute, as well as the video source link.

---

Callout Wide - Map

Below is a Callout Wide utilizing the Map background image. You can find this Callout Wide element named "Callout Wide - Map" in the Page/Panel Elements dropdown within the Admin.

---

Callout Wide - Map Lightbox

Below is a Callout Wide utilizing the Map background image. You can find this Callout Wide element named "Callout Wide - Map Lightbox" in the Page/Panel Elements dropdown within the Admin. This Callout uses the class names "CalloutWide" and "Map-Lightbox" on the first div only. Clicking the image will open a larger version in a lightbox.