CPAElites is for sale! As a result of the 2 months CEO absence: Please click [here] to read more!


Niche and Landing Page for CPAGrip
2015-07-31, 06:31 PM, (This post was last modified: 2015-07-31, 06:54 PM by Grapes.)
#1
Was working on this but didn't get time to promote this well so sharing it with you guys :

The niche is :

[hide]
Code:
Call of Duty Black Ops 3 BETA
[/hide]

Preview of the LP
[hide][Image: fr4iEeW.gif][/hide]

Code to be used in CPAGrip :
CSS:
[hide]
Code:
body {
margin: 0;
background: url(http://i.imgur.com/NDs7wIx.jpg)
no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
color:#fff
}

.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

@media (max-width: 767px) {
  .fullscreen-bg {
    background: url('http://i.imgur.com/NDs7wIx.jpg') center center / cover no-repeat;
  }

  .fullscreen-bg__video {
    display: none;
  }
}

.dl_button {
background-color: rgba(30, 87, 153, 0);
border-color: 1px solid #F60;
}

.dl_button:hover {
background-color: #f36d21;
border-color: 1px solid #F60;
}

.head_bar{
background: rgba(0, 0, 0, 0.07) none repeat scroll 0% 0%;
box-shadow: #888888;
}

.head_holder{
max-width:900px;
margin: 0 auto;
font-size:25px;
color:white;
padding:5px;
}

.content{
max-width:900px;
margin: 20px auto 5px;
background-color: rgba(245, 245, 245, 0);
    
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
padding:20px;
}

.offerlst{
background-color: rgba(239, 239, 239, 0);
border: 1px;
border-radius: 1px 1px 2px rgba(128, 128, 128, 0);
box-shadow: 1px 1px 2px rgba(128, 128, 128, 0);
    margin-bottom: 20px;
    min-height: 20px;
    padding: 20px;
}
#left-table{
float:left;
}
#right-table{
float:right;
}
.progress{
margin-bottom: 0px;
}
.waitingScan{
font-size:10px;
}
.progress-bar{
padding: 1px 0 0 3px;
}
.foundNothing{
padding: 5px;
}
[/hide]

HTML:
[hide]
Code:
<script type="text/javascript">
    function randomFromTo(from, to) {
        var numb = Math.floor(Math.random() * (to - from + 1) + from);
        return numb;
    }

    var totalScans, totalDone;
    function start() {
        var targetDOM = $('.scanStatus');

        totalDone = 0;
        totalScans = targetDOM.length;
        targetDOM.each(function() {
            preformScan($(this));
        });
    }

    function preformScan(dom) {
        var state = dom.attr("state");
        var rand = randomFromTo(1, 100);
        if (state == "waitingScan") {
            if (rand > 73) {
                var progressDiv = dom.find(".progress");
                dom.find(".waitingScan").css('display', 'none');
                progressDiv.find('.progress-bar').text("Analysing...");
                progressDiv.css('display', 'block');
                dom.attr("state", "progress");
            }
        } else if (state == "progress") {
            if (rand > 55) {
                var progressBar = dom.find(".progress-bar");
                var progressVal = parseInt(progressBar.attr("data-percentage"));
                var increase = 0;
                if (100 - progressVal < 9)
                    increase = 100 - progressVal;
                else
                    increase = randomFromTo(1, 8);

                var newVal = increase + progressVal;
                progressBar.width(newVal);
                progressBar.attr("data-percentage", newVal);
                if (newVal >= 100) {
                    dom.find(".progress").css('display', 'none');
                    dom.find(".foundNothing").css('display', 'block');
                    dom.attr("state", "foundNothing");
                }
            }

        } else if (state == "foundNothing") {
            dom.attr("state", "complete");
            totalDone++;
            if (totalDone >= totalScans)
                scansComplete();
        }
        if (state != "complete")
            setTimeout(function() {
                preformScan(dom)
            }, randomFromTo(150, 300));
    }

    function scansComplete() {
        //$("#status").html('<strong><span class="badge badge-success">0</span> viruses found.')
    }

    $(function() {
        start();
    });
</script>
<div class="fullscreen-bg">
    <video loop muted autoplay poster="http://i.imgur.com/NDs7wIx.jpg" class="fullscreen-bg__video">
        <source src="https://www.callofduty.com/cdn/videos/BO3-Reveal.webm" type="video/webm">
    </video>
</div>

<div class="content">
    <div style="padding:20px;">
        <table width="100%">
            <tr valign="top">
                                
<br/>
<br/>
<br/>
<br/>
<br/>
<center><div id="txtheader">
                    {%header_text%}
                </div></center>
                <br/>
<br/>
<br/>
<br/>
                <div class="offerlst">
                    {%offers%}
                </div>
<br/>
<br/>
<br/>
<br/>
                <div id="smallTitle">
                    <center>{%anchor_text%}</center>
                </div></td>
        <div style="clear:both;"></div>
</div>
[/hide]

Header Text :
[hide]
Code:
<div style="text-align: center;"><img style="width: 614px; height: 152px;" src="http://i.imgur.com/hi4JqB2.png"></div><div style="text-align: center;"><br></div><div style="text-align: center;"><br></div><div style="text-align: center;"><br></div><div style="text-align: center;"><br></div><div style="text-align: center;"><img src="http://i.imgur.com/QiHkk6k.jpg"></div>
[/hide]

I hope you like my work and it comes handy for you. Smile

[Image: adludum_banner5.jpg]
Reply
2015-07-31, 06:41 PM,
#2
Good job bro. You're the one who code this?
Reply
2015-07-31, 06:53 PM,
#3
Thanks, I just modified one of the LP's from CPAGrip.

[Image: adludum_banner5.jpg]
Reply
2015-08-01, 09:30 AM,
#4
OMG,,, Loved,,,,, Thanks
I will try,,,
Reply
2015-08-01, 10:13 AM,
#5
NIce job here.Thanks for share
Reply
2015-08-01, 01:50 PM,
#6
Thanks for this awesome share. Works like a charm ;)
Reply
2015-08-01, 05:50 PM, (This post was last modified: 2015-08-01, 06:36 PM by abaddon013.)
#7
Where do you put the header code?

Edit - saw it. Thanks.
Reply
2015-08-01, 06:57 PM, (This post was last modified: 2015-08-01, 07:18 PM by davedeman.)
#8
For some reason it doesnt work for me, I just get the background video but nothing else.
Help is appeciated!

EDIT: Nevermind got it to work, thanks
Reply
2015-08-02, 01:59 PM,
#9
Nice share mate. Thank you so much

Working on CPAgrip + Instagram = $$$
Reply
2015-08-02, 04:06 PM,
#10
Thanks I'll set it up today...

[Image: greenvps1.jpg]
Reply


Related Threads
Thread Author Replies Views Last Post
  Landing Pages Giveaway [CPA] FK_ 25 4,928 2020-09-17, 03:20 AM
Last Post: pyrokar
  274 H@ck Niche Pack - if anyone need CristianDIOR 19 4,748 2020-09-06, 09:32 PM
Last Post: rexstacy
  [Download] Awesome Blogspot Landing Pages Jaxxon 63 16,205 2020-08-24, 09:48 AM
Last Post: harley911
  [Tutorial] How to make money using Instagram + CPAgrip manjeet036 284 138,477 2020-08-18, 02:02 PM
Last Post: max2arab
  {Get} Viral CPA Script (built in Referral system and Locker) cashhacker 104 27,328 2020-07-29, 07:04 PM
Last Post: schausnegl





About Us | Contact Us | CPAElites | Advertise | Stats

Copyright © 2013 - 2020 by (company to be announced later)
Temporarily (!) powered by MyBB, fixed (repaired) and enhanced by Charlie Harper (GitHub) aka Charles Francis Harper (Wikipedia)
Return to top
This forum uses Lukasz Tkacz MyBB addons.