<-!-JAP9NTl->

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: 990px; margin: 0 auto;">
<div class="slider-wrapper theme-default">
<div id="bt_nivo_slider_fade_slow" class="nivoSlider">
<img src="http://www.bonusthemes.com/demo/joomla25/event/images/sampledata/image-nivo-1.jpg" alt="image 1">
<img src="http://www.bonusthemes.com/demo/joomla25/event/images/sampledata/image-nivo-2.jpg" alt="image 2">
<img src="http://www.bonusthemes.com/demo/joomla25/event/images/sampledata/image-nivo-3.jpg" alt="image 3">
</div>
</div>
</div>

Scrollable Slider

<div class="bt_scrollable_slider_outer">
<table border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse;" align="center">
<tr>
<td><a class="bt_prev bt_browse bt_left"></a></td>
<td>
<div class="scrollable bt_scrollable_slider" id="scrollable" style="width: 915px !important; height: 175px !important;">
<div class="bt_items">
<div>
<div class="bt_item" style="width: 175px; height: 175px;">
<div class="bt_item_inner">
<div class="bt_item_image"><img src="images/sampledata/image-scrollable-1.png" width="175" height="175" /></div>
</div>
</div>
<div class="bt_item" style="width: 175px; height: 175px;">
<div class="bt_item_inner">
<div class="bt_item_image"><img src="images/sampledata/image-scrollable-2.png" width="175" height="175" /></div>
</div>
</div>
<div class="bt_item" style="width: 175px; height: 175px;">
<div class="bt_item_inner">
<div class="bt_item_image"><img src="images/sampledata/image-scrollable-3.png" width="175" height="175" /></div>
</div>
</div>
<div class="bt_item" style="width: 175px; height: 175px;">
<div class="bt_item_inner">
<div class="bt_item_image"><img src="images/sampledata/image-scrollable-4.png" width="175" height="175" /></div>
</div>
</div>
<div class="bt_item" style="width: 175px; height: 175px;">
<div class="bt_item_inner">
<div class="bt_item_image"><img src="images/sampledata/image-scrollable-5.png" width="175" height="175" /></div>
</div>
</div>
</div>
<div>
<div class="bt_item" style="width: 175px; height: 175px;">
<div class="bt_item_inner">
<div class="bt_item_image"><img src="images/sampledata/image-scrollable-6.png" width="175" height="175" /></div>
</div>
</div>
<div class="bt_item" style="width: 175px; height: 175px;">
<div class="bt_item_inner">
<div class="bt_item_image"><img src="images/sampledata/image-scrollable-7.png" width="175" height="175" /></div>
</div>
</div>
<div class="bt_item" style="width: 175px; height: 175px;">
<div class="bt_item_inner">
<div class="bt_item_image"><img src="images/sampledata/image-scrollable-8.png" width="175" height="175" /></div>
</div>
</div>
<div class="bt_item" style="width: 175px; height: 175px;">
<div class="bt_item_inner">
<div class="bt_item_image"><img src="images/sampledata/image-scrollable-9.png" width="175" height="175" /></div>
</div>
</div>
<div class="bt_item" style="width: 175px; height: 175px;">
<div class="bt_item_inner">
<div class="bt_item_image"><img src="images/sampledata/image-scrollable-10.png" width="175" height="175" /></div>
</div>
</div>
</div>
</div>
</div>
</td>
<td><a class="bt_next bt_browse bt_right"></a></td>
</tr>
</table>
</div>