<!-- Page Title -->
<section class="dzsparallaxer auto-init height-is-based-on-content use-loading mode-scroll loaded dzsprx-readyall g-overflow-hidden" data-options="{direction: 'reverse', settings_mode_oneelement_max_offset: '150'}">
  <!-- Parallax Image -->
  <div style="height: 200%; background-image: url({{ root }}assets/img/bg/pattern6-2.png); transform: translate3d(0px, -210.955px, 0px);" class="divimage dzsparallaxer--target w-100 g-bg-repeat g-bg-gray-light-v4"></div>
  <!-- End Parallax Image -->

  <div class="container g-z-index-1 g-py-100">
    <h1 class="g-font-weight-300 g-letter-spacing-1 g-mb-15">{{ title }}</h1>

    <div class="lead g-font-weight-400 g-line-height-2 g-letter-spacing-0_5">
      <p class="mb-0">Block Components are usually collection of Base Components with/without the Global Classes.<br> These Components can be easily used and customized in any pages. Build websites like a Lego!</p>
    </div>
  </div>
</section>
<!-- End Page Title -->