Handy > Slider > Nivo Slider

Home
Color Scheme
- Red
- Sky Blue
- Orange
- Lime Green
- Blue
- Green
- Slate Gray
- Brown
- Yellow
- Navy
- Cadet Blue
- Purple
Features
- Menu Option
- Skin Layouts
- Containers
  - submenu1
  - submenu2
  - submenu3
  - submenu4
Pages
- About Us
- Service
- Team Members
- Portfolio
- Contact
- Pricing table
- 404 Page
- FAQ
Slider
Short Codes
- Typography
- Buttons
- Alerts
- Collapse
- Dropdown
- Form
- Breadcrumbs
- Labels Badges
- Pagination
- Panels
- ProgressBar
- Tabs
- Tooltips
- Popovers
Store

This is an example of a HTML caption with a link.

How to use

You can follow these steps:

1.Add a HTML module

2.Paste the content codes into the HTML module ( Choose "HTML" mode in HTML Editor ).

3.Edit the content code

4.Finally Save

Content code


<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<img alt="" src="/Portals/0/images/NivoSlider01.jpg" data-thumb="images/toystory.jpg" />
<img alt="" src="/Portals/0/images/NivoSlider02.jpg" data-thumb="images/walle.jpg" data-transition="slideInLeft" />
<img alt="" src="/Portals/0/images/NivoSlider03.jpg" data-thumb="images/nemo.jpg" title="#htmlcaption" />
<img alt="" src="/Portals/0/images/NivoSlider04.jpg" data-thumb="images/nemo.jpg" title="#htmlcaption" />
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>
</div>