Flex Slider

These modular elements can be readily used and customized in every layout across pages.

  • Slider One

  • Slider Two

HTML
<div class="flexslider flexslider-simple mt-5">
	<ul class="slides">
		<li>
			<section class="color-white py-9">
				<div class="background-holder overlay" style="background-image:url(assets/images/headers/header-47.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/headers/header-48.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-min.js"></script>
CSS
<link href="assets/lib/flexslider/flexslider.css" rel="stylesheet"/>
Detail documentation ⟶