Parallax

The parallax scrolling effect can be activated in the Page Header by simple putting data-parallax="true" , like in the below code. If you want to deactivate parallax, you have to change true value with false.

Beautiful Gallery

Spend your time generating new ideas. You don't have to think of implementing.

New Ideas

Larger, yet dramatically thinner. More powerful, but remarkably power efficient.

Statistics

Choose from a veriety of many colors resembling sugar paper pastels.

Delightful design

Find unique and handmade delightful designs related items directly from our sellers.

<div class="page-header" data-parallax="true" style="background-image: url('../../../assets/img/sections/david-marcu.jpg');">
    <div class="filter"></div>
      <div class="content-center">
        <div class="container">
                <div class="motto">
                    <h1 class="title">Example page</h1>
                    <h3 class="description">Start designing your page w/ parallax</h3>
                    <br />
                    <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" rel="nofollow" class="btn btn-neutral btn-round"><i class="fa fa-play"></i>Watch video</a>
                    <button type="button" class="btn btn-outline-neutral btn-round">Download</button>
                </div>
            </div>
      </div>
    </div>
    <div class="wrapper">
    <div class="section text-center landing-section">
      <div class="row">
        <div class="col-md-3">
          <div class="info">
            <div class="icon icon-danger">
              <i class="nc-icon nc-palette"></i>
            </div>
            <div class="description">
              <h4 class="info-title">Beautiful Gallery</h4>
              <p class="description">Spend your time generating new ideas. You don't have to think of implementing.</p>
              <a href="#pkp" class="btn btn-link btn-danger">See more</a>
            </div>
          </div>
        </div>
        <div class="col-md-3">
          <div class="info">
            <div class="icon icon-danger">
              <i class="nc-icon nc-bulb-63"></i>
            </div>
            <div class="description">
              <h4 class="info-title">New Ideas</h4>
              <p>Larger, yet dramatically thinner. More powerful, but remarkably power efficient.</p>
              <a href="#pkp" class="btn btn-link btn-danger">See more</a>
            </div>
          </div>
        </div>
        <div class="col-md-3">
          <div class="info">
            <div class="icon icon-danger">
              <i class="nc-icon nc-chart-bar-32"></i>
            </div>
            <div class="description">
              <h4 class="info-title">Statistics</h4>
              <p>Choose from a veriety of many colors resembling sugar paper pastels.</p>
              <a href="#pkp" class="btn btn-link btn-danger">See more</a>
            </div>
          </div>
        </div>
        <div class="col-md-3">
          <div class="info">
            <div class="icon icon-danger">
              <i class="nc-icon nc-sun-fog-29"></i>
            </div>
            <div class="description">
              <h4 class="info-title">Delightful design</h4>
              <p>Find unique and handmade delightful designs related items directly from our sellers.</p>
              <a href="#pkp" class="btn btn-link btn-danger">See more</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>