Demo Info

Top Row1 Modules

This is an example of a module published to the top_row_1 row. This row contains 6 modules, read below for a full description.

Top Row2 Modules

This is an example of a module published to the top_row_2 row. This row contains 6 modules, read below for a full description.

Top Row3 Modules

This is an example of a module published to the top_row_3 row. This row contains 6 modules, read below for a full description.

Details: Written by: Rudolf Baláš; Category: Demo Info; Published: 06 December 2022; Hits: 42

Parallax backgrounds as well as other background options are built directly into the Vertex Framework. Parallax causes the background image of an element to scroll at a different speed than your browser. For an example of this view the homepage of the Velocity template here and watch the background of the top_row1 area as you scroll down the page. This feature is found under "Backgrounds" tab in Vetex, where you can control the background for many areas of your website.

Features:

Set the scroll speed of the images
Set background repeat style
Set background image size, 100%, cover, contain, etc
Set custom backgrounds for all s5 rows in the framework.
Enable or disable parallax on a per row basis

Admin Area Of The Backgrounds Tab:

parallax menu admin

Details: Written by: Rudolf Baláš; Category: Demo Info; Published: 06 December 2022; Hits: 304

This module can be viewed on this page. The styling of the module shown here is customized specifically for this template with css overrides, and cannot be used with any other template. The same module can be used on any template, but with default or other styling in its place. Publish your own content into each slide transition and for multiple slide transition effects, navigation arrows and also a drop down gallery tab that allows you to select a slide via a thumbnail. You can setup your own custom HTML for each slide or have it automatically pull from articles. This module is fully responsive as well. The S5 Image and Content Fader is powered by Mootools/Jquery. Best of all it's free!

Features at a glance

Pull from custom HTML or articles.
Responsive layout compatible
Choose between 4 slide transitions: Fade, Continuous Horiztonal, Fade Slide Left, Continuous Vertical
Zoom In Option
Specify height and width of module
Mobile size options
Includes a gallery tab drop down to show all images
Each image slide can have its own hyperlink
Show up to 10 images at once
Publish your own content to each picture slide
Navigation arrows
Not all slides require titles
Change delay time
Hide or show: Navigation arrows, thumbnail carousel and popup text

I like what I see! I want to JOIN TODAY.

Details: Written by: Rudolf Baláš; Category: Demo Info; Published: 06 December 2022; Hits: 58

SEO - Get your site noticed!

Not only is this template beautifully designed but it is great for search engine optimization as well! What is SEO? It is simple the act of altering a web site so that it does well in the organic, crawler-based listings of search engines such as google.com. How does this template accomplish this? It's simple, the majority of your most valuable content is found in the main body of your site, through css we are able to alter the layout of the site and call the main content before the left and right columns are called. This allows for your content to be found first by search engines before it reaches your other content, which is vital in search engine optimization. This is a common feature this can be done with almost all of Shape 5 templates as well.

I like what I see! I want to JOIN TODAY.

Right

This is an example of a module published to the right position. There are also left, insets, rows, etc. positions and many others, be sure to read the full description. This is the default style that will appear for most module positions in the white body area.

Icon Example

The following is an example of how you can add an icon to any module you desire. All you need to do is enter in the prefix of "s5_icon" in the module suffix followed by the icon class name. For example the suffix used on this class is "s5_icon.ion-android-globe"

The following URL lists all the ion icon classes that you can choose from. You can also use font awesome icon classes and they will function the same way.

View Icons

dark

This is the "dark" module style and can be applied to most module positions.

gray

This is the "gray" module style and can be applied to most module positions.

highlight1

This is the "highlight1" module style and can be applied to most module positions.

border_highlight1_title

This is the "border_highlight1_title" module style and can be applied to most module positions.

border_highlight1

This is the "border_highlight1" module style and can be applied to most module positions.

border

This is the "border" module style and can be applied to most module positions.

centered

This is the "centered" module style and can be applied to most module positions.

large_title

This is the "large_title" module style and can be applied to most module positions.

extra_spacing

This is the "extra_spacing" module style and can be applied to most module positions.

split title

This is the "split_title" module style and can be applied to most module positions.

split title large

This is the "split_title_large" module style and can be applied to most module positions.

none

This is the "none" module style and can be applied to most module positions.

Bottom Row1 Modules

This is an example of a module published to the bottom_row_1 row. This row contains 6 modules, read above for a full description.

Bottom Row2 Modules

This is an example of a module published to the bottom_row_2 row. This row contains 6 modules, read above for a full description.

Bottom Row3 Modules

This is an example of a module published to the bottom_row_3 row. This row contains 6 modules, read above for a full description.

Sample Sidebar Module

Home

Pages

Extensions

Features

Tutorials