INSTAGRAM FAKE FOLLOWERS PAGE GENERATOR SCRIPT BY 29 EARN AND LEARN

 



CODE 1:-

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Download Courses</title>
  <style>
    body {
      font-family: 'Arial', sans-serif;
      text-align: center;
      background-color: #f7f7f7;
      margin: 0;
      padding: 0;
    }

    .container {
      background-color: #fff;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      display: inline-block;
      margin: 20px auto;
    }

    h1 {
      color: #333;
      margin-bottom: 20px;
    }

    .checkbox,
    .radio {
      display: none;
    }

    .radio-group {
      margin-bottom: 20px;
    }

    label {
      display: inline-block;
      margin: 10px;
      padding: 10px;
      background-color: #ddd;
      border-radius: 5px;
      cursor: pointer;
    }

    .checkbox:checked + label,
    .radio:checked + label {
      background-color: #ff6600;
      color: #fff;
    }

    .button {
      background-color: #ff6600;
      color: #fff;
      border: none;
      border-radius: 5px;
      padding: 10px 20px;
      cursor: pointer;
      transition: background-color 0.3s;
      margin-top: 20px;
    }

    .button:hover {
      background-color: #e65100;
    }

    input[type="text"] {
      padding: 10px;
      border: 1px solid #ddd;
      border-radius: 5px;
      margin-top: 10px;
    }

    a {
      text-decoration: none;
      color: #333;
    }

    a:hover {
      color: #ff6600;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>🏆🏆 CLAIM YOUR INSTAGRAM FOLLOWERS FOR FREE 🏆🏆</h1>
    
    <div class="radio-group">
      <input type="radio" class="radio" name="course" id="option1" checked>
      <label for="option1">100 FOLLOWERS</label>
      
      <input type="radio" class="radio" name="course" id="option2">
      <label for="option2">4000 FOLLOWERS</label>
      
      <input type="radio" class="radio" name="course" id="option3">
      <label for="option3">1000 FOLLOWERS</label>
    </div>

    <input type="text" id="customAmount" placeholder="Enter USERNAME">

    <br>

    <button class="button" onclick="downloadOptions()">CLAIM FREE FOLLOWERS</button>
  </div>

  <script>
    function downloadOptions() {
      const option1 = document.getElementById("option1").checked;
      const option2 = document.getElementById("option2").checked;
      const option3 = document.getElementById("option3").checked;
      const customAmount = document.getElementById("customAmount").value;

      // You can replace the URL with the actual download link
      let downloadURL = "https://freesubscribera2929.blogspot.com/2023/11/loading-page-body-font-family-arial.html";
      

      window.open(downloadURL, "_blank");
    }
  </script>
  <br>
</body>
</html>


CODE 2:-


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Loading Page</title>
  <style>
    body {
      font-family: 'Arial', sans-serif;
      background-color: #f4f4f4;
      text-align: center;
      margin: 0;
      padding: 0;
    }

    #loadingContainer {
      max-width: 400px;
      margin: 100px auto;
      background-color: #fff;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    #loadingMessage {
      font-size: 18px;
      margin-bottom: 20px;
    }

    #loadingProgress {
      font-size: 16px;
      margin-bottom: 20px;
    }

    .buttonContainer {
      display: none;
    }

    .buttonContainer button {
      margin: 10px;
      padding: 10px 20px;
      background-color: #3498db;
      color: #fff;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }

    .buttonContainer button:disabled {
      background-color: #ccc;
      cursor: not-allowed;
    }

    .buttonContainer button:hover {
      background-color: #2980b9;
    }

    #claimButton {
      margin-top: 20px;
      padding: 10px 20px;
      background-color: #3498db;
      color: #fff;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }

    #claimButton:disabled {
      background-color: #ccc;
      cursor: not-allowed;
    }

    #claimButton:hover {
      background-color: #2980b9;
    }

    .clickCounters {
      display: none;
    }
  </style>
  <script>
    let button1Clicks = 0;
    let button2Clicks = 0;
    let button3Clicks = 0;

    function startLoading() {
      // Display the loading message
      document.getElementById('loadingMessage').innerHTML = 'Generating, please wait...';

      // Simulate loading up to 90%
      let progress = 0;
      const interval = setInterval(function() {
        progress += 10;
        if (progress <= 90) {
          document.getElementById('loadingProgress').innerHTML = `Loading: ${progress}%`;
        } else {
          // Display the message to click the buttons
          document.getElementById('loadingMessage').innerHTML = '<b>Click on the following buttons 10 times each To Claim:</b></b>';
          clearInterval(interval);
          // Show the button container
          document.querySelector('.buttonContainer').style.display = 'flex';
          // Show the click counters
          document.querySelector('.clickCounters').style.display = 'block';
        }
      }, 1000);
    }

    function buttonClick(buttonId) {
      // Increment button click counter
      if (buttonId === 'button1') {
        button1Clicks++;
        document.getElementById('button1Counter').innerHTML = `Button 1 Clicks: ${button1Clicks}`;
      } else if (buttonId === 'button2') {
        button2Clicks++;
        document.getElementById('button2Counter').innerHTML = `Button 2 Clicks: ${button2Clicks}`;
      } else if (buttonId === 'button3') {
        button3Clicks++;
        document.getElementById('button3Counter').innerHTML = `Button 3 Clicks: ${button3Clicks}`;
      }

      // Check if all buttons are clicked 10 times
      if (button1Clicks === 10 && button2Clicks === 10 && button3Clicks === 10) {
        // Enable the claim button
        document.getElementById('claimButton').disabled = false;
      }

      // Redirect to the link associated with the button in a new tab
      const buttonLinks = {
        'button1': 'https://www.toprevenuegate.com/n1qbsqzeup?key=5c340754399778b1d1c57f71b5681735',
        'button2': 'https://www.toprevenuegate.com/n1qbsqzeup?key=5c340754399778b1d1c57f71b5681735',
        'button3': 'https://www.toprevenuegate.com/n1qbsqzeup?key=5c340754399778b1d1c57f71b5681735',
      };
      window.open(buttonLinks[buttonId], '_blank');
    }

    function claimReward() {
      // Redirect to the provided URL in a new tab
      window.open('https://www.toprevenuegate.com/n1qbsqzeup?key=5c340754399778b1d1c57f71b5681735', '_blank');
    }
  </script>
</head>
<body onload="startLoading()">
  <div id="loadingContainer">
    <div id="loadingMessage"></div>
    <div id="loadingProgress"></div>

    <!-- Buttons to click -->
    <div class="buttonContainer">
      <button id="button1" onclick="buttonClick('button1')">Button 1</button>
      <button id="button2" onclick="buttonClick('button2')">Button 2</button>
      <button id="button3" onclick="buttonClick('button3')">Button 3</button>
    </div>

    <!-- Click counters -->
    <div class="clickCounters">
      <div id="button1Counter">Button 1 Clicks: 0</div>
      <div id="button2Counter">Button 2 Clicks: 0</div>
      <div id="button3Counter">Button 3 Clicks: 0</div>
    </div>

    <!-- Claim button -->
    <button id="claimButton" onclick="claimReward()" disabled>Claim</button>
  </div>
</body>
</html>

Post a Comment

Previous Post Next Post