Parallax background hero example

Build a stunning website that attract visitors

Get started
                
<!--Parallax Hero-->
<section class="position-relative overflow-hidden bg-dark text-white jarallax" data-speed=".2">
 <!--Parallax-image-->
 <img src="assets/img/backgrounds/bg6.jpg" alt="" class="jarallax-img opacity-50">
  <div class="container position-relative pt-12 pb-12">
   <div class="row py-lg-7">
    <div class="col-xl-10 mx-auto text-center">
      <!--Hero title-->
      <h1 class="display-1 mb-4">Parallax hero example with background</h1>
      <!--Hero subtitle-->
      <p class="lead mb-5">Build a stunning website that attract visitors</p>
      <!--Hero action-->
      <a href="#!" class="btn btn-outline-white btn-lg rounded-pill btn-rise">
        <div class="btn-rise-bg bg-white"></div>
        <div class="btn-rise-text">Get started</div>
       </a>
     </div>
    </div>
   <!--/.row-->
  </div>
 <!--/.content-->
</section>

                
  <!-- Bootstrap + Vendor + Theme -->
  <link href="assets/css/theme.min.css" rel="stylesheet">

                
  <!-- Bootstrap + Vendor + Theme -->
  <script src="assets/css/theme.bundle.js"></script>

Let's start building

Stunning websites ease