logo
shape

Background

These modular elements can be readily used and customized in every layout across pages.

Image Background

Image Background

<div class="position-relative py-6 py-lg-8">
  <div class="bg-holder rounded-soft overlay overlay-0" style="background-image:url(../assets/img/gallery/2.jpg);">
  </div> <!--/.bg-holder-->
  <div class="position-relative text-center">
    <h4 class="text-white">Image Background</h4>
  </div>
</div>
Video Background

Video Background

<div class="position-relative">
  <div class="bg-holder rounded-soft" style="background-image:url(../assets/video/beach.jpg);">
    <video class="bg-video" autoplay="autoplay" loop="loop" muted="muted" playsinline="playsinline">
      <source src="../assets/video/bg-video.mp4" type="video/mp4" />
      <source src="../assets/video/bg-video.webm" type="video/webm" />
    </video>
  </div> <!--/.bg-holder-->
  <div class="position-relative vh-75 d-flex flex-center">
    <h4 class="text-white">Video Background</h4>
  </div>
</div>

Get latest news
in your box!

Get Special Offers & Deals. We Never Spam.

Made With By ThemeWagon