Responsive Flexslider Image Slider
<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
Flexslider automatically adjust to it's 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. -
Use any HTML markup
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. -
Or use the quoteblock tags
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lobortis dictum eros non laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lobortis dictum eros non laoreet.Johnny Barr
<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>
Sidebar Right
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Sidebar Menu
Text Widget
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.