Favorable Blogs

Presented by the Front's most generous community of bloggers

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/1920x800/img5.jpg);"></div>

              <!-- Content -->
              <div class="container u-space-3">
                <div class="text-center w-lg-80 mx-auto">
                  <h1 class="text-white display-1 font-size-48--md-down font-weight-bold">Favorable Blogs</h1>
                </div>

                <div class="text-center w-lg-40 mx-auto">
                  <p class="lead u-text-light">Presented by the Front's most generous community of bloggers</p>
                </div>
              </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>