slide

<div class="jflow-content-slider">

<div id="slides">



<-! Slide #1 Starts-->

<div class="slide-wrapper">

<div class="slide-thumbnail">

<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju76r_Rjb99pVFXtBxGKEsFXGNtMZQ7m-CMM6jx6LRUiHR8adD8qMZAFzXhE4EvJky4fsqsdjr6sbcfxfo1zNiOsfjaOvcyVlPonNKNkWEAGakYDstlGdbU_b3ylEf_ZrPlUVacjkuPsbQ/s1600/images4.jpg"/>

</div>



<div class="slide-details">

<span style="font-size: large;"><b> Hola </b></span>

<div class="description">



ciao ciao

</div>

</div>

<div class="clear"></div>

</div>

<!-- Slide # 1 Ends -->



<-! Slide #2 Starts-->

<div class="slide-wrapper">

<div class="slide-thumbnail">

<img alt="" src="IMAGE-LINK"/>

</div>



<div class="slide-details">

<span style="font-size: large;"><b> TITLE-OF-THE-SLIDE </b></span>

<div class="description">



TEXT-OF-THE-SLIDE

</div>

</div>

<div class="clear"></div>

</div>

<!-- Slide # 2 Ends -->





<-! Slide #3 Starts-->

<div class="slide-wrapper">

<div class="slide-thumbnail">

<img alt="" src="IMAGE-LINK"/>

</div>



<div class="slide-details">

<span style="font-size: large;"><b> TITLE-OF-THE-SLIDE </b></span>

<div class="description">



TEXT-OF-THE-SLIDE

</div>

</div>

<div class="clear"></div>

</div>

<!-- Slide # 3 Ends -->



.

.

.

.

<!-- You can add as many slides as you want above this line -->

</div>



<div id="myController">

<span class="jFlowPrev">Prev</span>



<span class="jFlowControl">1</span>

<span class="jFlowControl">2</span>

<span class="jFlowControl">3</span>

<!-- Increase these numbers as with the increase in your number of slides above -->

<span class="jFlowNext">Next</span>

</div>

<div class="clear"></div>

</div>