Sliders
All modular elements can be readily used and customized in every layout across pages.
HTML
<div class="flexslider flexslider-simple mt-5">
<ul class="slides">
<li>
<section class="color-white py-9">
<div class="background-holder overlay overlay-dark" style="background-image:url(assets/images/header-03.jpg);">
</div>
<div class="container text-center">
<div class="row align-itmes-center">
<div class="col">
<h3>Slider One</h3>
</div>
</div>
</div>
</section>
</li>
<li>
<section class="color-white py-9">
<div class="background-holder overlay" style="background-image:url(assets/images/header-07.jpg);">
</div>
<div class="container text-center">
<div class="row align-itmes-center">
<div class="col">
<h3>Slider Two</h3>
</div>
</div>
</div>
</section>
</li>
</ul>
</div>
JavaScript
<script src="assets/lib/flexslider/jquery.flexslider.js"></script>
CSS
<link href="assets/lib/flexslider/flexslider.css" rel="stylesheet"/>
Detail documentation ⟶