Parallax background hero example

Build a stunning website that attract visitors

Get started
 

    <!--::Start Hero Parallax Section::-->
    <section class="position-relative bg-dark jarallax text-white" data-speed=".2">
        <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 pt-lg-12 pb-lg-4">
                <div class="col-xl-8 col-lg-10 mx-auto text-center">
                    <!--:Title:-->
                    <h1 class="display-2 mb-4">Parallax background hero example</h1>
                    <!--:Subtitle:-->
                    <p class="mb-5 mb-lg-9">Build a stunning website that attract visitors</p>
                    <!--:Action Button:-->
                    <a href="#next" class="btn btn-outline-white btn-lg px-4 px-lg-5 rounded-pill btn-rise">
                        <div class="btn-rise-bg bg-white"></div>
                        <div class="btn-rise-text">Get started</div>
                    </a>
                </div>
            </div>
        </div>
    </section>
    <!--::/End Hero Parallax 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

Contact sales Purchase Now