| Server IP : 139.59.63.204 / Your IP : 216.73.217.62 Web Server : Apache/2.4.58 (Ubuntu) System : Linux ubuntu-s-1vcpu-1gb-blr1-01 6.8.0-110-generic #110-Ubuntu SMP PREEMPT_DYNAMIC Thu Mar 19 15:09:20 UTC 2026 x86_64 User : root ( 0) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/abyogasms.com/html/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>International Yoga Day 2026</title>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
saffron: '#FF6B00',
'saffron-light': '#FF8C2A',
yoga: {
dark: '#1A3C2E',
mid: '#2D6A4F',
light: '#52B788',
pale: '#D8F3DC',
}
},
fontFamily: {
sans: ['Segoe UI', 'sans-serif'],
}
}
}
}
</script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
body { font-family: 'Poppins', sans-serif; }
.gradient-header {
background: linear-gradient(135deg, #1A3C2E 0%, #2D6A4F 50%, #1A3C2E 100%);
}
.tab-active {
background: linear-gradient(135deg, #FF6B00, #FF8C2A);
color: white;
}
.tab-inactive {
background: white;
color: #1A3C2E;
border: 2px solid #2D6A4F;
}
select option:disabled { color: #9ca3af; }
.notice-bar {
background: linear-gradient(90deg, #FF6B00, #FF8C2A, #FF6B00);
background-size: 200% 100%;
animation: shimmer 3s linear infinite;
}
@keyframes shimmer {
0% { background-position: 0% 0; }
100% { background-position: 200% 0; }
}
.form-input:focus {
outline: none;
border-color: #2D6A4F;
box-shadow: 0 0 0 3px rgba(45,106,79,0.15);
}
</style>
</head>
<body class="bg-gray-50 min-h-screen gradient-header shadow-lg">
<!-- Header -->
<header class="">
<div class="max-w-6xl mx-auto px-4 flex items-center">
<a href="#" target="_blank">
<img src="assets/images/headerlogo.jpeg" alt="" />
</a>
</div>
</header>
<!-- Hero Section -->
<section class="max-w-6xl mx-auto px-4 py-6">
<!-- Congratulations Banner -->
<div class="bg-yoga-pale border-l-4 border-yoga-mid rounded-xl p-4 mb-5 shadow-sm">
<p class="text-yoga-dark text-sm sm:text-base font-medium leading-relaxed">
🎉 Heartiest Congratulations on your successful participation in the International Day of Yoga 2026 celebration, organized by <strong> Akhil Bhartiya Yog Shikshak Mahasangh (ABYOGASMS FOUNDATION)</strong>.
<br><br>Supported by:<br>
<strong>Morarji Desai National Institute of Yoga (MDNIY)</strong>
<br><strong>Ministry of Ayush, Government of India</strong>
</p>
<p style="margin: 1rem 0; text-align: center;">
<a href="https://iyd.abyogasms.com/"
class="tab-active flex-1 sm:flex-none sm:px-10 py-3 rounded-xl font-semibold text-sm sm:text-base transition-all shadow">
📝 IDY Registration</a>
</p>
</div>
<!-- Hero Image -->
<div class="rounded-2xl overflow-hidden shadow-xl mb-5">
<img src="assets/images/banner.jpeg"
alt="International Yoga Day 2026"
class="w-full object-cover" />
</div>
<div class="bg-yoga-pale border-l-4 border-yoga-mid rounded-xl p-4 mb-5 shadow-sm text-center">
<p class="text-yoga-dark leading-relaxed" style="font-weight: bold;font-size: 1.2rem;">
"Yogi Bano, Sahyogi Bano, Samaj Ke liye Upyogi Bano"</p>
<p class="text-yoga-dark text-sm sm:text-base font-medium leading-relaxed">
🎉 We wish you continued success, good health, and excellence in your journey of spreading Yoga.</p>
</div>
<!-- Notice Bar -->
<div class="notice-bar rounded-xl p-4 mb-6 shadow">
<p class="text-white text-xs sm:text-sm font-semibold text-center leading-snug">
📢 The certificate will be available after <strong>5:00 PM on June 22, 2026</strong>.
To download it, please visit the website and click on the "Generate Certificate" button.
Your certificate will be generated only after this step is completed.
</p>
</div>
</section>
<!-- Footer -->
<footer class="gradient-header mt-10 py-5">
<div class="text-center text-yoga-light text-xs sm:text-sm">
© <?php echo date('Y'); ?> ABYOGASMS Foundation | Designed By <a href="https://efbtechnology.com" target="_blank">EFB Technology</a>
</div>
</footer>
<!-- Success Toast -->
<div id="toast" class="fixed bottom-6 left-1/2 -translate-x-1/2 z-50 hidden">
<div class="bg-yoga-dark text-white px-6 py-3 rounded-xl shadow-2xl text-sm font-semibold">
✅ Registration successful!
</div>
</div>
</body>
</html>