Home Page

Ensure your home page stands out with several different configurations and options to impress your viewers. Guide users to the content they seek, and promote your own key messages.

diagram showing home page

[divider]

Slider

[teaser]Grab your viewers attention right away with a sequence of slides on your home page.[/teaser]

Slider can be tabbed or fading. Tabbed slider shows slide thumbnails for easy navigation. Each slide can contain text, image or video or automatically display excerpts from your latest blog posts. The slider will automatically scale and crop your images to fit the designated area. You can adjust the slider speed and set it to start automatically.

The slider automatically resizes, crops and border your content based on the stage effect you choose:

  • Staged – image inset with an understated border and a shadow effect
  • Partial staged – image or video set smaller on right, with text and optional link on left
  • Partial gradient – similar with above but text background is set to a theme coordinated gradient
  • Floating – image inset with a stronger shadow at bottom, giving illusion it is floating
  • Full – image is set to occupy the whole content area

[divider_padding]

[one_half]
Tabbed slider with staged image screenshot

[/one_half]
[one_half_last]

Tabbed Slider with Staged Image

Tabbed slider shows thumbnails of all slides in a navigation bar. Slide is set to have a staged effect so image has an inset border and a shadow applied automatically.

Click image to zoom in and arrow keys to review all.
[/one_half_last]

[divider_top]

[one_half]
Tabbed slider with partial staged image screenshot

[/one_half]
[one_half_last]

Tabbed Slider with Partial Staged Image

Tabbed slider shows thumbnails of all slides in a navigation bar. Slide is set to have a staged effect so image is cropped smaller, aligned right and your text, title and optional button aligned left.

Click image to zoom in and arrow keys to review all.
[/one_half_last]

[divider_top]

[one_half]
Tabbed slider with partial staged video screenshot

[/one_half]
[one_half_last]

Tabbed Slider with Partial Staged Video

Tabbed slider shows thumbnails of all slides in a navigation bar. This slide contains a video; simply enter the URL of your Vimeo or YouTube video, the rest is done automatically. Slide is set to have a staged effect so video is aligned right and your text, title and optional button aligned left.

Click image to zoom in and arrow keys to review all.
[/one_half_last]

[divider_top]

[one_half]
Tabbed slider with partial gradient screenshot

[/one_half]
[one_half_last]

Tabbed Slider with Partial Gradient

Tabbed slider shows thumbnails of all slides in a navigation bar. Slide is set to have a partial gradient effect so the text background is a gradient that is color matched to the colors of your theme.

Click image to zoom in and arrow keys to review all.
[/one_half_last]

[divider_top]

[one_half]
Tabbed slider with floating image screenshot

[/one_half]
[one_half_last]

Tabbed Slider with Floating Image

Tabbed slider shows thumbnails of all slides in a navigation bar. Slide is set to have a floating effect so the image is inset and has a prominent bottom shadow, giving the appearance that it is floating.

Click image to zoom in and arrow keys to review all.
[/one_half_last]

[divider_top]

[one_half]
Tabbed slider with full image screenshot

[/one_half]
[one_half_last]

Tabbed Slider with Full Image

Tabbed slider shows thumbnails of all slides in a navigation bar. Slide is set to have a full effect so image is scaled and cropped to fill the whole slider content area.

Click image to zoom in and arrow keys to review all.
[/one_half_last]

[divider_top]

[one_half]
Fading slider with staged image screenshot

[/one_half]
[one_half_last]

Fading Slider with Staged Image

Fading slider shows radio buttons for navigation. Slide is set to have a staged effect so image has an inset border and a shadow applied automatically.

Click image to zoom in and arrow keys to review all.
[/one_half_last]

[divider_top]

[one_half]
Fading slider with staged image screenshot

[/one_half]
[one_half_last]

Fading Slider with Staged Image & Text

Fading slider shows radio buttons for navigation. Slide is set to have a staged effect so image has an inset border and a shadow applied automatically. This example shows text  also, which is displayed on top of the image.

Click image to zoom in and arrow keys to review all.
[/one_half_last]

[divider_top]

[one_half]
Fading slider with staged image 2 screenshot

[/one_half]
[one_half_last]

Fading Slider with Partial Staged Image

Fading slider shows radio buttons for navigation. Slide is set to have a staged effect so image is cropped smaller, aligned right and your text, title and optional button aligned left.

Click image to zoom in and arrow keys to review all.
[/one_half_last]

[divider_top]

[one_half]
Fading slider with partial staged video

[/one_half]
[one_half_last]

Fading Slider with Partial Staged Video

Fading slider shows radio buttons for navigation. This slide contains a video; simply enter the URL of your Vimeo or YouTube video, the rest is done automatically. Slide is set to have a staged effect so video is aligned right and your text, title and optional button aligned left.

Click image to zoom in and arrow keys to review all.
[/one_half_last]

[divider_top]

[one_half]
Fading slider with partial gradient screenshot

[/one_half]
[one_half_last]

Fading Slider with Partial Gradient

Fading slider shows radio buttons for navigation. Slide is set to have a partial gradient effect so the text background is a gradient that is color matched to the colors of your theme.

Click image to zoom in and arrow keys to review all.
[/one_half_last]

[divider_top]

[one_half]
Fading slider with floating image

[/one_half]
[one_half_last]

Fading Slider with Floating Image

Fading slider shows radio buttons for navigation. Slide is set to have a floating effect so the image is inset and has a prominent bottom shadow, giving the appearance that it is floating.

Click image to zoom in and arrow keys to review all.
[/one_half_last]

[divider_top]

[one_half]
Fading slider with full image screenshot

[/one_half]
[one_half_last]

Fading Slider with Full Image

Fading slider shows radio buttons for navigation. Slide is set to have a full effect so image is scaled and cropped to fill the whole slider content area.

Click image to zoom in and arrow keys to review all.
[/one_half_last]

[divider_top]