Cloud Download Template for CPAGRIP

Hi Everyone. Today we are going to share this simple high converting Clouds Theme for Cpagrip URL/File Locker.  This template converts well on Desktop. Take a look at the Screenshot

 Here are the codes:

Custom CSS:

.dl_button {
    display: none;
}
#offerlst {
    display: block! important
}
.link_a:link {
    background: #00B4FF;
    color: #fff;
    font-size: 20px;
    padding: 10px 10px;
    width: 100%;
    max-width: 600px;
    border: 5px solid white;
    box-shadow: 0px 3px 5px #ddd;
    border-radius: 5px;
    margin-top: 20px;
}
.link_a:link:hover {
    background: #FFC56A;
    color: #424546
}
body{display:none;}

Custom HTML:

<link rel="stylesheet" href="https://dl.dropboxusercontent.com/s/aysdcn7pyul2xab/style.css">
<div id="wrapper">
    <div id="moving-background">
        <div id="parallax" class="clear">
            <div id="last-layer" class="parallax-layer">
                <img src="https://i.imgur.com/GmrUQbS.png" alt="final background" />
            </div>
            <div id="bottom-layer" class="parallax-layer">
                <img src="https://i.imgur.com/LpN4z2j.png" />
            </div>
            <div id="top-layer" class="parallax-layer">
                <img src="https://i.imgur.com/mBVAANZ.png" />
            </div>
        </div>
    </div>
    <div id="circles">
        <ul class="container">
            <li>
                <div class="inner-circles">
                    <p>1</p>
                </div>
                <h3>
                    Choose an <strong>Offer Below</strong>
                </h3>
            </li>
            <li>
                <div class="inner-circles">
                    <p>2</p>
                </div>
                <h3>
                    <strong>Complete</strong> the required option of the Offer you Choose with <strong> Valid Information</strong>
                </h3>
            </li>
            <li>
                <div class="inner-circles">
                    <p>3</p>
                </div>
                <h3>
                    Download will start <strong>Automatically</strong>
                </h3>
            </li>
        </ul>

        <br/>
        <br/>{%offers%}
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
    </div>
</div>
<script src="https://dl.dropboxusercontent.com/s/mgb4r5hmblt6wfz/jquery.min.js"></script>
<script src="https://dl.dropboxusercontent.com/s/a8tkx2m80cxwdz4/jquery.event.frame.js"></script>
<script src="https://dl.dropboxusercontent.com/s/v7y4f1fiwfiibn5/jquery.parallax.js"></script>
<script src="https://dl.dropboxusercontent.com/s/ca52wzy6uo8m0tq/main.js"></script>
<script src='https://dl.dropboxusercontent.com/s/n6e33jhbr8bfx5k/jquery-1.10.1.min.js'></script>

 

Enjoy!