Check Box With Download Button Blogger Code

 Check Box With Download Button Blogger Code



<!DOCTYPE html>
<html>
<head>
  <title>Download Page</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      background-color: #f3f3f3;
    }

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

    h1 {
      color: #333;
    }

    .checkbox {
      display: inline-block;
      margin-right: 20px;
    }

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

    .button:hover {
      background-color: #e65100;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>🌟 "Unleash Your Earning Potential: FREE Online Earning Courses Await You! 💰🚀" 🌟</h1>
    <input type="checkbox" class="checkbox" id="option1" checked>
    <label for="option1">Digital Marketing Course</label>
    <input type="checkbox" class="checkbox" id="option2">
    <label for="option2">Amazon FBA Course </label>
    <input type="checkbox" class="checkbox" id="option3">
    <label for="option3">The Web Developer Bootcamp</label>

    <br><br>

    <button class="button" onclick="downloadOptions()">Download</button>
  </div>

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

      // You can replace the URL with the actual download link
      let downloadURL = "https://www.toprevenuegate.com/n1qbsqzeup?key=5c340754399778b1d1c57f71b5681735";
      
      if (option1) downloadURL += "option1=1&";
      if (option2) downloadURL += "option2=1&";
      if (option3) downloadURL += "option3=1&";

      window.open(downloadURL, "_blank");
    }
  </script><br><h2>
<center> <a href="https://www.toprevenuegate.com/n1qbsqzeup?key=5c340754399778b1d1c57f71b5681735">More Course Click Me</a></center>
</body>
</html>

Post a Comment

Previous Post Next Post