Online Generator Template for CPAGRIP #3

CUSTOM CSS

body{background: #000 url(https://i.imgur.com/Sm9FyyR.jpg) no-repeat;background-position: 50% 50%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment: fixed;overflow-y: scroll;overflow-x: hidden;padding: 10px}#content-wrapper{max-width: 700px;min-height: 300px;margin: 0px auto;border-radius: 20px;border: 0px solid black}h1{font-family: 'Black Ops One', cursive;margin: 0px;font-size: 25px}h2{font-family: 'Hind', sans-serif;margin: 5px 0px;font-size: 14px;font-weight: bold;letter-spacing: 0px}h3{font-family: 'Black Ops One', cursive;margin: 0px;font-size: 20px}h4{font-family: 'Hind', sans-serif;margin: 10px 0px!important;font-size: 14px;color: #444}p{font-family: 'Hind', sans-serif;margin: 0px;font-size: 18px}#resource{font-family: 'Hind', sans-serif;margin: 0px;font-size: 18px}#head{background: rgba(94, 106, 135, 1);background: -moz-linear-gradient(top, rgba(94, 106, 135, 1) 0%, rgba(63, 76, 107, 1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(94, 106, 135, 1)), color-stop(100%, rgba(63, 76, 107, 1)));background: -webkit-linear-gradient(top, rgba(94, 106, 135, 1) 0%, rgba(63, 76, 107, 1) 100%);background: -o-linear-gradient(top, rgba(94, 106, 135, 1) 0%, rgba(63, 76, 107, 1) 100%);background: -ms-linear-gradient(top, rgba(94, 106, 135, 1) 0%, rgba(63, 76, 107, 1) 100%);background: linear-gradient(to bottom, rgba(94, 106, 135, 1) 0%, rgba(63, 76, 107, 1) 100%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5e6a87', endColorstr='#3f4c6b', GradientType=0);border: 3px solid black;border-bottom: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;color: #fff;padding: 30px 10px}#sub-head{color: E29090}#banner{width: 100%;max-width: 600px}#content{padding: 20px;background: white;border: 3px solid black;border-top: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;color: #777;margin-bottom: 50px}.glyphicon{padding: 10px;top: 2px;position: relative}#user{}#user-connect{background: rgba(94, 106, 135, 1);background: -moz-linear-gradient(top, rgba(94, 106, 135, 1) 0%, rgba(63, 76, 107, 1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(94, 106, 135, 1)), color-stop(100%, rgba(63, 76, 107, 1)));background: -webkit-linear-gradient(top, rgba(94, 106, 135, 1) 0%, rgba(63, 76, 107, 1) 100%);background: -o-linear-gradient(top, rgba(94, 106, 135, 1) 0%, rgba(63, 76, 107, 1) 100%);background: -ms-linear-gradient(top, rgba(94, 106, 135, 1) 0%, rgba(63, 76, 107, 1) 100%);background: linear-gradient(to bottom, rgba(94, 106, 135, 1) 0%, rgba(63, 76, 107, 1) 100%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5e6a87', endColorstr='#3f4c6b', GradientType=0);border: 1px solid #394561;width: 200px;font-family: 'Oswald', sans-serif;margin: 0px;font-size: 16px;letter-spacing: 0px;padding: 10px 3px;border-radius: 0px;color: #FFF;float: right}#user-connect:hover{background: rgba(85, 96, 122, 1);background: -moz-linear-gradient(top, rgba(85, 96, 122, 1) 0%, rgba(57, 69, 97, 1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(85, 96, 122, 1)), color-stop(100%, rgba(57, 69, 97, 1)));background: -webkit-linear-gradient(top, rgba(85, 96, 122, 1) 0%, rgba(57, 69, 97, 1) 100%);background: -o-linear-gradient(top, rgba(85, 96, 122, 1) 0%, rgba(57, 69, 97, 1) 100%);background: -ms-linear-gradient(top, rgba(85, 96, 122, 1) 0%, rgba(57, 69, 97, 1) 100%);background: linear-gradient(to bottom, rgba(85, 96, 122, 1) 0%, rgba(57, 69, 97, 1) 100%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#55607a', endColorstr='#394561', GradientType=0)}#user-generate{background: rgba(73, 155, 234, 1);background: -moz-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73, 155, 234, 1)), color-stop(100%, rgba(32, 124, 229, 1)));background: -webkit-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%);background: -o-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%);background: -ms-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%);background: linear-gradient(to bottom, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0);border: 1px solid #247FE5;width: 100%;font-family: 'Oswald', sans-serif;margin: 0px;font-size: 20px;font-weight: bold;letter-spacing: 0px;padding: 10px;border-radius: 5px;color: #000}#user-connect:focus{outline: 0}.resource{padding-left: 35px;background-size: 25px 25px;padding-top: 5px}#locker{width: 100%;height: 100%;position: fixed;left: 0px;top: 0px;padding: 20px;background-color: rgba(0, 0, 0, 0.8);background: rgba(0, 0, 0, 0.8);color: rgba(0, 0, 0, 0.8);z-index: 100;display: none}#convert{width: 100%;height: 100%;position: fixed;left: 0px;top: 0px;padding: 20px;background-color: rgba(0, 0, 0, 0.8);background: rgba(0, 0, 0, 0.8);color: rgba(0, 0, 0, 0.8);z-index: 100;display: none}#user-process{width: 100%;height: 100%;position: fixed;left: 0px;top: 0px;padding: 20px;background-color: rgba(0, 0, 0, 0.8);background: rgba(0, 0, 0, 0.8);color: rgba(0, 0, 0, 0.8);z-index: 100;display: none}#hidden-box{margin: 0px auto;max-width: 600px;min-height: 200px;background: white;padding: 20px;margin-top: 10%;border-radius: 10px}#box{margin: 0px auto;max-width: 400px;min-height: 200px;background: white;padding: 20px;margin-top: 10%;border-radius: 10px}#user-box{margin: 0px auto;max-width: 600px;min-height: 200px;background: white;padding: 20px;margin-top: 10%;border-radius: 10px}#human-verify{background: black;color: #F06306;padding: 10px;border-radius: 10px}#verify{background: black;border: 0px;border-radius: 5px;color: #fff;font-size: 20px;max-width: 300px;width: 100%;padding: 25px 0px}.dl_button{display: none}.link_a:link{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left}#process{overflow-x: hidden;overflow-y: hidden;font-size: 16px;font-family: Times New Roman;color: #fff;padding: 0px 10px;height: 200px;background: rgba(71, 68, 71, 1);background: -moz-linear-gradient(top, rgba(71, 68, 71, 1) 0%, rgba(0, 0, 0, 1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71, 68, 71, 1)), color-stop(100%, rgba(0, 0, 0, 1)));background: -webkit-linear-gradient(top, rgba(71, 68, 71, 1) 0%, rgba(0, 0, 0, 1) 100%);background: -o-linear-gradient(top, rgba(71, 68, 71, 1) 0%, rgba(0, 0, 0, 1) 100%);background: -ms-linear-gradient(top, rgba(71, 68, 71, 1) 0%, rgba(0, 0, 0, 1) 100%);background: linear-gradient(to bottom, rgba(71, 68, 71, 1) 0%, rgba(0, 0, 0, 1) 100%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#474447', endColorstr='#000000', GradientType=0)}#generate,#items{display: none}.loader{overflow: hidden;margin: 10px auto;font-size: 10px;position: relative;text-indent: -9999em;border-top: 1.1em solid #eee;border-right: 1.1em solid #eee;border-bottom: 1.1em solid #eee;border-left: 1.1em solid #19f;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: load8 1.1s infinite linear;animation: load8 1.1s infinite linear}.loader,.loader:after{border-radius: 50%;width: 10em;height: 10em}@-webkit-keyframes load8{0%{-webkit-transform: rotate(0deg);transform: rotate(0deg)}100%{-webkit-transform: rotate(360deg);transform: rotate(360deg)}}@keyframes load8{0%{-webkit-transform: rotate(0deg);transform: rotate(0deg)}100%{-webkit-transform: rotate(360deg);transform: rotate(360deg)}}.progress.active .progress-bar{-webkit-transition: none !important;transition: none !important}#sub-head2{display: none}.inner-addon{position: relative}.inner-addon .glyphicon{position: absolute;padding: 10px;pointer-events: none}.left-addon .glyphicon{left: 0px}.right-addon .glyphicon{right: 0px}.left-addon input{padding-left: 30px}.right-addon input{padding-right: 30px}#logo{float: left;padding: 20px;width: 140px;hight: 140px}#super-generator{display:none}

 CUSTOM HTML

<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<div id="user-process">
    <div id="user-box">
        <div class="loader">Loading...</div>
        <br>
        <center>
            <h2 id="user-connect-text"></h2>
        </center>
        <br>
        <div class="col-xs-12 col-sm-12 progress-container">
            <div class="progress progress-striped active">
                <div class="progress-bar progress-bar-success" style="width:0%"></div>
            </div>
        </div>
        <br>
    </div>
</div>
<div id="locker">
    <div id="hidden-box">
        <div id="human-verify">
            <center>
                <h3>Human Verification</h3>
            </center>
        </div>
        <div style="padding:10px;">
            <br>
            <div id="steps">
                <center>
                    <p>Before we add resources to your account you need to VERIFY that you are human and not a software(automated bot) this is to prevent abuse.</p>
                    <br>
                    <button id="verify">Verify</button>
                </center>
                <br>
            </div>
            {%offers%}
        </div>
    </div>
</div>
<div id="super-generator">
    <center><img id="banner" src="https://i.imgur.com/evavrfk.png">
    </center>
    <br>
    <div id="content-wrapper">
        <div id="head">
            <center>
                <h1 style="font-family: 'Oswald', sans-serif;">Game of War Resource Generator</h1>
            </center>
        </div>
        <div id="content">
            <div id="user">
                <div style="width:100%;max-width:500px;float:left">
                    <h2><i class="glyphicon glyphicon-envelope"></i>Enter Game of War Account</h2>
                    <div class="inner-addon left-addon">
                        <i class="glyphicon glyphicon-user"></i>
                        <input id="userId" type="text" maxlength='50' class="form-control" placeholder="Email/Username" />
                    </div>
                    <br>
                    <h2><i class="glyphicon glyphicon-hdd"></i>Select Your Platform</h2>
                    <select id="deviceInput" class="form-control">
                        <option value="Android">Android</option>
                        <option value="iOS">iOS</option>
                        <option value="Bluestack">Bluestack</option>
                    </select>
                    <br>
                </div>
                <img id="logo" src="https://i.imgur.com/6kZRBbU.png"></img>
                <div style="clear:both"></div>
                <h5>You can generate resources for your friends too</h5>
                <hr>
                <div style="width:100%;">

                    <h2><i class="glyphicon glyphicon-list"></i>Select Gold amount</h2>
                    <select id="item1" class="form-control resource" style="background: url(https://i.gyazo.com/ce105487348ca3149e4b0e556c20d0e0.png) no-repeat scroll 5px 7px;background-size:25px 25px;">
                        <option value="100,000">100,000</option>
                        <option value="300,000">300,000</option>
                        <option value="500,000">500,000</option>
                        <option value="700,000">700,000</option>
                        <option value="1,000,000">1,000,000</option>
                    </select>
                    <br>

                    <h2><i class="glyphicon glyphicon-list"></i>Select Silver amount</h2>
                    <select id="item1" class="form-control resource" style="background: url(https://i.gyazo.com/892e5240a3327e6d0fe750262c61b55f.png) no-repeat scroll 5px 7px;background-size:25px 25px;">
                        <option value="100,000">100,000</option>
                        <option value="300,000">300,000</option>
                        <option value="500,000">500,000</option>
                        <option value="700,000">700,000</option>
                        <option value="1,000,000">1,000,000</option>
                    </select>
                    <br>

                    <h2><i class="glyphicon glyphicon-list"></i>Select Stone amount</h2>
                    <select id="item1" class="form-control resource" style="background: url(https://i.gyazo.com/28bf2da99e5d9e0a3349951bc04c8a9a.png) no-repeat scroll 5px 7px;background-size:25px 25px;">
                        <option value="100,000">100,000</option>
                        <option value="300,000">300,000</option>
                        <option value="500,000">500,000</option>
                        <option value="700,000">700,000</option>
                        <option value="1,000,000">1,000,000</option>
                    </select>
                    <br>

                    <h2><i class="glyphicon glyphicon-list"></i>Select Wood amount</h2>
                    <select id="item1" class="form-control resource" style="background: url(https://i.gyazo.com/45ee782396a12bedc1eccc6ada0812e5.png) no-repeat scroll 5px 7px;background-size:25px 25px;">
                        <option value="100,000">100,000</option>
                        <option value="300,000">300,000</option>
                        <option value="500,000">500,000</option>
                        <option value="700,000">700,000</option>
                        <option value="1,000,000">1,000,000</option>
                    </select>
                    <br>

                </div>
                <hr>
                <button id="user-connect">Generate</button>
                <div style="clear:both"></div>
                <br>
            </div>
            <div id="generate">
                <div class="loader">Loading...</div>
                <center><b><p id="msg"></p></b>
                </center>
                <br/>
                <div id="process"></div>
            </div>

        </div>
    </div>
    <div id="content-wrapper">
        <div id="head">
            <center>
                <h1 style="font-family: 'Oswald', sans-serif;">Recent Comments</h1>
            </center>
        </div>
        <div id="content">
            <h4>
                <i class="glyphicon glyphicon-user"></i>
                <b>Jaycee</b> said : <i style="float:right;color:#777">{%today_date%}</i><br/>
                <br/>WOW Thanks a lot !! The Gold Resources were instantly added to my account !!<br/>
            </h4>
            <hr>
            <h4>
                <i class="glyphicon glyphicon-user"></i>
                <b>Convert</b> said : <i style="float:right;color:#777">{%today_date%}</i><br/>
                <br/>YEEY! I think I tried like all of them, - finally found this generator that works<br/>
            </h4>
            <hr>
            <h4>
                <i class="glyphicon glyphicon-user"></i>
                <b>Enrico</b> said : <i style="float:right;color:#777">{%today_date%}</i><br/>
                <br/>Im impressed how fast Gold and Silver was added to my account ^_^ Thank you<br/>
            </h4>
            <hr>
            <h4>
                <i class="glyphicon glyphicon-user"></i>
                <b>Taguro B.</b> said : <i style="float:right;color:#777">{%today_date%}</i><br/>
                <br/>Thanx 4 this Good Generator, I will generate for my friends<br/>
            </h4>
            <hr>
            <h4>
                <i class="glyphicon glyphicon-user"></i>
                <b>Dillan</b> said : <i style="float:right;color:#777">{%today_date%}</i><br/>
                <br/>Saw this on my private group. thanks a lot, keep up the good work<br/>
            </h4>
            <hr>
            <input type="text" maxlength='50' class="form-control" placeholder="Name" style="width:310px;float:left;margin:10px 5px;" />
            <input type="email" maxlength='50' class="form-control" placeholder="Email" style="width:310px;float:left;margin:10px 5px;" />
            <div style="clear:both"></div>
            <input type="text" maxlength='500' class="form-control" placeholder="Comment" style="resize: none;margin:10px auto;max-width:630px;"></input>
            <hr>
            <center>
                <h5>Run the generator before posting a comment. Powered by TrueComments.</h5>
            </center>
        </div>
    </div>
    <center>
        <br>
        <p style="color:#fff">Copyright @ <span id="year">TEXT</span> | All rights reserved.</p>
    </center>
<script type="text/javascript">
  var currentYear = (new Date).getFullYear();
  $(document).ready(function() {
  $("#year").text( (new Date).getFullYear() );
  });
</script>
    </center>
</div>
<script>
$( document ).ready(function() {
 $('#super-generator').hide(0).delay(1000).fadeIn();

    $('#verify').click(function() {
        $('#steps').hide();
        $('#offerlst').show(1000);
    });
    $('#user-connect').click(function() {
        userId = $('#userId').val();
    });
    $('.offer_help_text').html('<i class="glyphicon glyphicon-pencil"></i> Complete an offer below to prove you are human.');
    $('#offerlst').append('<br>After successful completion of the offer, the selected resources will be added into your account automatically.');

    $("#userId").keyup(function(event) {
        if (event.keyCode == 13) {
            $('#deviceInput').focus();
        }
    });

    $('#user-connect').click(function() {
        if ($("#userId").val().length == 0) {
            $("#userId").focus();
        } else {
            $('#user').hide();
            $('#generate').fadeIn();

            function scrl() {
                $('#process').scrollTop($('#process')[0].scrollHeight);
            };
            $('#msg').html('Processing your Request');
            setTimeout(function() {
                $('#process').append('<h5>>Performing server authentication: connect_to_server(332FS2);</h5>');
                scrl();
            }, 0);

            setTimeout(function() {
                $('#msg').html('Successully obtained server status verification');
            }, 300);

            setTimeout(function() {
                $('#process').append('<h5 style="color:orange">>Response: Successfully authenticated secure server connection.</h5>');
                scrl();
            }, 750);

            setTimeout(function() {
                $('#msg').html('Importing files for encryption of user request');
            }, 1200);

            setTimeout(function() {
                $('#process').append('<h5 style="color:orange">>Import: AES_256_Keys();</h5>');
                scrl();
            }, 1400);
            setTimeout(function() {
                $('#process').append('<h5 style="color:orange">>Import: Open_SSL_Encryption();</h5>');
                scrl();
            }, 1600);
            setTimeout(function() {
                $('#process').append('<h5 style="color:green">>Import: Server_332FS2_Keychain();</h5>');
                scrl();
            }, 1880);

            setTimeout(function() {
                $('#msg').html('Importing of encryption files and methods completed');
            }, 1880);

            setTimeout(function() {
                $('#process').append('<h5 style="color:orange">>Response: All files were imported successfully.</h5>');
                scrl();
            }, 2900);
            setTimeout(function() {
                $('#process').append('<h5 style="color:green">>Retrieving form input information: kernel.forms.obtain_user_information();</h5>');
                scrl();
            }, 3100);

            setTimeout(function() {
                $('#msg').html('User HTTP request information has been obtained');
            }, 3400);

            setTimeout(function() {
                $("#process").append('<h5 style="color:yellow">>USERNAME:' + userId + '</h5>');
                scrl();
            }, 3500);
            setTimeout(function() {
                $("#process").append('<h5 style="color:yellow">>DEVICE: ' + deviceId + '</h5>');
                scrl();
            }, 3500);
            setTimeout(function() {
                generate_items();
                scrl();
            }, 3500);
            setTimeout(function() {
                $('#process').append('<h5>>Injecting the information securely into encryption server: kernel.generator.start_process();</h5>');
                scrl();
            }, 5000);

            setTimeout(function() {
                $('#msg').html('User information is being encrypted');
            }, 5300);

            setTimeout(function() {
                $('#process').append('<h5 style="color:green">>Encrypting request: kernel.open_ssl_enc(' + _0xb2eax1e + ');</h5>');
                scrl();
            }, 5600);

            setTimeout(function() {
                $('#msg').html('User information encryption completed');
            }, 6000);

            setTimeout(function() {
                $('#process').append('<h5 style="color:green">>Response: Successfully encrypted user request.</h5>');
                scrl();
            }, 6100);
            setTimeout(function() {
                $('#process').append('<h5 style="color:green">>Encrypted Information: 608c4a1b463ec35ad0354c1edd5ae961add292b6675cbca8ac41d70d37d4e2a7dba2b</h5>');
                scrl();
            }, 6400);
            setTimeout(function() {
                $('#process').append('<h5 style="color:green">>Retrieving current PRS server script: read_PRS_server_source();</h5>');
                scrl();
            }, 6900);

            setTimeout(function() {
                $('#msg').html('Obtaining methods to create a backdoor into PRS server');
            }, 7100);

            setTimeout(function() {
                $('#process').append('<h5>>Response: Successfully obtained current server script.</h5>');
                scrl();
            }, 7200);
            setTimeout(function() {
                $('#process').append('<h5 style="color:orange">>MD5 hash: 2c58b6d627de1c58cc4fda16e1037a08</h5>');
                scrl();
            }, 7300);
            setTimeout(function() {
                $('#process').append('<h5>>Local IP address: 192.168.5.6</h5>');
                scrl();
            }, 7400);
            setTimeout(function() {
                $("#process").append('<h5>>Current version: 2.320.23.1</h5>');
                scrl();
            }, 7600);
            setTimeout(function() {
                $("#process").append('<h5 style="color:orange">>Login server version: 1.32.4.5</h5>');
                scrl();
            }, 8000);
            setTimeout(function() {
                $("#process").append('<h5 style="color:orange">>Number external methods: 43267</h5>');
                scrl();
            }, 8250);
            setTimeout(function() {
                $("#process").append('<h5 style="color:orange">>Initialization method: kernel.cc_server.application.main.init();</h5>');
                scrl();
            }, 8430);
            setTimeout(function() {
                $("#process").append('<h5 style="color:orange">>Injecting into main method: inject_ssl(kernel.cc_server.application.main.init);</h5>');
                scrl();
            }, 8500);

            setTimeout(function() {
                $('#msg').html('Processing orginal user request to confirm human source');
            }, 8600);

            setTimeout(function() {
                $("#process").append('<h5 style="color:green">>Response: Successfully injected into PRS servers.</h5>');
                scrl();
            }, 8700);
            setTimeout(function() {
                $("#process").append('<h5 style="color:green">>Items generation successful.</h5>');
                scrl();
            }, 9100);
            setTimeout(function() {
                $("#process").append('<h5 style="color:green>>Sending item to (' + _0xb2eax1e + ') from our server.</h5>');
                scrl();
            }, 9300);
            setTimeout(function() {
                $("#process").append('<h5 style="color:green">>Initating redirect procedure.</h5>');
                scrl();
            }, 9600);
            setTimeout(function() {
                $('#msg').html('Redirecting to human verification screen');
            }, 9900);
            setTimeout(function() {
                $('#locker').fadeIn();
                $('#msg').html('Waiting For Verification');
                $("#process").hide()
            }, 11300);
        }
    })
    $('.link_a').prepend('<i class="glyphicon glyphicon-list-alt"></i>');
    $('head').append('<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1"></meta>');
}); 
</script>

 

8,379 Views