Virginia Tech® home

Copy the Parallax Image Stripe to your page

This page is for copying components from page-to-page.

Below are some pre-built vt-parallax-stripe components that can be copied from this page into a page on your own site. You will need to be viewing this page in author (edit mode) to copy them over. You will see nothing if viewing this page live on the web.

  • Open this page in the editor.
  • Copy and paste the widget component to a page in your own site.
  • Add an image to the image component.
  • Make the widget container Full Browser Width to activate the widget.
  • Continue editing your widget to your needs.

Examples in action

  1. Full-screen
  2. 16x9
  3. Callout
  4. Large Heading
parallax image 7
Copy the entire container. This is an example of what you'll see in author. Do not copy this image.

16x9 Widget. Contains no additional custom options.

parallax image 7
Example of what you'll see in author. Do not copy this image.

Fullscreen Widget. All other custom options are default.

parallax image 7
Example of what you'll see in author. Do not copy this image.

More about copying and pasting components.

Here are a few more pre-configured widgets you can copy onto your page. Once copied in the editor, make the stripe full-screen and drop an image into the image component.

Large Text

parallax image 7
Example of what you'll see in author. Do not copy this image.

Large Text + Align Left

parallax image 7
Example of what you'll see in author. Do not copy this image.

Callout

parallax image 7
Example of what you'll see in author. Do not copy this image.

Callout + Transparent Backdrop

parallax image 7
Example of what you'll see in author. Do not copy this image.

Maroon Callout + Align Center + Focus Outline White

parallax image 7
Example of what you'll see in author. Do not copy this image.

More about copying and pasting components.