Background pattern Divider
Content Here...
<section data-bg-img="images/pattern/p8.png">
<div class="container pt-120 pb-120">
<div class="row">
<div class="col-md-12 text-center">
<h3>Background pattern Divider</h3>
<h5>Content Here...</h5>
</div>
</div>
</div>
</section>
<section class="divider layer-overlay text-center">
<div class="container pt-120 pb-120">
<div class="row">
<div class="col-md-12 text-center">
<h3 class="text-white">Background Image Divider</h3>
<h5 class="text-white">Content Here...</h5>
</div>
</div>
</div>
</section>
<section class="divider parallax layer-overlay text-center" data-bg-img="http://placehold.it/1500x996">
<div class="container pt-120 pb-120">
<div class="row">
<div class="col-md-12 text-center">
<h3 class="text-white">Background Image With Parallax Divider</h3>
<h5 class="text-white">Content Here...</h5>
</div>
</div>
</div>
</section>
Solid Color Divider
Content Here...
<section class="divider bg-lighter text-center">
<div class="container pt-120 pb-120">
<div class="row">
<div class="col-md-12 text-center">
<h3 class="text-white">Solid Color Divider</h3>
<h5 class="text-white">Content Here...</h5>
</div>
</div>
</div>
</section>
<section data-bg-img="http://placehold.it/1500x996" class="divider no-bg layer-overlay overlay-dark-light text-center" style="background-image: url("http://placehold.it/1500x996");">
<div class="bg-video">
<div class="video" id="home-video">
<div data-property="{videoURL:'E5ln4uR4TwQ',containment:'#home-video',autoPlay:true, showControls:false, mute:false, startAt:0, opacity:1}" class="player video-container mb_YTPlayer" id="video_1454419886736" style="display: none; position: relative; background-image: none;">
</div>
</div>
</div>
<div class="container pt-120 pb-120">
<div class="row">
<div class="col-md-12 text-center">
<h3 class="text-white">Background With Video Divider</h3>
<h5 class="text-white">Content Here...</h5>
</div>
</div>
</div>
</section>
Video Promo
Maecenas nec efficitur felis. Nulla egestas lacus sit amet lectus tincidunt condimentum.
<section class="divider">
<div class="container pt-120 pb-120">
<div class="section-title">
<div class="row">
<div class="col-md-12 text-center">
<h2 class="mt-0 page-title">Video Promo</h2>
<p>Maecenas nec efficitur felis. Nulla egestas lacus sit
amet lectus tincidunt condimentum.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<iframe src="https://player.vimeo.com/video/68402219" width="500" height="350" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</section>