Coin slider
SolutionsLorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum moles tie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.Read More
<div id="coin-slider">
<img src="images/slide1.jpg"><span><strong>Solutions</strong><span>Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum moles tie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</span><a href="more.html">Read More</a></span>
<img src="images/slide2.jpg"><span><strong>Solutions</strong><span>Consec tetuer adipiscing elit. Praesent vestibulum moles tie lacus. Aenean nonummy hendrerit mauris. Phasellus porta, lorem ipsum dolor sit amet.</span><a href="more.html">Read More</a></span>
<img src="images/slide3.jpg"><span><strong>Solutions</strong><span>Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum moles tie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</span><a href="more.html">Read More</a></span>
<img src="images/slide4.jpg"><span><strong>Solutions</strong><span>Sit amet, consec tetuer adipiscing elit. Praesent vestibulum moles tie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</span><a href="more.html">Read More</a></span>
<img src="images/slide3.jpg"><span><strong>Solutions</strong><span>Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum moles tie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.</span><a href="more.html">Read More</a></span>
</div>
In order to create a Coin slider you will need:
- Create a <div> with coin-slider id(<div id="coin-slider">)
- Each slide should consist of the following coding structure:
<a href="#"><img src="images/pic1.jpg"><span> Description</span></a> - You can also add a slide description using the <span> element (<span>Description text</span>)