Parallax
These modular elements can be readily used and customized in every layout across pages.
For more detail see, Rellax Documentation
Javascript
<script src="assets/js/rellax.min.min.js"></script>Parallax Backgrounds
Image Background Parallax
<section class="overflow-hidden rounded">
<div class="bg-holder overlay overlay-2 parallax rounded" style="background-image:url(../assets/img/gallery/03-f.jpg);" data-rellax-percentage="0.5"></div>
<div class="text-center">
<h5 class="text-white">Image Background Parallax</h5>
</div>
</section>Video Background Parallax
Video Background Parallax
<section class="text-center py-8 overflow-hidden rounded" id="header-video">
<div class="bg-holder overlay overlay-2 parallax h-50vh rounded" style="background-image:url(../assets/img/headers/header-coming-soon.png);" data-rellax-percentage="0.8">
<video class="bg-video" autoplay="autoplay" loop="loop" muted="muted">
<source src="../assets/video/shoes.mp4" type="video/mp4">
</video>
</div>
<div class="container">
<h5 class="text-white">Video Background Parallax</h5>
</div>
</section>