Website Illustrations
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.
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.
Callout Wide - Water Wall
This Callout uses the class names "CalloutWide" and "WaterWall". This is a text link.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
CTA Button
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.
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.
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 - 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 Background
This Callout uses the class names "CalloutWide", "Balloons" and "Right". Float the balloons to the right or left using the style dropdown on the CalloutWide div. The direction you select will determine which side of the content the image appears on. This is a text link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Read More
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 Background
This Callout uses the class names "CalloutWide", "Balloons" and "Left". Float the balloons to the right or left using the style dropdown on the CalloutWide div. The direction you select will determine which side of the content the image appears on. This is a text link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Read More
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 Background
This Callout uses the class names "CalloutWide", "Balloons", "Right" and "Plain". Float the balloons to the right or left using the style dropdown on the CalloutWide div. The direction you select will determine which side of the content the image appears on. This is a text link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Read More
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 - Hot Air Balloons Background
This Callout uses the class names "CalloutWide", "Balloons", "Left" and "Plain". Float the image to the right or left using the style dropdown on the CalloutWide div. The direction you select will determine which side of the content the image appears on. This is a text link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Read More
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 Background
This Callout uses the class names "CalloutWide", "Drysdale" and "Right". Float the image to the right or left using the style dropdown on the CalloutWide div. The direction you select will determine which side of the content the image appears on. This is a text link.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Read More
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 Background
This Callout uses the class names "CalloutWide", "Drysdale" and "Left". Float the image to the right or left using the style dropdown on the CalloutWide div. The direction you select will determine which side of the content the image appears on. This is a text link.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Read More
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 Background
This Callout uses the class names "CalloutWide", "Drysdale", "Right" and "Plain". Float the image to the right or left using the style dropdown on the CalloutWide div. The direction you select will determine which side of the content the image appears on.This is a text link.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Read More
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.
Callout Wide - Mrs. Drysdale's Circus Background
This Callout uses the class names "CalloutWide", "Drysdale", "Left" and "Plain". Float the image to the right or left using the style dropdown on the CalloutWide div. The direction you select will determine which side of the content the image appears on. This is a text link.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Read More
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 Background
This Callout uses the class names "CalloutWide", "Castle" and "Right". Float the image to the right or left using the style dropdown on the CalloutWide div. The direction you select will determine which side of the content the image appears on. This is a text link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Read More
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 Background
This Callout uses the class names "CalloutWide", "Castle" and "Left". Float the image to the right or left using the style dropdown on the CalloutWide div. The direction you select will determine which side of the content the image appears on. This is a text link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Read More
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 Background
This Callout uses the class names "CalloutWide", "Castle", "RIght" and "Plain". Float the image to the right or left using the style dropdown on the CalloutWide div. The direction you select will determine which side of the content the image appears on. This is a text link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Read More
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.
Callout Wide - Castle Background
This Callout uses the class names "CalloutWide", "Castle", "Left" and "Plain". Float the image to the right or left using the style dropdown on the CalloutWide div. The direction you select will determine which side of the content the image appears on. This is a text link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Read More
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 Background
This Callout uses the class names "CalloutWide", "Kinetic" and "Right". Float the image to the right or left using the style dropdown on the CalloutWide div. The direction you select will determine which side of the content the image appears on. This is a text link.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Read More
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.
Callout Wide - Eureka Kinetic Machine Background
This Callout uses the class names "CalloutWide", "Kinetic" and "Left". Float the image to the right or left using the style dropdown on the CalloutWide div. The direction you select will determine which side of the content the image appears on. This is a text link.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Read More