<div class="cdt-row">
  <div class="cdt-12">
    <div class="cdt-jumbotron center" style="background: #eee;">
      <div class="cdt-6">
        <h1 data-aiv="true" data-duration="700">Introducing Kodhus library's on scroll Reveal</h1>
        <p class="cdt-sub-header">Just a simple sub-header text</p>
      </div>
    </div>

    <section class="actual">
      <ul data-aiv="true" data-aiv-children="true"  data-delay="300"  data-children-delay="500">
        <li></li>
        <li></li>
        <li></li>
      </ul>
      <section style="height: 900px; background: #f2f2f2; text-align: center;">
        <p>Some Big element to make the page scrollable.</p>
      </section>
      <ul data-aiv="true" data-duration="500" data-timing-function="ease-in-out" data-aiv-children="false">
        <li></li>
        <li></li>
        <li></li>
      </ul>
      <section style="background: #f2f2f2; height: 200px"></section>
    </section>
  </div>
</div>