Handcrafted in London

Shop Now

HTML:

          
            <!-- Hero Section -->
            <div class="dzsparallaxer auto-init height-is-based-on-content use-loading mode-scroll" data-options='{direction: "normal"}'>
              <!-- Apply your Parallax background image here -->
              <div class="divimage dzsparallaxer--target" style="height: 130%; background-image: url(../../assets/img/1920x1080/img31.jpg);"></div>

              <!-- Content -->
              <div class="container text-center u-space-4">
                <div class="w-lg-50 mx-auto mb-5">
                  <h1 class="display-3 font-size-48--md-down text-white font-weight-bold">Handcrafted in London</h1>
                </div>

                <a class="js-go-to btn text-primary u-btn-white u-btn-wide transition-3d-hover" href="#"
                   data-target="#shopItemsContent"
                   data-type="static">
                  Shop Now
                </a>
              </div>
              <!-- End Content -->
            </div>
            <!-- End Hero Section -->
          
        

CSS library:

        
          <link rel="stylesheet" href="assets/vendor/dzsparallaxer/dzsparallaxer.css">
        
      

JS library and initialization:

        
          <!-- JS Implementing Plugins -->
          <script src="assets/vendor/dzsparallaxer/dzsparallaxer.js"></script>