Sample top1 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample top2 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample top3 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample top4 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample header1 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample header2 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample slideshow 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample left 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample newsflash 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample news1 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample news2 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample news3 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

You can insert the below code in a custom html module to get the same result as our demo home page.

jQuery Nivo Slider

<div style="width: 898px; margin: 0 auto;">
<div class="slider-wrapper theme-default">
<div id="bt_nivo_slider_fade_slow_no_arrows" class="nivoSlider">
<img src="images/sampledata/image-nivo-1.jpg" alt="image 1" />
<img src="images/sampledata/image-nivo-2.jpg" alt="image 2" />
<img src="images/sampledata/image-nivo-3.jpg" alt="image 3" />
</div>
</div>
</div>

Please click on the image to load a live example of each style variation.

View below the offline joomla! page.

Here are all module positions of template.

With the module styles you can see in this page you can set the way a module is displayed.

To set the style of a module, login to the administrator's control panel, go to the Module Manager, locate and edit the Module Suffix data field and click the Save button. Alternatively, you can read our tutorials where you can find simple step by step examples.

Sample notice1 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample notice2 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample notice3 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample bottom1 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample bottom2 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample bottom3 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample bottom4 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample bottom5 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample bottom6 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample footer1 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample footer2 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample footer3 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample footer4 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample footer5 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample footer6 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.

Sample footer7 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit eu lorem convallis pretium sit amet condimentum urna.
#fc3424 #5835a1 #1975f2 #2fc86b #ftooc9 #eef12146 #200714230707