Divider

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>

Background Image Divider

Content Here...

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

Background Image With Parallax Divider

Content Here...

<section class="divider parallax layer-overlay text-center" data-bg-img="http://placehold.it/1920x1280">
  <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>

Background With Video Divider

Content Here...

<section data-bg-img="http://placehold.it/1920x1280" class="divider no-bg layer-overlay overlay-dark-light text-center" style="background-image: url(&quot;http://placehold.it/1920x1280&quot;);">
  <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>