Foundation comes with a slider component that has basically everything you could want with a slider, so let's try it out by creating an unordered list placehold.it image on line 23:
<div class="row">
<div class="large-12 columns">
<ul class="orbit" data-orbit>
<li>
<img src="img/wood1.jpg" alt="Wood 1" />
<div class="orbit-caption">
This is Wood Panel One
</div>
</li>
<li>
<img src="img/wood2.jpg" alt="Wood 2" />
<div class="orbit-caption">
This is Wood Panel Two
</div>
</li>
<li>
<img src="img/wood3.jpg" alt="Wood 3" />
<div class="orbit-caption">
This is Wood Panel Three
</div>
</li>
</ul>
</div>
</div>You can use any images you like or you can use the images in the img...