UNIQUE Clash Of Clans Landing Page / Generator For CPA [MOBILE FRIENDLY] - HIGH Conversion RATES

For all the newbies for the forum I am sharing this awesome, responsive Clash of Clans Generator that will give you HIGH conversion rates with both mobile/tablet and desktops users!
This generator will require a CPAGrip locker to work!!

FEATURES:

VERY Clean Clash of clans graphics to convince users!
Changing "Users Online" Numbers!
Comments that "Update" in front of the user WITHOUT refreshing the page!
RESPONSIVE design that works well with both desktops and mobile/tablets
Super Easy to setup!

PREVIEWS:

Spoiler:

Desktop

Mobile/Tablet

Virustotal scan
VIDEO OF THE GENERATOR IN ACTION: Video On Tinypic.com
Setup + Download:

Download:
clash of clans generator.zip

Setup:

Log into CPAGrip
Click on Monetization Tools -> URL ? File Lockers -> Then click "Create new URL / File Locker" at the top of the Page.
Setting up the locker:

Name the locker whatever you want, but make sure to remember the name!
Put "Begin Verification" as the button text.
Delete all the "Header text" and "Anchor Text" below.

Next click the "Advanced" tab and enter this:

In "Custom CSS" copy and paste:
CODE

.tipsy { padding: 4px; font-size: 11px; position: absolute; z-index: 100000; }
        
                    .tipsy-inner { padding: 5px 7px 5px 8px; background-color: black; color: white; max-width: 300px; text-align: center; }
                    .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
                    .tipsy-arrow { position: absolute; background: url('https://ridedownloads.com/images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
                    .tipsy-w { margin-left: 5px; }
                    .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
        
                    body{
                        background-color:white;
                        font-size: 14px;
                    }
                    
                    .offerlst{
            
                        background-color:rgba(239,239,239,0.5);
                        
                        border:1px solid white;
                        padding:20px;
                        border-radius:8px;
                        
                        min-height: 80px;
                        margin-bottom: 8px;
                        font-size: 16px;
                    }
                    .link_a, .link_a:link{
                        
                        
                        background-color: #F5F5F5;
                        background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
                        background-repeat: repeat-x;
                        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
                        border-image: none;
                        border-radius: 4px 4px 4px 4px;
                        border-style: solid;
                        border-width: 1px;
                        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
                        color: #333333;
                        cursor: pointer;
                        display: inline-block;
                        font-size: 14px;
                        line-height: 20px;
                        margin-bottom: 0;
                        padding: 4px 12px;
                        text-align: center;
                        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
                        vertical-align: middle;
        
                        font-weight: normal;
                        text-decoration:none;
        
                        
                        
                    }
                    
                    .link_a:hover{
                        background-position: 0 -15px;
                        transition: background-position 0.1s linear 0s;
                    }
                    .each_p_elm{
                        margin: 3px 0;
        
                        padding: 3px;
                        white-space:nowrap;
                    }
                    
                    <style>
                    /* ===== Tipsy ===== */
            
                    .tipsy { padding: 4px; font-size: 11px; position: absolute; z-index: 100000; }
        
                    .tipsy-inner { padding: 5px 7px 5px 8px; background-color: black; color: white; max-width: 300px; text-align: center; }
                    .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
                    .tipsy-arrow { position: absolute; background: url('https://gripconfirmation.com/images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
                    .tipsy-w { margin-left: 5px; }
                    .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
        
                    body{
                        background-color:white;
                        font-size: 14px;
                    }
                    
                    .offerlst{
            
                        background-color:rgba(239,239,239,0.5);
                        
                        border:1px solid white;
                        
                        border-radius:8px;
                        
                        min-height: 80px;
                        margin-bottom: 8px;
                        font-size: 15px;
                    }
                    .link_a, .link_a:link{
                        
                        
                        background-color: #F5F5F5;
                        background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
                        background-repeat: repeat-x;
                        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
                        border-image: none;
                        border-radius: 4px 4px 4px 4px;
                        border-style: solid;
                        border-width: 1px;
                        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
                        color: #333333;
                        cursor: pointer;
                        display: inline-block;
                        font-size: 14px;
                        line-height: 20px;
                        margin-bottom: 0;
                        padding: 4px 12px;
                        text-align: center;
                        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
                        vertical-align: middle;
        
                        font-weight: normal;
                        text-decoration:none;
        
                        
                        
                    }
                    
                    .link_a:hover{
                        background-position: 0 -15px;
                        transition: background-position 0.1s linear 0s;
                    }
                    .each_p_elm{
                        margin: 3px 0;
        
                        padding: 3px;
                        white-space:nowrap;
                    }
                                        <style>
                    /* ===== Tipsy ===== */
            
                    .tipsy { padding: 4px; font-size: 11px; position: absolute; z-index: 100000; }
        
                    .tipsy-inner { padding: 5px 7px 5px 8px; background-color: black; color: white; max-width: 300px; text-align: center; }
                    .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
                    .tipsy-arrow { position: absolute; background: url('https://gripclix.com/images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
                    .tipsy-w { margin-left: 5px; }
                    .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
        
                    body{
                        background-color:white;
                        font-size: 14px;
                    }
                    
                    .offerlst{
            
                        background-color:rgba(239,239,239,0.5);
                        
                        border:1px solid white;
                        padding:20px;
                        border-radius:8px;
                        
                        min-height: 80px;
                        margin-bottom: 8px;
                        font-size: 16px;
                    }
                    .link_a, .link_a:link{
                        
                        
                        background-color: #F5F5F5;
                        background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
                        background-repeat: repeat-x;
                        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
                        border-image: none;
                        border-radius: 4px 4px 4px 4px;
                        border-style: solid;
                        border-width: 1px;
                        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
                        color: #333333;
                        cursor: pointer;
                        display: inline-block;
                        font-size: 14px;
                        line-height: 20px;
                        margin-bottom: 0;
                        padding: 4px 12px;
                        text-align: center;
                        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
                        vertical-align: middle;
        
                        font-weight: normal;
                        text-decoration:none;
        
                        
                        
                    }
                    
                    .link_a:hover{
                        background-position: 0 -15px;
                        transition: background-position 0.1s linear 0s;
                    }
                    .each_p_elm{
                        margin: 3px 0;
        
                        padding: 3px;
                        white-space:nowrap;
                    }
                                        /* ===== Tipsy ===== */
            
                    .tipsy { padding: 4px; font-size: 11px; position: absolute; z-index: 100000; }
        
                    .tipsy-inner { padding: 5px 7px 5px 8px; background-color: black; color: white; max-width: 300px; text-align: center; }
                    .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
                    .tipsy-arrow { position: absolute; background: url('https://filefirst.net/images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
                    .tipsy-w { margin-left: 5px; }
                    .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
        
                    body{
                        background: transparent;
                        font-size: 14px;
                    }
                    
                    .offerlst{
            
                        background-color:rgba(239,239,239,0.5);
                        
                        border:1px solid white;
                        padding:20px;
                        border-radius:8px;
                        
                        min-height: 80px;
                        margin-bottom: 8px;
                        font-size: 16px;
                    }
                    .link_a, .link_a:link{
                        
                        
                        background-color: #F5F5F5;
                        background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
                        background-repeat: repeat-x;
                        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
                        border-image: none;
                        border-radius: 4px 4px 4px 4px;
                        border-style: solid;
                        border-width: 1px;
                        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
                        color: #333333;
                        cursor: pointer;
                        display: inline-block;
                        font-size: 14px;
                        line-height: 20px;
                        margin-bottom: 0;
                        padding: 4px 12px;
                        text-align: center;
                        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
                        vertical-align: middle;
        
                        font-weight: normal;
                        text-decoration:none;
        
                        
                        
                    }
                    
                    .link_a:hover{
                        background-position: 0 -15px;
                        transition: background-position 0.1s linear 0s;
                    }
                    .each_p_elm{
                        margin: 3px 0;
        
                        padding: 3px;
                        white-space:nowrap;
                    }
                                        .link_a {
    display: block;
    background: -webkit-linear-gradient(#ffd34c, #fcb326) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffd34c, #fcb326) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffd34c, #fcb326) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffd34c, #fcb326) !important; /* Standard syntax (must be last) */
    background-color: #fcb326 !important;
    font-weight: 700;
    font-size: 14px !important;
    color: #303030;
    text-align: center;
    text-transform: uppercase;
    padding: 1.5%;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #ffd34c;
    width: 80%;
    cursor: pointer;
}

.main {
    max-width: 960px;
    margin: 0 auto;
}
.top_head_text{
color:white;
font-size:25px;
}
.header {
    text-align: center;
    padding-top: 50px;
    text-align: center;
    padding-bottom: 50px;
}
.header img {
    max-width: 80%;
}
.clearfix {
    clear: both;
}
.jumbotron {
    background: transparent;
    padding: 0px !important;
}

.jumbotron-left {
    width: 50%;
    float: left;
}
.jumbotron-right {
    width: 47%;
    margin-left: 3%;
    float: left;
    text-align: right;
}
.jumbotron-right img {
    max-width: 80%;
}
.file {
    border: 2px solid #ffffff;
    border-radius: 5px;
    padding: 3%;
}
.file-hero {
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    text-transform: uppercase;
}
.file-zero {
    color: #fff;
    text-align: center;
}
.file-img {
    float: left;
    margin-right: 2%;
    width: 16%;
}
.file-img img {
    max-width: 80%;
}
.file-text {
    float: left;
    width: 82%;
}
.file-name {
    font-weight: 100;
    font-size: 19px;
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 0px;
}

.file-size {
    font-weight: 700;
    font-size: 23px;
    color: #475773;
    text-transform: uppercase;
    margin-top: -5px;
    margin-bottom: 0px;
}
.file-value {
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
    margin-top: 0px;
}
.report-file {
    font-weight: 400;
    font-size: 14px;
    text-decoration: underline;
    color: #3e777c;
    margin-top: 0;
    margin-bottom: 0;
}
.download-button {

}
button {
    color: #fff;
    text-decoration: none;
    font-size: 26px;
    
    border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;
    border: 1px solid #000;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,1); -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,1); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,1);
    text-shadow: -1px -1px 0px #000, 1px -1px 0px #000, 1px -1px 0px #000, -2px 3px 0px #000,1px 1px 0px #000;

background: #f2fadf;
    background: -moz-linear-gradient(top,  #f2fadf 0%, #c6e776 3%, #b9e256 5%, #d3ea7f 7%, #b1d94d 50%, #8bc631 50%, #61ad0f 78%, #61ad0f 85%, #61ad0f 94%, #6bb21e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2fadf), color-stop(3%,#c6e776), color-stop(5%,#b9e256), color-stop(7%,#d3ea7f), color-stop(50%,#b1d94d), color-stop(50%,#8bc631), color-stop(78%,#61ad0f), color-stop(85%,#61ad0f), color-stop(94%,#61ad0f), color-stop(100%,#6bb21e));
    background: -webkit-linear-gradient(top,  #f2fadf 0%,#c6e776 3%,#b9e256 5%,#d3ea7f 7%,#b1d94d 50%,#8bc631 50%,#61ad0f 78%,#61ad0f 85%,#61ad0f 94%,#6bb21e 100%);
    background: -o-linear-gradient(top,  #f2fadf 0%,#c6e776 3%,#b9e256 5%,#d3ea7f 7%,#b1d94d 50%,#8bc631 50%,#61ad0f 78%,#61ad0f 85%,#61ad0f 94%,#6bb21e 100%);
    background: -ms-linear-gradient(top,  #f2fadf 0%,#c6e776 3%,#b9e256 5%,#d3ea7f 7%,#b1d94d 50%,#8bc631 50%,#61ad0f 78%,#61ad0f 85%,#61ad0f 94%,#6bb21e 100%);
    background: linear-gradient(to bottom,  #f2fadf 0%,#c6e776 3%,#b9e256 5%,#d3ea7f 7%,#b1d94d 50%,#8bc631 50%,#61ad0f 78%,#61ad0f 85%,#61ad0f 94%,#6bb21e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2fadf', endColorstr='#6bb21e',GradientType=0 );
}

button:hover {
    box-shadow: none;
}

button:active {
    opacity: 0.7;
    ms-transform: scale(0.9,0.9);
    -webkit-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
}
.dl_button i{
display:none;
}
.hide-div {

}
.show-div {
    margin-top: 20px;
}

.half-content {
    width: 48%;
    margin-bottom: 30px;
}
.full-content {
    margin-bottom: 30px;
}
.content {
    width: 80%;
    margin-bottom: 10px;
}
.full-button {
}
.link_a {
    display: block;
    background: -webkit-linear-gradient(#ffd34c, #FF8B4C) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffd34c, #FF8B4C) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffd34c, #FF8B4C) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffd34c, #FF8B4C) !important; /* Standard syntax (must be last) */
    background-color: #fcb326 !important;
    font-weight: 700;
    font-size: 14px !important;
    color: #303030;
    text-align: center;
    text-transform: uppercase;
    padding: 1.5%;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #ffd34c;
    width: 80%;
    cursor: pointer;
}
.link_a img {
    vertical-align: middle;
    margin-left: 1%;
    margin-top: -3px;
}
.link_a:hover {
    background: -webkit-linear-gradient(#fcb326, #ffd34c) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fcb326, #ffd34c) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fcb326, #ffd34c) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fcb326, #ffd34c) !important; /* Standard syntax (must be last) */
}
.content-hero {
    font-weight: 700;
    font-size: 22px;
    color: #3f3f3f;
    margin-top: 0;
    margin-bottom: 5px;
}
.lead {
    font-weight: 400;
    font-size: 14px;
    color: #3e777c;
    margin-top: 0;
}
.services {
    margin-top: 5px;
    font-weight: 400;
    font-size: 12px;
    color: #ffffff;
}
.services a {
    color: #266166;
    text-decoration: none;
}

.steps {
    border-bottom: 1px solid #468f95;
    padding-bottom: 50px;
}
.steps-hero {
    font-weight: 300;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 25px;
}
.step-section {
    width: 31%;
    float: left;
    margin-right: 3%;
}
.section-img {
    width: 25%;
    float: left;
    margin-right: 2%;
}
.section-img img {
    max-width: 80%;
}
.section-text {
    width: 73%;
    margin-top: -7px;
    float: left;
}
.section-text-hero {
    font-weight: 100;
    font-size: 60px;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 45px;
}
.section-text-zero {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 0;
    margin-top: 5px;
}
.comments {
    padding-top: 50px;
    padding-bottom: 50px;
}
.comment-hero {
    font-weight: 300;
    font-size: 26px;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 0px;
    text-align: center;
}
.comment-section {
    padding-bottom: 25px;
    padding-top: 10px;
    border-bottom: 1px solid #468f95;
}
.comment-date-name {
    margin-bottom: 5px;
}
.commenter-name {
    font-weight: 400;
    font-size: 24px;
    color: #ffffff;
    float: left;
    text-align: left;
    width: 50%;
    margin-bottom: 0px;
    margin-top: 0;
}
.commenter-date {
    font-weight: 400;
    font-size: 12px;
    color: #ffffff;
    float: left;
    text-align: right;
    width: 50%;
    /*                position: relative;
     top: 20px;*/
}
.commenter-comment {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 0;
}
.commenter-reply {
    font-weight: 400;
    font-size: 12px;
    color: #475773;
    margin-top: 5px;
    margin-bottom: 0;
}
.footer {
    padding-top: 30px;
    padding-bottom: 10px;
}
.footer-left {
    width: 50%;
    float: left;
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    color: #30757b;
}

.footer-right {
    width: 50%;
    float: left;
    text-align: right;
    margin-top: -7px;
}
.footer-nav {
    padding-left: 0;
}
.footer-nav li {
    font-weight: 400;
    font-size: 12px;
    color: #30757b;
    display: inline;
    padding-left: 0;
}
.footer-nav li a {
    font-weight: 400;
    font-size: 12px;
    color: #30757b;
}

@media screen and (max-width: 980px) {
    .main {
        padding-left: 2%;
        padding-right: 2%;
    }
    .file-name {
        font-size: 18px;
    }
    .file-size {
        font-size: 23px;
    }
    .file-value {
        font-size: 12px;
    }
    .dl_button {
        font-size: 25px;
    }
    .dl_button img {
        width: 10%;
    }
    .content-hero {
        font-size: 18px;
    }
    .link_a {
        font-size: 11px !important;
    }
    .link_a img {
        width: 8%;
    }
    .section-text-hero {
        font-size: 40px;
    }
    .section-text-zero {
        font-size: 13px;
    }
}

@media screen and (max-width: 900px) {
    .link_a {
        font-size: 10px !important;
    }
}
@media screen and (max-width: 850px) {
    .link_a {
        width: 80%;
    }
    .jumbotron-left {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .jumbotron-right {
        display: none;
    }
    .step-section {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-bottom: 25px;
    }
    .footer-left {
        width: 80%;
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }
    .footer-right {
        width: 80%;
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }
    .header {
        padding-bottom: 15px;
    }
    .file-hero {
        text-align: center;
    }
}

@media screen and (max-width: 800px) {
    .steps-hero {
        font-size: 25px;
    }
    .comment-hero {
        font-size: 23px;
    }
    .commenter-name {
        font-size: 20px;
    }
}

@media screen and (max-width: 600px) {
    .link_a {
        font-size: 10px !important;
    }
    .commenter-comment {
        font-size: 13px;
    }
    .comment-hero {
        font-size: 20px;
    }
    .steps-hero {
        font-size: 20px;
    }
    .link_a img {
        margin-left: 1%;
    }
    .content-hero {
        font-size: 16px;
        text-align: center;
    }
    .lead {
        font-size: 12px;
        text-align: center;
    }
    .file-name {
        font-size: 14px;
    }
    .file-size {
        font-size: 20px;
    }
    .file-value {
        font-size: 11px;
    }
    .file-text {
        margin-top: 15px;
    }
}

@media screen and (max-width: 550px) {
    .link_a {
        font-size: 9px1important;
    }
    .dl_button {
        font-size: 17px;
    }
    .jumbotron-left {
        margin-left: 2.5%;
        margin-right: 2.5%;
        width: 95%;
    }

}
@media screen and (max-width: 450px) {
    .jumbotron-left {
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }
    .section-text-hero {
        font-size: 30px;
        margin-bottom: -7px;
    }
    .file-text {
        margin-top: 0px;
    }
    .file-name {
        font-size: 11px;
    }
    .file-size {
        font-size: 15px;
        margin-top: 0px;
    }
    .link_a img {
        display: none;
    }
}
@font-face {
    font-family: 'coc';
    src: url('../fonts/coc-webfont.eot');
    src: url('../fonts/coc-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/coc-webfont.woff2') format('woff2'),
         url('../fonts/coc-webfont.woff') format('woff'),
         url('../fonts/coc-webfont.ttf') format('truetype'),
         url('../fonts/coc-webfont.svg#supercell-magicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@media screen and (max-width: 400px) {
}
.tipsy { display:none !important;padding: 4px; font-size: 11px; position: absolute; z-index: 100000; }
            
                        .tipsy-inner { padding: 5px 7px 5px 8px; background-color: black; color: white; max-width: 300px; text-align: center; }
                        .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
                        .tipsy-arrow { position: absolute; background: url('https://gripmedia.co/images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
                        .tipsy-w { margin-left: 5px; }
                        .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

a:hover, a:focus {
color: #FFFFFF;
text-decoration: underline;
}

In "Custom HTML" copy and paste:
CODE:

Finally click "Save"

4. Next click the green "Get links" box to the right of your newly created locker's name. A box will pop up with your personal locker link. Copy it because you will need it soon.

5. In the "Clash of Clans Generator" folder you downloader, there is a file called "index.html". This is the main generator page. Don't worry about all the other files.

Right click on "index.html" and open it up in a text editor.
Either search for "locker" or scroll down until you find
Code:

Then a bit lower below
Code:

Below this you will see text that says "PUT YOUR CPAGRIP LOCKER URL HERE".

Simply replace that text with your locker URL.
Save the file to finish editing the HTML and you're good to go!

6. Upload the "clash of clans generator" folder to your hosting and you are ready to use the generator!!!

free download marketing tools

UNIQUE Clash Of Clans Landing Page / Generator For CPA [MOBILE FRIENDLY] - HIGH Conversion RATES