Paper – Certy HTML

Paper Layers #

paper one layer

paper two layer

paper three layer

To change paper layers count just use appropriate class on the html tag:

<html class="crt-layers-1 ..."> <!-- one layer -->
<html class="crt-layers-2 ..."> <!-- two layers -->
<html class="crt-layers-3 ..."> <!-- three layers -->

Papers In Page #

In the every page you can have one or more papers.

paper one

paper multiple

<!-- One Paper Markup -->
<div class="crt-paper-layers">
    <div class="crt-paper clearfix">
        <div class="crt-paper-cont clear-mrg">
            [HTML CONTENT]
        </div>
    </div>
</div>


<!-- Multiple Papers Markup just repeat one paper markup after each other ) -->
<div class="crt-paper-layers">
    <div class="crt-paper clearfix">
        <div class="crt-paper-cont clear-mrg">
            [HTML CONTENT]
        </div>
    </div>
</div>

<div class="crt-paper-layers">
    <div class="crt-paper clearfix">
        <div class="crt-paper-cont clear-mrg">
            [HTML CONTENT]
        </div>
    </div>
</div>

...

Paper Animation #

To animate paper on window scroll just add .crt-animate class.

<div class="crt-paper-layers crt-animate">
    <div class="crt-paper clearfix">
        <div class="crt-paper-cont clear-mrg">
            [HTML CONTENT]
        </div>
    </div>
</div>

Paper Padding #

To add much space from paper top and bottom use .paper-padd class.

<div class="crt-paper-layers">
    <div class="crt-paper clearfix">
        <div class="crt-paper-cont paper-padd clear-mrg">
            [HTML CONTENT]
        </div>
    </div>
</div>