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>