Gridder
These modular elements can be readily used and customized in every layout across pages.
For more detail see, Flexslider Documentation
Example
<div class="flexslider border-0 overflow-hidden rounded-0 mb-0 rounded">
<ul class="slides">
<li class="text-center" data-zanim-timeline='{"delay":0.1}'>
<div class="bg-holder overlay" style="background-image:url(../assets/img/headers/header-1.jpg);">
</div> <!--/.bg-holder-->
<div class="position-relative py-10">
<h2 class="ls-1 text-white">We are smart</h2>
</div>
</li>
<li class="text-center" data-zanim-timeline='{"delay":0.1}'>
<div class="bg-holder overlay" style="background-image:url(../assets/img/headers/header-6.jpg);">
</div> <!--/.bg-holder-->
<div class="position-relative py-10">
<h2 class="ls-1 text-white">We are awesome</h2>
</div>
</li>
<li class="text-center" data-zanim-timeline='{"delay":0.1}'>
<div class="bg-holder overlay" style="background-image:url(../assets/img/headers/header-5.jpg);">
</div> <!--/.bg-holder-->
<div class="position-relative py-10">
<h2 class="ls-1 text-white">Take a breath</h2>
</div>
</li>
</ul>
</div>Stylesheet
<link href="assets/lib/flexslider/flexslider.css" rel="stylesheet">Javascript
<script src="assets/lib/flexslider/jquery.flexslider-min.js"></script>