Flexslider template for Perch

Flexslider template for Perch

<perch:before>
<!-- open slider-container -->
<div class="slider-container">
<!-- open flexslider -->
<div class="flexslider">
<ul class="slides">
</perch:before>
<li><a href="<perch:content id="link" type="text" label="Hyperlink" help="This is the link where you want user to go to." required="true" order="4" />"><img class="img-rounded" rel="caption1" src="<perch:content id="image" type="image" label="Slide image" width="640" height="360" crop="true" order="2" required="true" help="Image will be cropped to 640 x 360" bucket="images" />" alt="<perch:content id="alt" type="text" label="Image description" order="3" />" /></a><div class="flex-caption" style="bottom: 0;"><h1><a href="<perch:content id="link" type="text" label="Hyperlink" help="This link can go to a page on our site or an external site." />"><perch:content id="heading" title="true" type="smarttext" label="Heading" help="This is the title. Max length is 100 characters and then heading on slider will append ..." required="true" order="1" chars="100" append="..." /></a></h1></div></li>
<perch:after>
</ul>
</div><!-- close flexslider -->
</div> <!-- close slider-container -->
</perch:after>