<div class="AccordionSlider">
<div class="box">
<img alt="" src="/portals/27/sliderimage/img_1.jpg" />
<div class="upper_text">
<h4> <a href="#">Responsive Design!</a></h4>
</div>
<div class="lower_text">
<p>Accordion Slider was rewritten to provide better responsive design and a public method that can be called to reconstruct the slider.</p>
</div>
</div>
<div class="box">
<img alt="" src="/portals/27/sliderimage/img_6.jpg" />
<div class="upper_text">
<h4> <a href="#">Public Methods!</a></h4>
</div>
<div class="lower_text">
<p>In Accordion Slider, you can call declared methods such as constructing, going to certain slide, play and more.</p>
</div>
</div>
<div class="box">
<img alt="" src="/portals/27/sliderimage/img_3.jpg" />
<div class="upper_text">
<h4> <a href="#">Now You Can Play!</a></h4>
</div>
<div class="lower_text">
<p>Accordion Slider provides a slideshow option with start, stop, next and previous buttons.</p>
</div>
</div>
<div class="box">
<img alt="" src="/portals/27/sliderimage/img_4.jpg" />
<div class="upper_text">
<h4> <a href="#">Lots of Options!</a></h4>
</div>
<div class="lower_text">
<p>Accordion Slider contains a lot of options that you can change for maximum customization comfort.</p>
</div>
</div>
<div class="box">
<img alt="" src="/portals/27/sliderimage/img_5.jpg" />
<div class="upper_text">
<h4> <a href="#">Pre-styled Skins!</a></h4>
</div>
<div class="lower_text">
<p>Accordion Slider comes with a bunch of pre-styled captions and control bars.</p>
</div>
</div>
<div class="box">
<img alt="" src="/portals/27/sliderimage/img_2.jpg" />
<div class="upper_text">
<h4> <a href="#">Documentation!</a></h4>
</div>
<div class="lower_text">
<p>Have no idea about jQuery, HTML? Don't worry, Unleash comes with detailed step by step documentation for setting up the slider.</p>
</div>
</div>
</div>