<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Christmas Cards Unlimited</title>
<style>
/* General Styles */
body {
margin: 0;
font-family: 'Arial', sans-serif;
background: url('https://www.homemade-gifts-made-easy.com/image-files/xchristmas-greetings-mood-image-800x534.jpg.pagespeed.ic.wsy68kPBRQ.jpg') no-repeat center center fixed;
background-size: cover;
color: #fff;
text-align: center;
overflow-x: hidden;
}
/* Option to Change Background */
body.custom-bg {
background: var(--custom-bg) no-repeat center center fixed;
background-size: cover;
}
.container {
padding: 50px 20px;
}
/* Heading Styles */
.heading {
font-size: 3em;
font-weight: bold;
color: #ffdd00;
text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7), 0 0 10px #ff4444, 0 0 20px #00ffdd;
margin-bottom: 30px;
animation: glow 2s infinite alternate;
}
@keyframes glow {
from {
text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5), 0 0 15px #ff4444;
}
to {
text-shadow: 3px 3px 20px rgba(0, 0, 0, 0.7), 0 0 25px #00ffdd;
}
}
/* Info Section */
.info {
font-size: 1.6em;
line-height: 1.8;
background: rgba(0, 0, 0, 0.7);
padding: 25px;
border-radius: 15px;
margin: 20px auto;
max-width: 600px;
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
border: 2px solid #ffdd00;
}
.info ul {
text-align: left;
padding-left: 40px;
}
.info li {
margin: 10px 0;
}
/* Sign-Up Section */
.signup-section {
margin: 30px auto;
background: linear-gradient(145deg, #ff4444, #ffdd00);
padding: 30px;
border-radius: 15px;
max-width: 400px;
color: #333;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.signup-section h2 {
font-size: 2em;
color: #fff;
margin-bottom: 20px;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
}
.signup-section input[type="email"] {
width: 85%;
padding: 15px;
margin-bottom: 20px;
font-size: 1em;
border: 1px solid #fff;
border-radius: 10px;
outline: none;
background: rgba(255, 255, 255, 0.8);
color: #333;
}
.signup-section button {
background: #ff4444;
color: #fff;
font-size: 1.3em;
padding: 10px 30px;
border: none;
border-radius: 10px;
cursor: pointer;
transition: all 0.3s ease-in-out;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}
.signup-section button:hover {
background: #00ffdd;
color: #000;
transform: scale(1.1);
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.7);
}
/* Footer */
footer {
margin-top: 50px;
font-size: 0.9em;
background-color: rgba(0, 0, 0, 0.8);
padding: 10px 20px;
color: #ccc;
}
footer a {
color: #ffdd00;
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="container">
<!-- Heading -->
<div class="heading">
🎄 Create Unlimited Christmas Cards! 🎄
</div>
<!-- Information Section -->
<div class="info">
<p>🎁 Sign up now to access:</p>
<ul>
<li>🎉 Unlimited Christmas card creation tools</li>
<li>🎉 Over 50,000 amazing card designs to download</li>
<li>🎉 Easy-to-use templates for personalized wishes</li>
</ul>
</div>
<!-- Sign-Up Section -->
<div class="signup-section">
<h2>Sign Up & Get Started!</h2>
<form action="YOUR ADSTERRA LINK" method="get">
<input type="email" name="email" placeholder="Enter your email address" required>
<br>
<button type="submit">Sign Up Now</button>
</form>
</div>
</div>
<!-- Footer -->
<footer>
<p>© 2024 Christmas Cards Unlimited | <a href="YOUR ADSTERRA LINK">Privacy Policy</a> | <a href="YOUR ADSTERRA LINK">Terms & Conditions</a></p>
</footer>
<!-- Script to Change Background -->
<script>
// Set custom background image
document.body.style.setProperty('--custom-bg', 'url("https://www.homemade-gifts-made-easy.com/image-files/xchristmas-greetings-mood-image-800x534.jpg.pagespeed.ic.wsy68kPBRQ.jpg")');
// Enable custom background
document.body.classList.add('custom-bg');
</script>
</body>
</html>
.jpeg)
0 Comments