kfdkkss / index.html
timoon811's picture
Add 3 files
041c2d8 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Change Your Life | High Daily Earnings</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
body {
font-family: 'Poppins', sans-serif;
background-color: #f8fafc;
}
.hero-gradient {
background: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
}
.pulse-animation {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
</style>
</head>
<body class="text-gray-800">
<!-- Hero Section -->
<section class="hero-gradient text-white py-16 md:py-24 px-4">
<div class="max-w-4xl mx-auto text-center">
<h1 class="text-4xl md:text-5xl font-bold mb-6">Change Your Life for the Better Today!</h1>
<p class="text-xl md:text-2xl mb-8">Dream job with daily payments from ₹14,500 per day!</p>
<div class="bg-white rounded-lg shadow-xl p-6 max-w-2xl mx-auto mb-10 text-gray-800">
<div class="flex flex-wrap justify-center gap-4 mb-4">
<div class="flex items-center bg-orange-50 px-4 py-2 rounded-full">
<i class="fas fa-rupee-sign text-orange-500 mr-2"></i>
<span>Payments from ₹14,500/day</span>
</div>
<div class="flex items-center bg-orange-50 px-4 py-2 rounded-full">
<i class="fas fa-tasks text-orange-500 mr-2"></i>
<span>Simple tasks</span>
</div>
<div class="flex items-center bg-orange-50 px-4 py-2 rounded-full">
<i class="fas fa-clock text-orange-500 mr-2"></i>
<span>Flexible schedule</span>
</div>
</div>
<p class="mb-4">Join thousands of people who have already changed their lives!</p>
<a href="https://t.me/yourchannel" class="inline-block pulse-animation bg-orange-500 hover:bg-orange-600 text-white font-bold py-4 px-8 rounded-full text-lg transition-all duration-300">
<i class="fab fa-telegram mr-2"></i> Join Telegram
</a>
</div>
<div class="flex justify-center space-x-4">
<div class="flex items-center">
<i class="fas fa-check-circle text-green-300 mr-2"></i>
<span>No experience needed</span>
</div>
<div class="flex items-center">
<i class="fas fa-check-circle text-green-300 mr-2"></i>
<span>Available to everyone</span>
</div>
</div>
</div>
</section>
<!-- Benefits Section -->
<section class="py-16 px-4 bg-white">
<div class="max-w-4xl mx-auto">
<h2 class="text-3xl font-bold text-center mb-12">Why Choose Us?</h2>
<div class="grid md:grid-cols-2 gap-8">
<div class="bg-orange-50 p-6 rounded-xl">
<div class="flex items-center mb-4">
<div class="bg-orange-100 p-3 rounded-full mr-4">
<i class="fas fa-wallet text-orange-500 text-xl"></i>
</div>
<h3 class="text-xl font-semibold">Daily payments</h3>
</div>
<p>Get your money every day without delays. Minimum withdrawal amount only ₹500.</p>
</div>
<div class="bg-orange-50 p-6 rounded-xl">
<div class="flex items-center mb-4">
<div class="bg-orange-100 p-3 rounded-full mr-4">
<i class="fas fa-mobile-alt text-orange-500 text-xl"></i>
</div>
<h3 class="text-xl font-semibold">Work from home</h3>
</div>
<p>All tasks can be completed from your smartphone or computer at your convenience.</p>
</div>
<div class="bg-orange-50 p-6 rounded-xl">
<div class="flex items-center mb-4">
<div class="bg-orange-100 p-3 rounded-full mr-4">
<i class="fas fa-graduation-cap text-orange-500 text-xl"></i>
</div>
<h3 class="text-xl font-semibold">Training</h3>
</div>
<p>We provide complete training and 24/7 support for all our members.</p>
</div>
<div class="bg-orange-50 p-6 rounded-xl">
<div class="flex items-center mb-4">
<div class="bg-orange-100 p-3 rounded-full mr-4">
<i class="fas fa-chart-line text-orange-500 text-xl"></i>
</div>
<h3 class="text-xl font-semibold">Income growth</h3>
</div>
<p>Your income will grow every day as you complete more tasks.</p>
</div>
</div>
<div class="text-center mt-12">
<a href="https://t.me/yourchannel" class="inline-block bg-orange-500 hover:bg-orange-600 text-white font-bold py-4 px-8 rounded-full text-lg transition-all duration-300">
<i class="fab fa-telegram mr-2"></i> Start earning now
</a>
</div>
</div>
</section>
<script>
// Simple animation for the CTA button
document.addEventListener('DOMContentLoaded', function() {
const ctaButton = document.querySelector('.pulse-animation');
ctaButton.addEventListener('mouseenter', function() {
this.classList.remove('pulse-animation');
});
ctaButton.addEventListener('mouseleave', function() {
this.classList.add('pulse-animation');
});
});
</script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=timoon811/kfdkkss" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>