Bingo Blitz Credits Generator Template

If you are looking for Bingo Blitz Credits CPA Template for free you are at the right place. We’ll share many templates that are optimizable and ready to use, tested over time and will increase your CPA earnings! We provide Free and Premium CPA Templates for your CPA needs. Just put your CPA Locker Codes and you are good to go. These templates are focused on gaming niches, you can change the images and edit the html code to make it fit to any niche or game. But we are sharing some premade hot niches landings that are working fine.

Bingo Blitz Credits Generator Template

Price: FREE

License: Unlimited

Version: 1.0

Type: HTML / jS

Demo:

Download:

NOTE: Download from Google Drive, it might take some time to launch

Responsive Design and Easy customization



Bingo Blitz Credits Generator Template Code:

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Bingo Blitz Credits Online Generator</title>
    <link rel = "stylesheet"  type = "text/css"  href = "style.css" />
    <link rel="stylesheet"  href="https://fonts.googleapis.com/css?family=Acme">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rajdhani">
  <link href="https://fonts.googleapis.com/css2?family=Bangers&amp;display=swap" rel="stylesheet">
  <script type="text/javascript">
    var CPABUILDSETTINGS={"it":2051044,"key":"05b34"};
</script>
<script src="https://d13nu0oomnx5ti.cloudfront.net/9d451af.js"></script>
</head>
<body>

<div class=bgdiamond></div>
<div class="bgtop"></div>
<div class="bgbottom"></div>
<center>
  <div class="header HeaderAnimation"><img src="https://d13pxqgp3ixdbh.cloudfront.net/uploads/16379079296cf59154b22ad95b1eb920b923275320.png" style="width:100%"></div>
<div class="gen">Online Generator</div>
<div class="page1">


  <div class="cardConainer" id="cardConainer">
      <div class="bntLeft" onclick="card(-1)"></div>
        <div class="bntRight" onclick="card(1)"></div>
<div class="card">
  <div class="guide2 logoAnimation"><div class="guideArrow"></div>Select your Credits Amount<p style="font-weight: bold;
      font-size: 16px;">Try it out!</p></div>
<div class="cardsicon Logoshowin" id="cardsicon"></div>
<div class="cardnameContainer ">
  <div class="cardAmount" id="cardAmount">1000</div>
<div class="cardName">CREDITS</div>

</div>
<div class="cardlinebottom">
  <div class="line-Ani3" id="line-Ani3"></div>
</div>
</div>
<div class="Allindex">
  <div class="index1" id="index1"></div>
  <div class="index1" id="index2"></div>
  <div class="index1" id="index3"></div>
  <div class="index1" id="index4"></div>
</div>
<div class="guide1 logoAnimation"><div class="guideArrow"></div>Select your Credits Amount<p style="font-weight: bold;
    font-size: 16px;">Try it out!</p></div>
</div>
<div class="cardConainerloading" id="cardConainerloading" style="display:none">
  <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>

</div>
<div class="bntClaim wobble-hor-top" id="bnt1" onclick="claim()">CLAIM NOW</div>



<div class="page1linetop">
  <div class="line-Ani"></div>
</div>
<div class="page1linebottom">
  <div class="line-Ani2"></div>
</div>
<div class="page1bg"></div>
</div>

<div class="activity">
  <div class="recent-header">

  <div class="recent-right">Recent Activity</div>
    </div>
  <div class="recent-name" id="recent-name">Alex</div>
  <div class="recent-coin" id="recent-coin"><div class="text-size28-black" id="recent-num">0</div></div>
  <div class="bg-progress">
  <center>  <div class="pro-bar-bg">
    <span class="gen-text">Generation</span>
    <span class="gen-text1">Verifying</span>
  <div class="step1" id="step1">  </div>
  <div class="step2" id="step2"></div>
  <div class="step3" id="step3"> </div>
  <div class="pro-bar" id="pro-bar"></div>
  </div>
</center>
<script src="main.js"></script>
  </div>
</div>

<div class="page2" id="page2">
  <div class="AccountInfo slit-in-horizontal">
  <div class="accinfo">Account Information</div>
  <div class="accinfo-card">
  <div class="cardsicon "></div>
  <div class="cardnameContainer ">
    <div class="accinfo-cardAmount" id="cardAmountSelected">1000</div>
  <div class="accinfo-cardName">CREDITS</div>

  </div>

  </div>

  <div class="accinfo-add">
<div class="text-1">Input Your ID</div>
<input type="text" id="fname" name="fname" autocomplete="off" class="inputtext" placeholder="Your ID...">
<div class="text-2">Your Platform</div>

  <select class="inputplatform1" id="platform" onchange="myFunction()">
    <option value="ANDROID">ANDROID</option>
    <option value="IOS">IOS</option>
  </select>


    </div>

  <div class="cardConainerloading" id="cardConainerloading" style="display:none">
    <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>

  </div>
  <div class="bntcontinue wobble-hor-top" id="bnt2" onclick="next2()">CONTINUE</div>

  </div>
  </div>
  <div class="page3" id="page3">
<div class="Generator slit-in-horizontal">
  <div class="verify" id="verify">HUMAN VERIFICATION</div>
  <div class="verify-content" id="verify-content">To prevent robot abuse of our generator, you are required to complete the human verification by clicking the button below.</div>


  <div id="loading-roller" class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
<div class="bntverify wobble-hor-top" id="bntverify" onclick="CPABuildLock()">VERIFY NOW</div>
<div class="counter skeyAni" id="counter">
<span style="color: #0a2c34; font-weight: bold;;"> COUNTER</span>
<div class="counter-name" id="counter-name">Android</div>
<div class="Gen-Diamond" id="Gen-Diamond"></div>
</div>

<div class="counter2" id="counter2">
<span style="color: white; font-weight: bold;" id="gen-diamond"> 1060</span>
<div><img src="https://d13pxqgp3ixdbh.cloudfront.net/uploads/1637908089c9633bdef7d0c7c2ea74a6bb8cbff3ee.png" style="width:30px;"></img></div>
<div class="Gen-Diamond" id="Gen-Diamond"></div>
</div>

<div class="GenText" id="GenText">LOADING GENERATOR FILES...</div>
<div class="pro-bg2" id="pro-bg2">
<div class="pro-bar2 pro0to40" id="pro-bar2">
</div>
</div>
  </div>
    </div>
</center>
</body>
</html>
body{
  background-color: #0d325a;
  font-family: roboto;
}

.text-1{
  font-size: 14px;
color:#303030;
}
.Allindex{
  width: 100px;
  height: 40px;
  padding-top: 5px;
}
.bgtop{
  background-image: url(https://d13pxqgp3ixdbh.cloudfront.net/uploads/1636947517098e4b9c1f56c00f4c69b187404aa724.png);
  position: absolute;
  top:0;
  width: 100%;
  height: 10px;
  left:0;
  background-repeat: repeat-x;
}
.bgbottom{
  background-image: url(https://d13pxqgp3ixdbh.cloudfront.net/uploads/1636947517098e4b9c1f56c00f4c69b187404aa724.png);
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 10px;
  left:0;
  background-repeat: repeat-x;
}
.index1{
  width:12px;
  height: 12px;
  background-color: white;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  border-color:#86777f;
  display: inline-block;
}
.bgdiamond{
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://d13pxqgp3ixdbh.cloudfront.net/uploads/1637907984abd612f9ba3356bf373ce9a36ef3e173.png");
  background-size: contain;
  background-size: 100px;
  top:0;
  left:0;
}
.text-2{
  font-size: 14px;
color:#303030;
margin-top:10px;
}
.inputtext{
  background-color: #2b2b2b;

  outline: none;
  border:none;
  padding:10px 5px 10px 32px;
  color:white;
  font-size: 16px;
  border-radius: 8px;
  background-image: url("https://d13pxqgp3ixdbh.cloudfront.net/uploads/16379080473c51aa05abd209856e71c49e1eca43a6.png");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position-y:11px;
  background-position-x:5px;
  width:200px;
  box-shadow: 0 0 5px #000000ad;
}

.inputplatform1{
  background-color: #2b2b2b;
  outline: none;
  border:none;
  padding:10px 5px 10px 32px;
  color:white;
  font-size: 16px;
  border-radius: 8px;
  background-image: url("https://d13pxqgp3ixdbh.cloudfront.net/uploads/1636008846af4b09385840c6878ea1177b8d44d02b.png");
  background-size: 32px;
  background-repeat: no-repeat;
  background-position-y:4px;
  background-position-x:2px;
  width:237px;
  box-shadow: 0 0 5px #000000ad;
}


.page1{
  background-image: url(https://d13pxqgp3ixdbh.cloudfront.net/uploads/1636947517f6c55a46ef5bf6d173d11e782c11f6b6.png);
  background-size: 8px;
  max-width:500px;
  width:90%;
  height: 330px;
  background-color: #ffffff;
  border-radius: 0px;
  margin-top:10px;
  position: relative;
  box-shadow: 0 0 5px #000000ad;

border-width: 1px;
border-color: #81581b;
border-style:solid;
  animation: bordercolor 1s infinite;
}
  @keyframes bordercolor {
  0% { border-color: #81581b; }
  1000% { border-color: red; }
}
.page1linetop{
  position: absolute;
  top:0;
  left:0;
  height: 3px;
width: 100%;
  background-color: #81581b;
  z-index: 0;
}
.cardlinebottom{
  position: absolute;
  left:0;
  bottom:0;
  height: 6px;
width: 100%;
  background-color: #fbbd01;
  z-index: 0;
}
.page1linebottom{
  position: absolute;
  bottom:0;
  left:0;
  height: 3px;
width: 100%;
  background-color: #81581b;
  z-index: 0;
}
.line-Ani{

  background-image: linear-gradient(to right,#ffff27,#ffcc20,#ffff27);
border-style: solid;
border-width: 1px;
border-color: #ff874aa3;
  width: 4px;
  height: 100%;
  left:50%;
  top:0;
  position: absolute;
  animation: linezoomout 1s infinite;
}
  @keyframes linezoomout {
  0% {
    width:0%;
    left:50%;
   }
  100% {
    width:100%;
    left:0%;
  }}
  .line-Ani2{

    background-image: linear-gradient(to right,#ffff27,#ffcc20,#ffff27);
  border-style: solid;
  border-width: 1px;
  border-color: #ff874aa3;
    width: 4px;
    height: 100%;
    left:0;
    top:0;
    position: absolute;
    animation: linezoomout2 3s infinite;
  }
    @keyframes linezoomout2 {
      0% {
        width:0%;
        left:50%;
       }
      100% {
        width:100%;
        left:0%;
      }}


.line-Ani3{
        background-image: linear-gradient(to right,#d46e6e,#e52685,#d46e6e);

        width: 0px;
        height: 100%;
        left:50%;
        top:0;
        position: absolute;
        animation: linezoomout3 0.8s;
      }
        @keyframes linezoomout3 {
          0% {
            width:0%;
            left:50%;
           }
          100% {

            width:100%;
            left:0%;
          }}

.AccountInfo{
  max-width:400px;
  width:90%;
  height: 300px;
  background-image: url(https://d13pxqgp3ixdbh.cloudfront.net/uploads/1636947517f6c55a46ef5bf6d173d11e782c11f6b6.png);
  background-size: 8px;
  background-color:#ffffff;
  border-width: 5px;
  border-color: #81581b;
  border-style:solid;
  margin-top:200px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 5px #000000ad;
}
.Generator{
  max-width:400px;
  width:90%;
  background-image: url(https://d13pxqgp3ixdbh.cloudfront.net/uploads/1636947517f6c55a46ef5bf6d173d11e782c11f6b6.png);
  background-size: 8px;
  background-color:#ffffff;
  border-width: 2px;
    border-color: #81581b;
    border-style: solid;
  margin-top:200px;
  position: relative;
  overflow: hidden;
  padding-top:30px;
padding-bottom: 20px;
box-shadow: 0 0 5px #000000ad;

}
.GenText{
  font-weight: bold;
  padding-top:30px;
  font-style:italic;
}
.pro-bg2{
  margin-top: 10px;
  width: 80%;
  max-width: 250px;
  height: 35px;
  background-color: #0a2c34;
  text-align: left;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 0 5px #000000ad;
}
.pro-bar2{
  margin-top: 5px;
  width: 10%;
  height: 25px;
  border-radius: 15px;
  background-color: #ffd500;
  margin-left:5px;
}
.pro0to40{
  animation: pro0to40 7.5s;
  box-shadow: black 0px 0px 5px;
  animation-fill-mode: forwards;
}
  @keyframes pro0to40 {
  0% { width:10% }
  100% { width:40% }
}

.pro40to50{
  animation: pro40to50 2s;
  box-shadow: black 0px 0px 5px;
  animation-fill-mode: forwards;
}
  @keyframes pro40to50 {
  0% { width:40% }
  100% { width:50% }
}
.pro50to60{
  animation: pro50to60 1s;
  box-shadow: black 0px 0px 5px;
  animation-fill-mode: forwards;
}
  @keyframes pro50to60 {
  0% { width:50% }
  100% { width:60% }
}
.pro60to80{
  animation: pro60to80 2s;
  box-shadow: black 0px 0px 5px;
  animation-fill-mode: forwards;
}
  @keyframes pro60to80 {
  0% { width:60% }
  100% { width:80% }
}


.accinfo{
  width:100%;
  padding:5px;
  background-color: #fbbd01;
  position: absolute;
  top:0;
  left:0;
  color: white;
      font-size: 18px;
      font-weight: bold;
}
.page2{
  display: none;
  width: 100%;
  height: 100%;
  background-color: #000000e6;
  position: fixed;
  left:0px;
  top:0px;
  z-index: 3;
  box-shadow: 0 0 5px #000000ad;
}
.page3{
  display: none;
  width: 100%;
  height: 100%;
  background-color: #000000e6;
  position: fixed;
  left:0px;
  top:0px;
  z-index: 3;
  box-shadow: 0 0 5px #000000ad;
}
.counter{
display: none;
  width:100px;
  background-color: #ffd500;
  padding:10px;
}
.counter-name{
  padding-top:10px;
  color: white;

}

.counter2{
  display: none;
  width:100px;
  background-color: #223a38;
  padding:10px;
box-shadow: 0 0 15px #0a2c34;
}
.counter-name2{
  padding-top:10px;
  color: white;
}
.verify{
  display: none;
  color: #000;
  font-weight: bold;
  font-size: 20px;
  margin-top:-20px;
  padding-bottom: 10px;
  text-shadow: 0 0 5px #000000ad;
}
.verify-content{
  display: none;
padding-left:10px;
padding-right: 10px;
padding-bottom: 10px;
}
.card{
  width:130px;
  height: 180px;
  padding-top:10px;
  background-color: #003b7a;
  background-image: url("https://d13pxqgp3ixdbh.cloudfront.net/uploads/1637907984abd612f9ba3356bf373ce9a36ef3e173.png");
  background-size: 125px;
background-repeat: no-repeat;
background-position: center;
  position: relative;
box-shadow: 0 0 5px #000000ad;
}
.accinfo-card{
  margin-top:60px;
  margin-left:10px;
  width:90px;
  height: 130px;
  background-color: #003b7a;
box-shadow: 0 0 5px #000000ad;
position: absolute;
left:10px;
animation: cardvalueAnimation 2s infinite;
}
@keyframes cardvalueAnimation {
0% { transform: scale(0.9);}
10% { transform: scale(1);}
20% { transform: scale(0.9);}
100% { transform: scale(1);}
}


.accinfo-add{
    margin-top:60px;
position: absolute;
left:120px;
width:60%;
}
.fliphorizontalbottom{animation:flip-horizontal-bottom .4s cubic-bezier(.455,.03,.515,.955) both}
@keyframes flip-horizontal-bottom{0%{transform:rotateX(0)}100%{transform:rotateX(-180deg)}}

.cardConainer{
  width: 260px;
  height: 180px;
    margin-top: 30px;
}

.cardConainerloading{
  width: 260px;
  height: 180px;
    margin-top: 80px;
}
.cardsicon{
  background-image: url("https://d13pxqgp3ixdbh.cloudfront.net/uploads/1637908089c9633bdef7d0c7c2ea74a6bb8cbff3ee.png");
  background-repeat: no-repeat;
  background-size:contain;
  width: 50px;
  height: 50px;
  margin-top:5px;
}
.cardnameContainer{
  margin-top:5px;
  font-family: Rajdhani;
}
.cardName{
  color:#ffffff;
  font-size: 26px;
  position: absolute;
  font-weight: bold;
  bottom: 10px;
  left:23px;
}
.accinfo-cardName{
  color:white;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  bottom: 5px;
  left:12px;
}
.cardAmount{
  color:#ffffff;
  font-size: 42px;
  font-weight: bold;
  margin-top:10px;
}
.accinfo-cardAmount{
  color:white;
  font-size: 30px;
  font-weight: bold;
  margin-top:10px;
}
.Cardbicon{
  background-color: white;
  width: 110px;
  left:10px;
  height: 120px;
  position: absolute;
  bottom: 10px;
    border-radius: 5px;
}
.imgicon{
  width: 100%;
}
.bntLeft{
  height: 40px;
  width: 50px;
  background-color: #fbbd01;
  margin-top:65px;
  float: left;
  border-style: solid;
border-width: 0 0 4px 0;
border-radius: 5px;
border-color: #81581b;
background-image: url("https://d13pxqgp3ixdbh.cloudfront.net/uploads/16360091367caaa99ef178576d4c6fb5265af267a9.png");
background-repeat: no-repeat;
background-size: 17px;
background-position: center;
cursor: pointer;
z-index: 3;
box-shadow: 0 0 5px #000000ad;
position: relative;
}
.guideArrow{
  position: absolute;
  height: 40px;
  width: 40px;
  background-color: white;
  left:-30px;
  border-style: solid;
border-width: 0 0 4px 0;
border-radius: 50%;
border-color: #81581b;
background-image: url("https://d13pxqgp3ixdbh.cloudfront.net/uploads/1637398498f68f583c3d7f47babbc870c079925d0a.png");
background-repeat: no-repeat;
background-size: 25px;
background-position: center;
}
.bntRight{
  position: relative;
  height: 40px;
  width: 50px;
  background-color: #fbbd01;
  margin-top:65px;
  float: right;
  border-style: solid;
border-width: 0 0 4px 0;
border-radius: 5px;
border-color: #81581b;
background-image: url("https://d13pxqgp3ixdbh.cloudfront.net/uploads/16360091672797e6e5257884106317b0182139b4ef.png");
background-repeat: no-repeat;
background-size: 17px;
background-position: center;
cursor: pointer;
z-index: 3;
box-shadow: 0 0 5px #000000ad;
}
.gen{
  margin-top:135px;
  font-size: 26px;
  padding: 5px;
  background-color: #fbbd01;
width:240px;
border-style: solid;
border-width: 0 0 4px 0;
border-radius: 5px;
border-color: #81581b;
color:#ffffff;
font-weight: bold;
box-shadow: 0 0 5px #000000ad;
z-index: 1;
position: relative;
}
.bntClaim{
  box-shadow: 0 0 5px #000000ad;
  position: absolute;
  bottom: 25px;
  left:50%;
  margin-left: -100px;
  font-size: 26px;
  padding: 5px;
  background-color: #fbbd01;
width:200px;
border-style: solid;
border-width: 0 0 4px 0;
border-radius: 5px;
border-color: #81581b;
color:#ffffff;
font-weight: bold;
cursor: pointer;
}
.bntverify{
  display: none;
  position: relative;
  font-size: 26px;
  padding: 5px;
  background-color: #fbbd01;
width:200px;
border-style: solid;
border-width: 0 0 4px 0;
border-radius: 5px;
border-color: #81581b;
color:white;
font-weight: bold;
cursor: pointer;
margin-top: 10px;
box-shadow: 0 0 5px #000000ad;
}
.bntcontinue{
  position: absolute;
  left:50%;
  margin-left: -100px;
  font-size: 26px;
  padding: 5px;
  background-color: #fbbd01;
width:200px;
border-style: solid;
border-width: 0 0 4px 0;
border-radius: 5px;
border-color: #81581b;
color:#ffffff;
font-weight: bold;
cursor: pointer;
bottom: 20px;
box-shadow: 0 0 5px #000000ad;
}
.guide1{
  position: absolute;
  right:-240px;
  top:150px;
  margin-left: -120px;
  font-size: 26px;
padding-top:10px;
  background-color: #fbbd01;
width:200px;
border-style: solid;
border-width: 0 0 4px 0;
border-radius: 5px;
border-color: #81581b;
font-size: 14px;
color:#ffffff;
line-height: 5pt;
}
.guide2{
  display: none;
  position: absolute;
  right: -111px;
  top: 150px;
  margin-left: -120px;
  font-size: 26px;
  padding-top: 10px;
  background-color: #fbbd01;
  width: 80px;
  border-style: solid;
  border-width: 0 0 4px 0;
  border-radius: 5px;
  border-color: #81581b;
  font-size: 14px;
  color: #ffffff;
  line-height: 10pt;
}
.header{
  position: absolute;
  max-width: 760px;
  width: 100%;
  left:50%;
  margin-left:-380px;
  top:0px;
  z-index: 2;
}
.HeaderAnimation{
  animation: HeaderAnimation 1s linear infinite;
}
@keyframes HeaderAnimation {
  0% { transform:scaleY(0.98); }
    50% { transform:scaleY(1);}
  100% { transform:scaleY(0.98);}
}
.activity {
  background-image: url(https://d13pxqgp3ixdbh.cloudfront.net/uploads/1636947517f6c55a46ef5bf6d173d11e782c11f6b6.png);
  background-size: 8px;
  background-color:#fbbd01;
  text-align: center;
  margin-top: 50px;
    max-width:500px;
    width: 90%;
float: center;
position: relative;
border-width: 1px;
border-color: #81581b;
border-style:solid;
box-shadow: 0 0 5px #000000ad;
margin-bottom: 20px;
}
.recent-header{
  position: relative;
}

.icon{
  margin-top: 80px;
  float: center;
}
.bg-progress{

  width:100%;
  margin-top: 40px;
  padding: 20px 0px 20px 0px ;
   box-shadow: 0px -4px 5px #00000036;

}
.pro-bar-bg{
  width:95%;
  height: 5px;
  background-color: #393b3d;
  position: relative;
	text-align: left;
}
.step1{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ffe0bb;
  position: absolute;
  top:-8px;
}
.step2{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #393b3d;
  position: absolute;
  top:-8px;
  left:50%;
}
.step3{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #393b3d;
  position: absolute;
  top:-8px;
  right: 0px;
}
.gen-text{
  position: absolute;
  top:-20px;
  left:20%;
}
.gen-text1{
  position: absolute;
  top:-20px;
  left:70%;
}
.pro-bar{
	width: 0px;
	height: 100%;
	background-color: #ffe0bb;
}
.recent-name{
padding-left: 40px;
background-image: url("https://d13pxqgp3ixdbh.cloudfront.net/uploads/16379080473c51aa05abd209856e71c49e1eca43a6.png");
background-repeat: no-repeat;
background-size: 32px;
  margin-left:10px;
  margin-top:35px;
  font-weight: bold;
  color:#000000;
  font-size: 22px;
  text-align: left;
}
.recent-coin{
  padding-left: 40px;
  background-image: url("https://d13pxqgp3ixdbh.cloudfront.net/uploads/1637908089c9633bdef7d0c7c2ea74a6bb8cbff3ee.png");
  background-repeat: no-repeat;
  background-size: 32px;
    float: left;
    margin-left:10px;
    font-weight: bold;
    color:white;
    font-size: 22px;
}
.recent-right{
  position: absolute;
  top: -20px;
  left:50%;
  margin-left: -120px;
  font-size: 26px;
  padding: 5px;
  background-color: #fbbd01;
width:240px;
border-style: solid;
border-width: 0 0 4px 0;
border-radius: 5px;
border-color: #81581b;
color:#ffffff;
font-weight: bold;
box-shadow: 0 0 5px #000000ad;
  }


.text-size28-black{
	font-size: 24px;
	color:#ffffff;
	font-weight: bold;
  margin: 0px;
}
.icon{
  width:50px;
}

.logoAnimation{
  animation: logoAnimation 2s linear infinite;
}
@keyframes logoAnimation {
  0% { top: 110px;}
    50% { top: 120px;}
  100% { top: 110px;}
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fbbd01;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.hidein{
  animation: flyinhide 0.5s;
animation-fill-mode: forwards;
}
@keyframes flyinhide {
  0% { transform: scale(1);}
10% { transform: scale(0.9);}
20% { transform: scale(1.1);}
100% { transform: scale(0);}
}


.Logoshowin{
  animation: Logoshowin 0.5s;
animation-fill-mode: forwards;
}
@keyframes Logoshowin {
  0% { transform: scale(0);}
30% { transform: scale(0.6);}
60% { transform: scale(0.8);}
  100% { transform: scale(0.6);}
}

.Logoshowin2{
  animation: Logoshowin2 0.5s;
animation-fill-mode: forwards;
}
@keyframes Logoshowin2 {
  0% { transform: scale(0);}
30% { transform: scale(0.8);}
60% { transform: scale(1);}
  100% { transform: scale(0.8);}
}

.Logoshowin3{
  animation: Logoshowin3 0.5s;
animation-fill-mode: forwards;
}
@keyframes Logoshowin3 {
  0% { transform: scale(0);}
30% { transform: scale(1);}
60% { transform: scale(1.2);}
  100% { transform: scale(1);}
}

.Logoshowin4{
  animation: Logoshowin4 0.5s;
animation-fill-mode: forwards;
}
@keyframes Logoshowin4 {
  0% { transform: scale(0);}
30% { transform: scale(1.2);}
60% { transform: scale(1.4);}
  100% { transform: scale(1.2);}
}

.sakeanimation{
  animation: shake 0.5s;

}
  @keyframes shake {
  0% { margin-left:0 }
  10% { margin-left:-10px }
  20% { margin-left:0 }
  30% { margin-left:10px }
  40% { margin-left:0 }
  50% { margin-left:-5px }
  60% { margin-left:0 }
  70% { margin-left:5px }
  80% { margin-left:0 }
  90% { margin-left:-3px }
  1000% { margin-left:0 }
}
.slit-in-horizontal{animation:slit-in-horizontal .45s ease-out both}
@keyframes slit-in-horizontal{0%{transform:translateZ(-800px) rotateX(90deg);opacity:0}54%{transform:translateZ(-160px) rotateX(87deg);opacity:1}100%{transform:translateZ(0) rotateX(0)}}

.skeyAni{
  animation: skeyAni 2s infinite;
  animation-fill-mode: forwards;
}
  @keyframes skeyAni {
  0% {transform: skew(7deg, 7deg);  }
  25% {transform: skew(-7deg, -7deg);  }
  50% {transform: skew(7deg, 7deg);  }
  75% {transform: skew(-7deg, -7deg);  }
  100% {transform: skew(0deg, 0deg); }
}

.counterSuccess{
  animation: counterSuccess 1s;
  animation-fill-mode: forwards;
}
@keyframes counterSuccess {
0% {transform: scale(1.2);  background-color: #29d746;}
25% {transform: scale(0.8); background-color: #29d746; }
50% {transform: scale(1.2); background-color: #29d746; }
75% {transform: scale(1.2);background-color: #29d746; }
100% {transform: scale(1);background-color: #29d746;box-shadow: 0 0 5px #1db300; }
}

.wobble-hor-top{animation:wobble-hor-top .8s both}
@keyframes wobble-hor-top{0%,100%{transform:translateX(0);transform-origin:50% 50%}15%{transform:translateX(-30px) rotate(6deg)}30%{transform:translateX(15px) rotate(-6deg)}45%{transform:translateX(-15px) rotate(3.6deg)}60%{transform:translateX(9px) rotate(-2.4deg)}75%{transform:translateX(-6px) rotate(1.2deg)}}

@media only screen and (max-width:990px) {
.guide1{
  display: none;
}
.guide2{
  display: block;

}



@media only screen and (max-width:760px) {
  .gen{
    margin-top: 120px;
    }

  .header{
    position: absolute;
    width: 100%;
    left:0;
    margin-left:0px;
    top:0px;
    z-index: 2;
  }
.page1{
  margin-top:10px;
}

}



@media only screen and (max-width:500px) {
.page1{
  margin-top:10px;
}
.gen{
  margin-top: 90px;
  font-size:20px;
width:180px;
  }
  .bntClaim{
    font-size:20px;
  width:160px;
  margin-left:-80px;
  }
  .recent-right{
      font-size:20px;
        width:220px;
        margin-left:-110px;
  }
.cardConainer{
  width:210px;
}

.bntLeft{
  width: 40px;
  margin-left: -10px;
}
.bntRight {
    height: 40px;
    width: 40px;
    margin-right: -10px;
}
}
@media only screen and (max-width:410px) {
  .inputtext{
  width:165px;
  }
  .inputplatform1{
  width:200px;
  }
}

@media only screen and (max-width:355px) {
  .page1{
    margin-top: 10px;
  }

  .AccountInfo{
    margin-top:170px;
  }
.guide1{
  display: none;
}
.guide2{
  display: none;

}

.accinfo-card{
  margin-left: 0px;
}
.inputtext{
width:130px;
}
.inputplatform1{
width:165px;
}
.accinfo-add{
  left:110px;
}
}
@media only screen and (max-width:325px) {
  .gen{
    margin-top:70px;
  }
  .inputtext{
  width: 110px;
    margin-left: -10px;
  }
  .inputplatform1{
margin-left: -10px;
  width:145px;
  }
}
var baba = setInterval(bntcss, 3000);
        function bntcss() {
          document.getElementById("bnt1").classList.remove("wobble-hor-top");
        document.getElementById("bnt2").classList.remove("wobble-hor-top");
        document.getElementById("bntverify").classList.remove("wobble-hor-top");
        setTimeout(function(){
          document.getElementById("bnt1").classList.add("wobble-hor-top");
        document.getElementById("bnt2").classList.add("wobble-hor-top");
        document.getElementById("bntverify").classList.add("wobble-hor-top");
      },1000);
        }
var freefire = new Audio('http://websound.xyz/freefire.mp3');
var soundclick = new Audio('http://websound.xyz//click.mp3');
var soundclick1 = new Audio('http://websound.xyz//click1.mp3');
var soundcoin = new Audio('http://websound.xyz//coin.mp3');
var soundSuccess= new Audio('http://websound.xyz//success.mp3');

var valactivity= setInterval(RecentActivity, 100);
var prostep=0;
var prostepDelay=0;
var recentCoin ;
var name;
var card1=1060;
var card2=2180;
var card3=5600;
var card4=9900;
var cardvalue=card1;
document.getElementById("index1").style.backgroundColor="#003b7a";
  document.getElementById("cardAmount").innerHTML=card1;
function random(){
    document.getElementById("page2").style.height=document.body.scrollHeight;
  document.getElementById("page3").style.height= document.body.scrollHeight;
const RandomCoin = [card1, card2, card3, card4];
recentCoin=RandomCoin[parseInt(Math.random()*4)];
var gennamelist = ["1014512###",
"4564245###",
"1242578###",
"1054050###",
"4501014###",
"1504578###",
"2454127###",
"1045478###",
"1045421###",
"1575424###",
"4564248###",
"4584212###",
"1548504###",
"1545501###",
"3515504###",
"1255506###",
"4525504###",
"1245504###",
"2315501###",
"4785242###",
"4124587###",
"1251887###",
"1258725###",
"4315504###",
"2548126###",
"1452318###",
"1445504###"];
name=gennamelist[Math.floor(Math.random() * 28)];
  document.getElementById("recent-name").innerHTML=(name);
}


  function RecentActivity(){
    if (prostep<1){
        random()
    }
  else if (prostep<52){
  document.getElementById("step1").style.backgroundColor="#9debff";
  document.getElementById("step2").style.backgroundColor="#393b3d";
  document.getElementById("step3").style.backgroundColor="#393b3d";
  document.getElementById("pro-bar").style.backgroundColor="#9debff";
    document.getElementById("pro-bar").style.width=prostep +"%";
    if (recentCoin==card1){
          document.getElementById("recent-num").innerHTML=Math.floor(prostep*(card1/52));
    }
    if (recentCoin==card2){
          document.getElementById("recent-num").innerHTML=Math.floor(prostep*(card2/52));
    }
    if (recentCoin==card3){
          document.getElementById("recent-num").innerHTML=Math.floor(prostep*(card3/52));
    }
    if (recentCoin==card4){
          document.getElementById("recent-num").innerHTML=Math.floor(prostep*(card4/52));
    }


}
else if(prostep<99){
document.getElementById("step2").style.backgroundColor="#9debff";
document.getElementById("pro-bar").style.width=prostep +"%";
document.getElementById("recent-num").innerHTML=recentCoin;
}
else if(prostep<100){
document.getElementById("step1").style.backgroundColor="#0c45ff";
document.getElementById("step2").style.backgroundColor="#0c45ff";
document.getElementById("step3").style.backgroundColor="#0c45ff";
document.getElementById("pro-bar").style.backgroundColor="#0c45ff";
}
else if(prostep>130){
  prostep=0;
  random();
}
prostep++;
}

function claim(){
      soundclick1.play();
  document.getElementById("cardAmountSelected").innerHTML=cardvalue;
  document.getElementById("cardConainer").classList.add("hidein");
  setTimeout(function(){
  document.getElementById("cardConainer").style.display="none";
  document.getElementById("cardConainerloading").style.display="block";
  setTimeout(function(){
document.getElementById("page2").style.display="block";
  },500);

  },500);
}


function myFunction() {
soundclick.play();
  var x = document.getElementById("platform").value;
    console.log(x);
    if (x=="ANDROID"){
      document.getElementById("counter-name").innerHTML="Android";
    document.getElementById("platform").style.backgroundImage="url('https://d13pxqgp3ixdbh.cloudfront.net/uploads/1636008846af4b09385840c6878ea1177b8d44d02b.png')";
    }
    if (x=="IOS"){
      document.getElementById("counter-name").innerHTML="iOS";
    document.getElementById("platform").style.backgroundImage="url('https://d13pxqgp3ixdbh.cloudfront.net/uploads/1636008894fc454d21acd9000491b1b1888ae2e88f.png')";
    }
    if (x=="WINDOWS"){
      document.getElementById("counter-name").innerHTML="Windows";
    document.getElementById("platform").style.backgroundImage="url('https://d13pxqgp3ixdbh.cloudfront.net/uploads/163660198852c0cb35e130e747d3c41880004e13b4.png')";
    }
    if (x=="MAC"){
      document.getElementById("counter-name").innerHTML="Mac";
    document.getElementById("platform").style.backgroundImage="url(img/mac.png)";
    }
    if (x=="NINTENDO"){
      document.getElementById("counter-name").innerHTML="Nintendo";
    document.getElementById("platform").style.backgroundImage="url(img/nintendo.png)";
    }
    if (x=="PSN"){
      document.getElementById("counter-name").innerHTML="PSN";
    document.getElementById("platform").style.backgroundImage="url('https://d13pxqgp3ixdbh.cloudfront.net/uploads/16366020883a5648fb24303dfe308f15f0e9fc768a.png')";
    }
    if (x=="XBOX"){
      document.getElementById("counter-name").innerHTML="Xbox";
    document.getElementById("platform").style.backgroundImage="url('https://d13pxqgp3ixdbh.cloudfront.net/uploads/16366021539eb26d40267565ce609b1eb1e80c95e0.png')";
    }
}
var currentCardNum=1;
function card(num){
document.getElementById("index1").style.backgroundColor="white";
document.getElementById("index2").style.backgroundColor="white";
document.getElementById("index3").style.backgroundColor="white";
document.getElementById("index4").style.backgroundColor="white";
document.getElementById("cardsicon").classList.remove("Logoshowin");
document.getElementById("cardsicon").classList.remove("Logoshowin2");
document.getElementById("cardsicon").classList.remove("Logoshowin3");
document.getElementById("cardsicon").classList.remove("Logoshowin4");
  if (currentCardNum==4 && num==1){
      document.getElementById("index4").style.backgroundColor="#003b7a";
    document.getElementById("cardsicon").classList.add("Logoshowin4");
    return;
  }
  if (currentCardNum==1 && num==-1){
      document.getElementById("index1").style.backgroundColor="#003b7a";
    document.getElementById("cardsicon").classList.add("Logoshowin");
    return;
  }
soundcoin.play();
  currentCardNum=currentCardNum+num;
  if (currentCardNum<1){
    currentCardNum=1
  }
  if (currentCardNum>4){
    currentCardNum=4
  }
        var coin=0;
if (currentCardNum==1)
{
    document.getElementById("index1").style.backgroundColor="#003b7a";
  cardvalue=card1;
  document.getElementById("cardAmountSelected").innerHTML=card1;

    document.getElementById("line-Ani3").classList.add("line-Ani3");
    setTimeout(function(){
  document.getElementById("line-Ani3").classList.remove("line-Ani3");
    },500);


  document.getElementById("cardsicon").classList.add("Logoshowin");
  var myVar2 = setInterval(UserTimer, 1);
          function UserTimer() {
            coin=coin+(card1/100);
            if (coin<=card1){
              document.getElementById("cardAmount").innerHTML=Math.floor(coin);
            }else{
              document.getElementById("cardAmount").innerHTML=card1;
              clearInterval(myVar2);
            }
          }
}

if (currentCardNum==2)
{
      document.getElementById("line-Ani3").classList.add("line-Ani3");
      setTimeout(function(){
    document.getElementById("line-Ani3").classList.remove("line-Ani3");
      },500);
    document.getElementById("index2").style.backgroundColor="#003b7a";
    cardvalue=card2;
  document.getElementById("cardAmountSelected").innerHTML=card2;
  document.getElementById("cardsicon").classList.add("Logoshowin2");
  var myVar2 = setInterval(UserTimer, 1);
          function UserTimer() {
            coin=coin+(card2/100);
            if (coin<=card2){
              document.getElementById("cardAmount").innerHTML=Math.floor(coin);
            }else{
              document.getElementById("cardAmount").innerHTML=card2;
              clearInterval(myVar2);
            }
          }
}

if (currentCardNum==3)
{    document.getElementById("line-Ani3").classList.add("line-Ani3");
setTimeout(function(){
document.getElementById("line-Ani3").classList.remove("line-Ani3");
},500);
    document.getElementById("index3").style.backgroundColor="#003b7a";
    cardvalue=card3;
  document.getElementById("cardAmountSelected").innerHTML=card3;
  document.getElementById("cardsicon").classList.add("Logoshowin3");
  var myVar2 = setInterval(UserTimer, 1);
          function UserTimer() {
            coin=coin+(card3/100);
            if (coin<=card3){
              document.getElementById("cardAmount").innerHTML=Math.floor(coin);
            }else{
              document.getElementById("cardAmount").innerHTML=card3;
              clearInterval(myVar2);
            }
          }
}

if (currentCardNum==4)
{    document.getElementById("line-Ani3").classList.add("line-Ani3");
setTimeout(function(){
document.getElementById("line-Ani3").classList.remove("line-Ani3");
},500);
    document.getElementById("index4").style.backgroundColor="#003b7a";
    cardvalue=card4;
  document.getElementById("cardAmountSelected").innerHTML=card4;
  document.getElementById("cardsicon").classList.add("Logoshowin4");
  var myVar2 = setInterval(UserTimer, 1);
          function UserTimer() {
            coin=coin+(card4/100);
            if (coin<=card4){
              document.getElementById("cardAmount").innerHTML=Math.floor(coin);
            }else{
              document.getElementById("cardAmount").innerHTML=card4;
              clearInterval(myVar2);
            }
          }
}

}
var name="";
function next2(){
  soundclick1.play();
  name=document.getElementById("fname").value;
  if (name==""){
    document.getElementById("fname").classList.add("sakeanimation");
    setTimeout(function(){
    document.getElementById("fname").classList.remove("sakeanimation");
    },500);
  }else{
    document.getElementById("page2").style.display="none";
    document.getElementById("page3").style.display="block";

      setTimeout(function(){
        document.getElementById("GenText").innerHTML="EXTRACTING GENERATOR FILES...";
        setTimeout(function(){
          document.getElementById("GenText").innerHTML="CONNECTING TO PROXY SERVER...";
          setTimeout(function(){
            document.getElementById("GenText").innerHTML="ESTABLISHING CONNECTION WITH GAME DATABASE...";
            setTimeout(function(){
              document.getElementById("GenText").innerHTML="SEARCHING FOR USER COUNTER...";
              document.getElementById("loading-roller").style.display="none";
              document.getElementById("counter").style.display="block";
              setTimeout(function(){
                soundSuccess.play();
                document.getElementById("counter").classList.remove("skeyAni");
                document.getElementById("counter").classList.add("counterSuccess");
                document.getElementById("GenText").innerHTML="SUCCESFULLY CONNECTED TO USER COUNTER";
                document.getElementById("GenText").style.color="#29d746";
                setTimeout(function(){
                  document.getElementById("loading-roller").style.display="block";
                  document.getElementById("counter").style.display="none";
                                  document.getElementById("GenText").style.color="black";
                  document.getElementById("GenText").innerHTML="PREPARING TO GENERATE BINGO BLITZ CREDITS";
                  setTimeout(function(){
                    coin=0;

                    var myVar2 = setInterval(UserTimer, 20);
                            function UserTimer() {
                              coin=coin+(cardvalue/100);
                              if (coin<=cardvalue){
                                document.getElementById("gen-diamond").innerHTML=Math.floor(coin);
                              }else{
                                soundSuccess.play();
                                document.getElementById("gen-diamond").innerHTML=cardvalue;
                                document.getElementById("counter2").classList.add("counterSuccess");
                                document.getElementById("GenText").style.color="#29d746";
                                document.getElementById("pro-bar2").classList.add("pro40to50");
                                clearInterval(myVar2);
                              }
                            }

                    document.getElementById("loading-roller").style.display="none";
                    document.getElementById("counter2").style.display="block";
                    document.getElementById("GenText").innerHTML="GENERATING " + cardvalue + " CREDITS";
                    setTimeout(function(){
                      document.getElementById("pro-bar2").classList.add("pro50to60");
                      document.getElementById("GenText").style.color="black";
                      document.getElementById("loading-roller").style.display="block";
                      document.getElementById("counter2").style.display="none";
                      document.getElementById("GenText").innerHTML="CLEANING UP INJECTION TRACES";
                      setTimeout(function(){
                        document.getElementById("pro-bar2").classList.add("pro60to80");
                        document.getElementById("GenText").innerHTML="PERFORMING AUTOMATIC HUMAN VERIFICATION";
                        setTimeout(function(){
                          document.getElementById("GenText").style.color="#ff3c3c";
                          document.getElementById("GenText").innerHTML="AUTOMATIC HUMAN VERIFICATION FAILED";
                          setTimeout(function(){
                            document.getElementById("GenText").style.color="black";
                            document.getElementById("GenText").innerHTML="MANUAL VERIFICATION REQUIRED";
                            setTimeout(function(){
                              document.getElementById("GenText").style.display="none";
                              document.getElementById("pro-bg2").style.display="none";
document.getElementById("verify").style.display="block";
document.getElementById("verify-content").style.display="block";
document.getElementById("bntverify").style.display="block";
document.getElementById("loading-roller").style.transform="scale(0.7)"
                            },3000);
                          },3000);
                        },3000);
                      },3000);
                    },4000);
                  },3000);
                },3000);
              },3000);


            },3000);
          },1500);
        },1500);
      },1500);
  }
}
setTimeout(function(){
document.getElementById("line-Ani3").classList.remove("line-Ani3");
},500);

Leave a Reply

Your email address will not be published.