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.

Social Icons and Top Info:

This area consists of the custom_1 and custom_2 module position. The phone number and email addresss on the left are in a custom html module published to custom_1. The social icons are also a custom html module published to custom_2. The font resizer, and login options are controlled in the template configuration. And the search icon will appear if a module is published to the "search" position. Ion Icons must be enabled in the template configuration for the icons to show.



Custom_1:

Custom_2:

Video and Text:

This area consists custom_3 and custom_4. The video is published to custom_3 and custom_4 contains the text, which will always show on top of custom_3. Both modules are custom html modules. In the video code, you may adjust your max and min heights, as well as the file name for the background image and video file. You may publish any module to custom_3 that you would like, such as our S5 Image and Content Fader module as well.



Video:

Video Text:

Start Your Business Off Right:

This is a custom html module that is published to the custom_5 position.

About Our Company:

This is a custom html module that is published to the top_row1_1 position. It uses the class suffix "large_title". Scroll Reveal must be enabled for the slide in transition to appear.

Top Boxes:

This area uses the S5 Tab Show module, which is published to top_row1_1. For setup instructions for S5 Tab Show please visit: http://www.shape5.com/documentation/Joomla/Extensions/S5-Tab-Show. The custom html used for each slide is shown below and does require Ion Icons to be enabled. Scroll Reveal must be enabled for the slide in transition to appear.

Customer Testimonials:

This area uses the S5 Tab Show module, which is published to top_row2_2. For setup instructions for S5 Tab Show please visit: http://www.shape5.com/documentation/Joomla/Extensions/S5-Tab-Show. The custom html used for each slide is shown below. The large picture of a woman is a custom html module published to top_row2_1, that module also uses the following hide class to hide the module at 1100px screen width: class=hide_1100. Scroll Reveal must be enabled for the slide in transition to appear.




Picture:

Tab Show Testimonial Content:

Content and Accordion:

This area contains the default article area, and a custom html module accordion published to the right_inset position. Scroll Reveal must be enabled for the slide in transition to appear.

Learn More About Us:

This area is a custom html module that is published to custom_6. The images and text can be adjusted in the code below. The image on the left side will disappear on smaller screens. Ion Icons must be enabled in the template configuration for the icons to appear. Scroll Reveal must be enabled for the slide in transition to appear.

Meet Our Professional Team:

This area is a custom html module that is published to bottom_row1_1. The images and text can be adjusted in the code below. Scroll Reveal must be enabled for the slide in transition to appear.

Newsletter:

This area uses the S5 Mailchimp module, which published to the custom_7 position. The code given below is entered int othe pre-text field in the module's backend. For setup instructions of this extension please visit: https://www.shape5.com/documentation/Joomla/Extensions/S5-MailChimp-Signup

Stats Row:

This is a custom html module that is published to the custom_8 position. Ion Icons must be enabled in the template configuration for the icons to appear. Scroll Reveal must be enabled for the slide in transition to appear.

S5 Masonry:

This module does not use custom code, but is listed here for reference. It is published to bottom_row2_1.

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

S5 Map and Bottom Information:

This area consists of two modules. S5 Map is published to custom_9. All instructions for the S5 Map It module are found in it's backend. The bottom information is a custom html module published to bottom_row3_1. Whenever the bottom row 3 is published in conjunction with custom_9, it will overlap custom_9. If custom_9 is not present this overlap will not occur.