<!-- 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 space-4">
<div class="w-lg-50 mx-auto mb-5">
<h1 class="display-3 font-size-md-down-5 text-white font-weight-semi-bold">Handcrafted in London</h1>
</div>
<a class="js-go-to btn text-primary btn-white btn-wide transition-3d-hover" href="#"
data-target="#shopItemsContent"
data-type="static">
Shop Now
</a>
</div>
<!-- End Content -->
</div>
<!-- End Hero Section -->
<link rel="stylesheet" href="../../assets/vendor/dzsparallaxer/dzsparallaxer.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/dzsparallaxer/dzsparallaxer.js"></script>