Responsive Flexslider Image Slider
What a pretty picture. Caption this is...
My Up close shot of a bird.
<div class="default-flexslider flexslider">
<ul class="slides">
<li><img src="slide1.jpg" /></li>
<li><img src="slide2.jpg" /></li>
<li><img src="slide3.jpg" /></li>
<li><img src="slide4.jpg" /></li>
</ul>
</div>
Flexslider in Columns
- What a pretty picture. Caption this is...
- My Up close shot of a bird.
Flexlslider automatically adjust to its parent container, even in columns.
Use Flexslider for a Testimonial Slideshow
-
Johnny Barr
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lobortis dictum eros non laoreet. Sed dui dolor, semper ac convallis sed, gravida eu eros. Praesent faucibus tincidunt volutpat. Aenean ac tellus augue, non suscipit massa. Duis pellentesque dignissim metus ac porta. In ultricies mi in dui consequat ac euismod turpis gravida.
-
Evelyn Parker
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lobortis dictum eros non laoreet. Sed dui dolor, semper ac convallis sed, gravida eu eros. Praesent faucibus tincidunt volutpat. Aenean ac tellus augue, non suscipit massa. Duis pellentesque dignissim metus ac porta. In ultricies mi in dui consequat ac euismod turpis gravida.
-
Kerry Johnson
Picture on Right..... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lobortis dictum eros non laoreet. Sed dui dolor, semper ac convallis sed, gravida eu eros. Praesent faucibus tincidunt volutpat. Aenean ac tellus augue, non suscipit massa. Duis pellentesque dignissim metus ac porta. In ultricies mi in dui consequat ac euismod turpis gravida. Sed dui dolor, semper ac convallis sed, gravida eu eros. Sed dui dolor, semper ac convallis sed, gravida eu eros.
<div class="testimonial-flexslider flexslider">
<ul class="slides">
<li>
<div class="flex-content">
<h3>My Name</h3>
<img src="avatar.jpg class="alignleft" />My text wrapped around the thumb.
</div>
</li>
</ul>
</div>