Equalizer

Add the attribute data-equalizer to the container and data-equalizer-element to each element.
If you want to use more equalizer you can specify a name for each by using data-equalizer="main" and data-equalizer-element="main".
Adding data-equalizer-enable="md" or data-equalizer-enable="sm" to the data-equalizer will enable the equalizer only for wider screens.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Show Code

<div class="row" data-equalizer>
  <div class="col-md-4">
    <div class="panel" data-equalizer-element>
      ...
    </div>
  </div>
  <div class="col-md-4">
    <div class="panel" data-equalizer-element>
      ...
    </div>
  </div>
  <div class="col-md-4">
    <div class="panel" data-equalizer-element>
      ...
    </div>
  </div>
</div>

<div class="row" data-equalizer="main" data-equalizer-disable="sm">
  <div class="col-md-4">
    <div class="panel" data-equalizer-element="main">
      ...
    </div>
  </div>
  <div class="col-md-4">
    <div class="panel" data-equalizer-element="main">
      ...
    </div>
  </div>
  <div class="col-md-4">
    <div class="panel" data-equalizer-element="main">
      ...
    </div>
  </div>
</div>

Parallax Image

Pando Parallax

Parallax Styles

Show Code

<style>
  .parallax-demo {
    background-image: url('...');
    padding: 80px 0;
    color: #fff;
  }
</style>

<script>
  parallax(document.querySelector('.parallax-demo'));
</script>

<div class="parallax parallax-demo text-center mb-3">
  <h1>Pando Parallax</h1>
  <p class="lead">Parallax Styles</p>
</div>