<div class="container my-4">

  <p>

    <strong

            >Bootstrap parallax functionality enables a beautiful scrolling animation to your pages.</strong

      >

  </p>

  <p>Explore options like vertical, horizontal, full page, full width, slower, faster and much more in our documentation.</p>

​

  <hr />

​

  <p class="font-weight-bold">Basic examples</p>

​

  <p>

    You will <strong>find the code structure for this example in the tabs on the left</strong>. For even <strong>more examples, resources & customization options</strong> click the red <button class="btn btn-danger btn-sm">DOCS</button> button in the upper left corner. 

  </p>

​

  <div class="border p-5 mb-5">

    <!-- Copy this code to have a working example -->

    <div class="parallax" data-mdb-image-src="https://mdbootstrap.com/img/Photos/Slides/3.jpg" ></div>

    <!--/ Copy this code to have a working example -->

  </div>

​

</div>