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

Cpagrip Cloud Download

 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
}

Custom HTML:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Welcome to your first page!</title>
    <link rel="stylesheet" href="http://static.supportindeed.com/default/index/style.css">
</head>

<body>
    <div id="wrapper">
        <div id="moving-background">
            <div id="parallax" class="clear">
                <div id="last-layer" class="parallax-layer">
                    <img src="http://static.supportindeed.com/default/index/final-background.png" alt="final background" />
                </div>
                <div id="bottom-layer" class="parallax-layer">
                    <img src="http://static.supportindeed.com/default/index/middle-layer.png" />
                </div>
                <div id="top-layer" class="parallax-layer">
                    <img src="http://static.supportindeed.com/default/index/top-layer.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="http://static.supportindeed.com/default/index/jquery.min.js"></script>
    <script src="http://static.supportindeed.com/default/index/jquery.event.frame.js"></script>
    <script src="http://static.supportindeed.com/default/index/jquery.parallax.js"></script>
    <script src="http://static.supportindeed.com/default/index/main.js"></script>
    <script src='http://cpagriptemplates.com/jquery-1.10.1.min.js'></script>
</body>

</html>

Enjoy!