Divider

  1. Home
  2. Pages
  3. Page Title

Background pattern Divider

Content Here...

<section class="text-center" data-bg-img="images/pattern/p14.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/1600x700">
  <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>

Adipisicing elit. Alias, natus?

Show off your Important Content with Elegance & Attitude.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid officiis rerum animi rem obcaecati eius atque qui est et, quos asperiores. Maxime magnam doloremque laboriosam nam beatae quia voluptatem possimus sunt, repudiandae. Placeat cupiditate, porro odio aspernatur veniam voluptatem, tenetur.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid officiis rerum animi rem obcaecati eius atque qui est et, quos asperiores. Maxime magnam doloremque laboriosam nam beatae quia voluptatem possimus sunt, repudiandae. Placeat cupiditate, porro odio aspernatur veniam voluptatem, tenetur.

Read More

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/1920x873" class="divider no-bg layer-overlay overlay-dark-8 text-center" style="background-image: url(&quot;http://placehold.it/1920x873&quot;);">
  <div class="bg-video">
    <div class="video" id="home-video">
      <div data-property="{videoURL:'BzCUFHUWqHM',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>