Occasionally we need to use custom HTML to obtain the layouts shown on our demos in specific modules. The code below is what was used on this template. It is best to enter this code directly into the HTML editor function of your editor. Some area may require that you enable the Ion Icons (Under General) and Scroll Reveal (Under Javascripts) features in the template configuration.

Photo Showcase:

The S5 Image and Content Fader is published bottom_row1_1. The custom html used for the slides is found below.

Tab Show:

The S5 Tab Show is published custom_1. The custom html used for the slides is found below and is published to the module positions "s5_tab4, s5_tab5, etc. The S5 Typed Text needs to be enabled for the below HTML to work.

For setup instructions of this extension please visit https://www.shape5.com/documentation/Joomla/Extensions/S5-Tab-Show

Our Services:

This is a custom html module that is published to custom_1.

For instructions on how to setup the media player:
https://www.shape5.com/documentation/Joomla/Extensions/S5-Media-Player-V2



top_row1_1 code:


top_row1_2 code:

Download our App:

These are custom HTML modules. The code for each is below:



Top Row 2_1


Top Row 2_2:

Our Latest Works:

This is the S5 Masonry module published to the top_row3_1 module position and set to "overlay":

Why Choose Us:

This text "why choose us" is published to the custom_7 module position. The S5 Vertical Accordion is published to the above columns 1 position.

For setup instructions of the Vertical Accordion extension please visit: https://www.shape5.com/documentation/Joomla/Extensions/S5-Vertical-Accordion



Above Columns 2 Code:

Stats and Testimonials:

The 4 stats areas are custom HTML published to the custom_3 module position. The code for this is below. The Testimonials module is the S5 Tab show using the first 3 positions "s5tab_1, 2, etc" and is published to the below_columns1 position.

For setup instructions of this extension please visit https://www.shape5.com/documentation/Joomla/Extensions/S5-Tab-Show



Stats Custom Code:

Stats Custom Code:

Image and Content Fader:

The S5 Image and Cotent Fader is published bottom_row1_1 and the slides use only the slide text; make sure the titles are turned off. The custom html used for the slides is found below.

For setup instructions of this extension please visit https://www.shape5.com/documentation/Joomla/Extensions/S5-Image-and-Content-Fader

Pricing Packages:

This is a custom html module that is published to custom_4. It does require Scroll Reveal to be enabled. You can change the image of the left side directly in the code below.



Bottom Row 2_1:

Bottom Row 2_1:

Newsletter:

This is the S5 Mail Chimp published to the bottom_row3_1 position with a class suffix of "whitetitle". For setup instructions of this extension please visit https://www.shape5.com/documentation/Joomla/Extensions/S5-MailChimp-Signup

S5 Map and Quick Contact:

The S5 Google map is published to the "custom_4" module position. The address text is a custom HTML module published to the "custom_5" module position. The HTML for this is below. The S5 Quick Contact module is published to the "custom_6" module position.