cpagrip template: Cloud Download Template for CPAGRIP

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;
}
.important {
 width: 100%;
 height: 100%;
 background: #fff;
 position: fixed;
 top: 0px;
 left: 0px;
 z-index: 99999
}
#offerlst {
    display: block! important
}
.content {
 width: 100%;
 height: 100%;
 background: #fff;
 position: fixed;
 top: 0px;
 left: 0px;
 z-index: 99999
}
.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">
                  <div class="content"></div>
                    <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 class="important"></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.12.0.min.js'></script>
</body>
</html>

Enjoy!

cpagrip template

Cloud Download Template for CPAGRIP

1 comments:

Post a Comment

Blog Archive