# Sliders

All 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 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 ⟶

##### Jump into