Sliding Viewer: 3

<!--

note: only use ONE of the options provided

- option a is much simpler with no extra code
- option b requires a bit more effort in terms of the div "info"

-->

<div id="mygallery" class="stepcarousel">
<div class="belt">

<!-- OPTION A -->
<div class="panel">
<a href="URL OF CODE"><img src="IMAGE PREVIEW"/></a>
</div>

<!-- OPTION B -->
<div class="panel">
<div class="info">
THEME NAME
<a href="URL OF LIVE PREVIEW">preview</a>
<a href="URL OF CODE">code</a></div>
<img src="IMAGE PREVIEW">
</div>

</div>
</div>

<!-- this is the pagination, you don't NEED this but it might come in handy. delete if necessary -->

<div align="center"><p id="mygallery-paginate" style="width:416px;margin:0px;">
<img src="http://www.dynamicdrive.com/dynamicindex4/opencircle.png" data-over="http://www.dynamicdrive.com/dynamicindex4/graycircle.png" data-select="http://www.dynamicdrive.com/dynamicindex4/closedcircle.png" data-moveby="1" /></p></div>

<!-- /end pagination -->