banner-01

How to use the Sliders

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: 640px; margin: 0 auto;">
<div class="slider-wrapper theme-default">
<div id="bt_nivo_slider_fade_slow" 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>

Scrollable Slider

<div class="bt_scrollable_slider_outer" align="center">
<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_scrollabe_slider" id="scrollable" style="width: 510px !important; height: 245px !important;">
<div class="bt_items">
<div>
<div class="bt_item" style="width: 120px; height: 245px;">
<div class="bt_item_inner">
<div class="bt_item_image"><img src="images/sampledata/image-scrollable-1.jpg" width="120" height="245" alt="scrollable image" /></div>
</div>
</div>
<div class="bt_item" style="width: 120px; height: 245px;">
<div class="bt_item_inner">
<div class="bt_item_image"><img src="images/sampledata/image-scrollable-2.jpg" width="120" height="245" alt="scrollable image" /></div>
</div>
</div>
<div class="bt_item" style="width: 120px; height: 245px;">
<div class="bt_item_inner">
<div class="bt_item_image"><img src="images/sampledata/image-scrollable-3.jpg" width="120" height="245" alt="scrollable image" /></div>
</div>
</div>
<div class="bt_item" style="width: 120px; height: 245px;">
<div class="bt_item_inner">
<div class="bt_item_image"><img src="images/sampledata/image-scrollable-4.jpg" width="120" height="245" alt="scrollable image" /></div>
</div>
</div>
</div>
<div>
<div class="bt_item" style="width: 120px; height: 245px;">
<div class="bt_item_inner">
<div class="bt_item_image"><img src="images/sampledata/image-scrollable-5.jpg" width="120" height="245" alt="scrollable image" /></div>
</div>
</div>
<div class="bt_item" style="width: 120px; height: 245px;">
<div class="bt_item_inner">
<div class="bt_item_image"><img src="images/sampledata/image-scrollable-6.jpg" width="120" height="245" alt="scrollable image" /></div>
</div>
</div>
<div class="bt_item" style="width: 120px; height: 245px;">
<div class="bt_item_inner">
<div class="bt_item_image"><img src="images/sampledata/image-scrollable-7.jpg" width="120" height="245" alt="scrollable image" /></div>
</div>
</div>
<div class="bt_item" style="width: 120px; height: 245px;">
<div class="bt_item_inner">
<div class="bt_item_image"><img src="images/sampledata/image-scrollable-8.jpg" width="120" height="245" alt="scrollable image" /></div>
</div>
</div>
</div>
</div>
</div></td>
<td><a class="bt_next bt_browse bt_right"></a></td>
</tr>
</table>
</div>
About Us | services | articles | useful info | marketing advices | contact us

We know how to use your financial resources for reaching great results...

#fc3424 #5835a1 #1975f2 #2fc86b #fevec9 #133f10441 #100313115745