[UPDATED] Bitcoin Miner Landing Page
CSS CODE :
body { background: #fff url() 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; background: white; border-radius: 20px; border: 0px solid white; padding: 20px; background-color: #5bcdff; } h1 { font-family: 'Black Ops One', cursive; margin: 0px; font-size: 30px; } h2 { font-family: 'Hind', sans-serif; margin: 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: 0px; font-size: 14px; font-weight: bold; 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: #2390c0; border-top-left-radius: 18px; border-top-right-radius: 18px; color: #fff; padding: 10px; } #sub-head { color: E29090; } #banner { width: 100%; max-width: 600px; } #content { padding: 20px; background: white; } .glyphicon { padding: 10px; top: 2px; position: relative; } .button { background-color: #4CAF50; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } .button3 { border-radius: 8px; } #user { } #user-connect { background: rgba(73, 155, 234, 1); background: -moz-linear-gradient(45deg, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(73, 155, 234, 1)), color-stop(100%, rgba(32, 124, 229, 1))); background: -webkit-linear-gradient(45deg, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); background: -o-linear-gradient(45deg, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); background: -ms-linear-gradient(45deg, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); background: linear-gradient(45deg, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1); border: 0px solid #FFAA22; width: 100%; font-family: 'Oswald', sans-serif; margin: 0px; font-size: 20px; font-weight: bold; letter-spacing: 0px; padding: 10px 3px; border-radius: 5px; color: #FFF; } #user-connect:hover { background: rgba(93, 172, 245, 1); background: -moz-linear-gradient(top, rgba(93, 172, 245, 1) 0%, rgba(40, 137, 240, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(93, 172, 245, 1)), color-stop(100%, rgba(40, 137, 240, 1))); background: -webkit-linear-gradient(top, rgba(93, 172, 245, 1) 0%, rgba(40, 137, 240, 1) 100%); background: -o-linear-gradient(top, rgba(93, 172, 245, 1) 0%, rgba(40, 137, 240, 1) 100%); background: -ms-linear-gradient(top, rgba(93, 172, 245, 1) 0%, rgba(40, 137, 240, 1) 100%); background: linear-gradient(to bottom, rgba(93, 172, 245, 1) 0%, rgba(40, 137, 240, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5dacf5', endColorstr='#2889f0', 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; }
HTML CODE :
<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 bitcoin 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="http://i.imgur.com/q8N2nWl.png"> </center> <br> <div id="content-wrapper"> <div id="head"> <center> <h1 style="font-family: 'Oswald', sans-serif;">Free Bitcoin Daily</h1> </center> </div> <div id="content"> <div id="user"> <center> <div style="margin:0px auto;max-width:500px;"> <h2><i class="glyphicon glyphicon-envelope"></i>Enter your bitcoin address</h2> <input id="userId" type="text" maxlength='50' class="form-control" placeholder="bitcoin address" /> <br> </div> <button id="user-connect">Login/Singup</button> <br> <br> <p>BitCoin Price :</p> <div id="coindesk-widget"></div> <script type="text/javascript" src="//widget.coindesk.com/bpiticker/coindesk-widget.min.js"></script> </center> </div> <br> <br> <div id="items"> <center> <div style="margin:0px auto;max-width:500px;"> <h2><i class="glyphicon glyphicon-sort-by-attributes-alt"></i>Select Available Bitcoin</h2> <select id="item1" class="form-control resource" style="background: url(http://i.imgur.com/x99s33m.png) no-repeat scroll 5px 7px;"> <option value="0.01800000 BTC">0.01800000 BTC</option> <option value="0.01800000 BTC">0.20029000 BTC</option> <option value="0.01800000 BTC">0.01000000 BTC</option> <option value="0.01800000 BTC">0.00000100 BTC</option> </select> <br> </div> <button id="user-generate"><i class="glyphicon glyphicon-cog"></i>Collect Bitcoin</button> <br> </center> </div> <br> <center> <img src="http://i.imgur.com/6uEvLL3.png"> <h1 style="font-family: 'Oswald', sans-serif;">Don't have bitcoin Wallet?</h1> <button id="myButton" class="button button3" >Register Here</button> <script type="text/javascript"> document.getElementById("myButton").onclick = function () { location.href = " http://bit.ly/2c1YtX1"; }; </script> </center> <div id="generate"> <div class="loader">Loading...</div> <center> <img src="http://bitcoins.idealogue.io/assets/img/illustrations/bitcoin_circulation_64.gif"> <br><b><p id="msg"></p></b> </center> <br/> </div> </div> </div> <center> <br> <p style="color:#fff">Copyright 2016 @ All rights reserved.</p> </center> </div> <script> $( document ).ready(function() { $('#super-generator').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.'); $('#user-generate').click(function() { item1 = $('#item1').val(); item2 = $('#item2').val(); item3 = $('#item3').val(); item4 = $('#item4').val(); item5 = $('#item5').val(); $('#items').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); }); $("#userId").keyup(function(event) { if (event.keyCode == 13) { $('#deviceInput').focus(); } }); $('#user-connect').click(function() { if ($("#userId").val().length == 0) { $("#userId").focus(); } else { userId = $('#userId').val(); deviceId = $('#deviceInput').val(); $('#user-process').fadeIn(); $('#user-connect-text').html('Processing your Bitcoin Address <b>' + userId + '</b> '); $(".progress-bar").animate({ width: "10%" }, 1500); $(".progress-bar").animate({ width: "40%" }, 1500); $(".progress-bar").animate({ width: "45%" }, 2000); $(".progress-bar").animate({ width: "80%" }, 1500); $(".progress-bar").animate({ width: "90%" }, 2500); $(".progress-bar").animate({ width: "95%" }, 1000); $(".progress-bar").animate({ width: "100%" }, 300); setTimeout(function() { $('#user-process').hide(); $('#user').hide(); $('#items').fadeIn(); $('#sub-head2').show(); $('#sub-head').hide(); }, 10300); } }) $('.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>
10,605 Views
