<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AdSense Page Generator</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
color: #333;
text-align: center;
margin: 0;
padding: 20px;
transition: background 0.3s, color 0.3s;
}
.container {
max-width: 800px;
margin: auto;
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
input, textarea {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 5px;
}
button {
background: #28a745;
color: white;
border: none;
padding: 10px 15px;
margin: 5px;
cursor: pointer;
border-radius: 5px;
transition: 0.3s;
}
button:hover {
background: #218838;
}
.output {
display: none;
text-align: left;
margin-top: 20px;
}
.output textarea {
height: 300px;
}
.dark-mode {
background: #222;
color: white;
}
.dark-mode .container {
background: #333;
color: white;
}
.toggle-dark {
background: #ffcc00;
color: black;
}
</style>
</head>
<body>
<button onclick="toggleDarkMode()" class="toggle-dark">Toggle Dark Mode</button>
<div class="container">
<h2>AdSense Page Generator</h2>
<input type="text" id="name" placeholder="Your Name" required>
<input type="email" id="email" placeholder="Your Email Address" required>
<input type="text" id="office" placeholder="Office Address">
<input type="text" id="phone" placeholder="Mobile Number" required>
<input type="text" id="websiteName" placeholder="Website Name" required>
<input type="url" id="websiteLink" placeholder="Website Link" required>
<input type="text" id="motive" placeholder="Website Motive">
<textarea id="description" placeholder="Website Description"></textarea>
<button onclick="generatePages()">Generate Pages</button>
</div>
<div class="container output" id="outputContainer">
<h3>Generated Pages</h3>
<div>
<h4>About Us</h4>
<textarea id="aboutUs"></textarea>
<button onclick="copyText('aboutUs')">Copy</button>
<button onclick="downloadText('aboutUs', 'AboutUs')">Download</button>
</div>
<div>
<h4>Contact Us</h4>
<textarea id="contactUs"></textarea>
<button onclick="copyText('contactUs')">Copy</button>
<button onclick="downloadText('contactUs', 'ContactUs')">Download</button>
</div>
<div>
<h4>Privacy Policy</h4>
<textarea id="privacyPolicy"></textarea>
<button onclick="copyText('privacyPolicy')">Copy</button>
<button onclick="downloadText('privacyPolicy', 'PrivacyPolicy')">Download</button>
</div>
<div>
<h4>Terms & Conditions</h4>
<textarea id="terms"></textarea>
<button onclick="copyText('terms')">Copy</button>
<button onclick="downloadText('terms', 'Terms')">Download</button>
</div>
<div>
<h4>Disclaimer</h4>
<textarea id="disclaimer"></textarea>
<button onclick="copyText('disclaimer')">Copy</button>
<button onclick="downloadText('disclaimer', 'Disclaimer')">Download</button>
</div>
</div>
<script>
function generatePages() {
let name = document.getElementById("name").value;
let email = document.getElementById("email").value;
let office = document.getElementById("office").value;
let phone = document.getElementById("phone").value;
let websiteName = document.getElementById("websiteName").value;
let websiteLink = document.getElementById("websiteLink").value;
let motive = document.getElementById("motive").value;
let description = document.getElementById("description").value;
if (!name || !email || !websiteName || !websiteLink || !phone) {
alert("Please fill in all required fields!");
return;
}
document.getElementById("aboutUs").value =
`Welcome to ${websiteName}!\n\nWe are committed to providing ${motive}. ${description}.\n\nFor more details, visit ${websiteLink}.`;
document.getElementById("contactUs").value =
`Contact us at:\n\nEmail: ${email}\nPhone: ${phone}\nOffice: ${office}\nWebsite: ${websiteLink}\n\nSend us a message via WhatsApp: https://wa.me/${phone}`;
document.getElementById("privacyPolicy").value =
`Privacy Policy for ${websiteName}\n\nYour privacy is important to us. We do not share your personal information with third parties. Visit ${websiteLink} for full details.`;
document.getElementById("terms").value =
`Terms & Conditions for ${websiteName}\n\nBy using our website, you agree to abide by our terms and conditions available at ${websiteLink}.`;
document.getElementById("disclaimer").value =
`Disclaimer for ${websiteName}\n\nAll content on this website is for informational purposes only. Visit ${websiteLink} for the full disclaimer.`;
document.getElementById("outputContainer").style.display = "block";
}
function copyText(id) {
let textArea = document.getElementById(id);
textArea.select();
document.execCommand("copy");
alert("Copied to clipboard!");
}
function downloadText(id, filename) {
let text = document.getElementById(id).value;
let blob = new Blob([text], { type: "text/plain" });
let link = document.createElement("a");
link.href = URL.createObjectURL(blob);
link.download = filename + ".txt";
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
function toggleDarkMode() {
document.body.classList.toggle("dark-mode");
}
</script>
</body>
</html>
.jpeg){kind=avatar}
No comments:
Post a Comment