Divider

  1. Home
  2. Pages
  3. Current Page

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="../tfast-assets/uganda/school-uganda-1920x1280.webp
  <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>
Children playing football in a Kampala schoolyard

Adipisicing elit. Alias, natus?

Show off your Important Content with Elegance & Attitude.

Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.

Explore study options, ask about entry requirements and arrange a visit. Confirm programmes, fees and the next intake with the admissions team.

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="../tfast-assets/uganda/classroom-uganda-1920x1280.webp class="divider no-bg layer-overlay overlay-dark-8 text-center" style="background-image: url(&quot;../tfast-assets/uganda/office-uganda-1920x1280.webp);">
  <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_145+256 751 399 620" 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>