Background Image

Parallax Background

Lorem ipsum dolor sit amet...


<div class="bg-image parallax-bg" data-bg-src="../assets/images/background.jpg">
  <div class="bg-dark-02 p-5">
    <p>Lorem ipsum dolor sit amet...</p>
  </div>
</div>

Gradient Background

Lorem ipsum dolor sit amet...


<div class="bg-image bg-image-gradient" data-bg-src="../assets/images/background.jpg">
  <div class="bg-white-06 p-5">
    <p>Lorem ipsum dolor sit amet...</p>
  </div>
</div>

Lorem ipsum dolor sit amet...


<div class="bg-image bg-image-gradient-reverse" data-bg-src="../assets/images/background.jpg">
  <div class="bg-white-06 p-5">
    <p>Lorem ipsum dolor sit amet...</p>
  </div>
</div>

Lorem ipsum dolor sit amet...


<div class="bg-image bg-image-gradient-dark" data-bg-src="../assets/images/background.jpg">
  <div class="bg-dark-06 p-5">
    <p>Lorem ipsum dolor sit amet...</p>
  </div>
</div>

Lorem ipsum dolor sit amet...


<div class="bg-image bg-image-gradient-dark-reverse" data-bg-src="../assets/images/background.jpg">
  <div class="bg-dark-06 p-5">
    <p>Lorem ipsum dolor sit amet...</p>
  </div>
</div>

© 2024 FlaTheme, All Rights Reserved.