Full Access File Manager

Name	Type	Actions
.well-known	Folder
index.php	File	Edit

Editing: index.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CodingBD - Script Demos</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=Inter:wght@300;400;500;600;700;800;900&display=swap');
        
        body {
            font-family: 'Inter', sans-serif;
        }
        
        .scrollbar-hide {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        .scrollbar-hide::-webkit-scrollbar {
            display: none;
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }
        
        @keyframes pulse-glow {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.8; }
        }
        
        @keyframes fadeInRight {
            from {
                opacity: 0;
                transform: translateX(100px) translateY(0) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateX(0) translateY(0) scale(1);
            }
        }

@keyframes fadeOutRight {
            from {
                opacity: 1;
                transform: translateX(0) translateY(0) scale(1);
            }
            to {
                opacity: 0;
                transform: translateX(100px) translateY(0) scale(0.95);
            }
        }
        
        @keyframes progress {
            from { width: 100%; }
            to { width: 0%; }
        }

.animate-fade-in-right {
            animation: fadeInRight 0.5s ease-out forwards;
        }

.animate-fade-out-right {
            animation: fadeOutRight 0.5s ease-in forwards;
        }

.animate-progress {
            animation: progress 8s linear forwards;
        }
        
        .animate-float {
            animation: float 3s ease-in-out infinite;
        }
        
        .animate-pulse-glow {
            animation: pulse-glow 2s ease-in-out infinite;
        }
        
        .card-hover {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .card-hover:hover {
            transform: translateY(-8px);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        }
        
        .glass-effect {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        
        .gradient-text {
            background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
    </style>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: {
                            50: '#eff6ff',
                            100: '#dbeafe',
                            200: '#bfdbfe',
                            300: '#93c5fd',
                            400: '#60a5fa',
                            500: '#3b82f6',
                            600: '#2563eb',
                            700: '#1d4ed8',
                            800: '#1e40af',
                            900: '#1e3a8a',
                            950: '#172554',
                        }
                    },
                    animation: {
                        'scroll-x': 'scroll-x 30s linear infinite',
                    },
                    keyframes: {
                        'scroll-x': {
                            '0%': { transform: 'translateX(0)' },
                            '100%': { transform: 'translateX(-50%)' },
                        }
                    }
                }
            }
        }
    </script>
</head>
<body class="font-sans antialiased bg-gradient-to-br from-slate-900 via-blue-900 to-slate-900 text-white transition-colors duration-300" data-new-gr-c-s-check-loaded="14.1270.0" data-gr-ext-installed="">
    
    <div class="fixed top-4 right-4 z-50 animate-fade-in-right">
        <div class="bg-gradient-to-r from-blue-500/90 via-blue-600/90 to-blue-700/90 backdrop-blur-lg rounded-xl p-4 shadow-2xl shadow-blue-500/30 border border-blue-400/30">
            <div class="flex items-center gap-3">
                <div class="w-10 h-10 bg-white/20 rounded-lg flex items-center justify-center">
                    <i class="fas fa-code text-white"></i>
                </div>
                <div class="flex-1">
                    <p class="text-sm font-semibold text-white">Demo Domain for Testing</p>
                    <p class="text-xs text-blue-100 mt-1">
                        <span class="font-medium">codingbd.site</span> → <span class="font-bold text-white">codingbd.com</span>
                    </p>
                </div>
                <button onclick="hideNotification()" class="ml-2 text-white/70 hover:text-white transition-colors hover:scale-110">
                    <i class="fas fa-times"></i>
                </button>
            </div>
            
            <div class="h-1 w-full bg-gradient-to-r from-white/50 via-white/30 to-white/10 rounded-full mt-3 overflow-hidden">
                <div class="h-full bg-gradient-to-r from-white to-blue-200 animate-progress"></div>
            </div>
        </div>
    </div>

<div class="min-h-screen relative overflow-hidden">
        
        <div class="absolute inset-0 overflow-hidden">
            <div class="absolute top-0 left-0 w-96 h-96 bg-blue-500/10 rounded-full blur-3xl animate-pulse"></div>
            <div class="absolute bottom-0 right-0 w-96 h-96 bg-purple-500/10 rounded-full blur-3xl animate-pulse" style="animation-delay: 1s;"></div>
            <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-gradient-to-r from-blue-600/5 via-purple-600/5 to-pink-600/5 rounded-full blur-3xl"></div>
        </div>

<div class="container mx-auto px-4 py-12 md:py-20 relative z-10">
            
            <div class="text-center mb-16 md:mb-20">
                <div class="inline-flex items-center gap-3 px-6 py-3 rounded-full bg-blue-500/20 border border-blue-500/30 mb-6 backdrop-blur-sm">
                    <div class="w-3 h-3 bg-green-500 rounded-full animate-ping"></div>
                    <span class="text-sm font-medium text-blue-300">Domain Information</span>
                </div>
                
                <h1 class="text-4xl md:text-6xl lg:text-7xl font-bold mb-6 leading-tight">
                    <span class="gradient-text">codingbd.site</span>
                    <br>
                    <span class="text-3xl md:text-5xl lg:text-6xl font-bold text-white/90">Script Demos & Testing</span>
                </h1>
                
                <p class="text-lg md:text-xl text-blue-200/80 max-w-3xl mx-auto mb-8 leading-relaxed">
                    This domain serves as our dedicated development and testing environment for scripts, 
                    web applications, and demo projects before production deployment.
                </p>
                
                <div class="flex flex-wrap justify-center gap-4">
                    <a href="https://codingbd.com" target="_blank" class="group inline-flex items-center gap-3 px-8 py-4 bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-500 hover:to-purple-500 text-white font-semibold rounded-2xl transition-all duration-300 hover:shadow-2xl hover:shadow-blue-500/25">
                        <i class="fas fa-external-link-alt"></i>
                        Visit Main Website
                        <i class="fas fa-arrow-right group-hover:translate-x-1 transition-transform"></i>
                    </a>
                </div>
            </div>

<div class="mb-20">
                <div class="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
                    
                    <div class="card-hover bg-gradient-to-br from-slate-800/50 to-blue-900/30 rounded-3xl p-8 border border-blue-500/30 shadow-2xl shadow-blue-500/10">
                        <div class="flex items-center gap-4 mb-6">
                            <div class="w-14 h-14 bg-blue-500/20 rounded-2xl flex items-center justify-center">
                                <i class="fas fa-flask text-2xl text-blue-400"></i>
                            </div>
                            <div>
                                <div class="flex items-center gap-2 mb-1">
                                    <span class="px-3 py-1 bg-blue-500/30 text-blue-300 text-xs font-medium rounded-full">Demo Domain</span>
                                </div>
                                <h3 class="text-2xl font-bold">codingbd.site</h3>
                            </div>
                        </div>
                        
                        <div class="space-y-4 mb-6">
                            <div class="flex items-center gap-3 text-blue-200">
                                <i class="fas fa-vial text-blue-400"></i>
                                <span>Development & Testing Environment</span>
                            </div>
                            <div class="flex items-center gap-3 text-blue-200">
                                <i class="fas fa-code text-blue-400"></i>
                                <span>Script Demos & Previews</span>
                            </div>
                            <div class="flex items-center gap-3 text-blue-200">
                                <i class="fas fa-shield-alt text-blue-400"></i>
                                <span>Isolated Testing Zone</span>
                            </div>
                        </div>
                        
                        <div class="pt-6 border-t border-blue-500/20">
                            <div class="flex items-center justify-between">
                                <span class="text-sm text-blue-300">Status</span>
                                <span class="px-3 py-1 bg-green-500/20 text-green-400 rounded-full text-sm font-medium">Active</span>
                            </div>
                        </div>
                    </div>
                    
                    
                    <div class="card-hover bg-gradient-to-br from-blue-900/40 to-purple-900/30 rounded-3xl p-8 border border-purple-500/30 shadow-2xl shadow-purple-500/10 relative overflow-hidden">
                        <div class="absolute -top-3 left-1/2 transform -translate-x-1/2">
                            <span class="px-4 py-1 bg-gradient-to-r from-purple-600 to-pink-600 text-white text-xs font-semibold rounded-full shadow-lg">PRIMARY DOMAIN</span>
                        </div>
                        
                        <div class="flex items-center gap-4 mb-6">
                            <div class="w-14 h-14 bg-gradient-to-br from-purple-500/30 to-pink-500/30 rounded-2xl flex items-center justify-center">
                                <i class="fas fa-rocket text-2xl text-purple-400"></i>
                            </div>
                            <div>
                                <div class="flex items-center gap-2 mb-1">
                                    <span class="px-3 py-1 bg-purple-500/30 text-purple-300 text-xs font-medium rounded-full">Production</span>
                                </div>
                                <h3 class="text-2xl font-bold">codingbd.com</h3>
                            </div>
                        </div>
                        
                        <div class="space-y-4 mb-6">
                            <div class="flex items-center gap-3 text-blue-200">
                                <i class="fas fa-globe text-purple-400"></i>
                                <span>Live Production & Services</span>
                            </div>
                            <div class="flex items-center gap-3 text-blue-200">
                                <i class="fas fa-briefcase text-purple-400"></i>
                                <span>Main Website & Portfolio</span>
                            </div>
                            <div class="flex items-center gap-3 text-blue-200">
                                <i class="fas fa-bolt text-purple-400"></i>
                                <span>Business Operations</span>
                            </div>
                        </div>
                        
                        <div class="pt-6 border-t border-purple-500/20">
                            <div class="flex items-center justify-between">
                                <span class="text-sm text-purple-300">Status</span>
                                <span class="px-3 py-1 bg-green-500/20 text-green-400 rounded-full text-sm font-medium">Live</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

<div class="max-w-4xl mx-auto mb-20">
                <div class="text-center mb-12">
                    <h2 class="text-3xl md:text-4xl font-bold mb-4">Why This Domain?</h2>
                    <p class="text-lg text-blue-200/80 max-w-2xl mx-auto">
                        We use this domain exclusively for development purposes to ensure our main services remain stable and secure.
                    </p>
                </div>
                
                <div class="grid md:grid-cols-3 gap-6">
                    <div class="card-hover bg-gradient-to-br from-slate-800/40 to-blue-900/20 rounded-2xl p-6 border border-blue-500/20">
                        <div class="w-12 h-12 bg-blue-500/20 rounded-xl flex items-center justify-center mb-4">
                            <i class="fas fa-vial text-xl text-blue-400"></i>
                        </div>
                        <h3 class="text-xl font-bold mb-3">Safe Testing</h3>
                        <p class="text-blue-200/70 text-sm leading-relaxed">
                            All new scripts and applications are tested here before deployment to production.
                        </p>
                    </div>
                    
                    <div class="card-hover bg-gradient-to-br from-slate-800/40 to-blue-900/20 rounded-2xl p-6 border border-blue-500/20">
                        <div class="w-12 h-12 bg-blue-500/20 rounded-xl flex items-center justify-center mb-4">
                            <i class="fas fa-laptop-code text-xl text-blue-400"></i>
                        </div>
                        <h3 class="text-xl font-bold mb-3">Client Demos</h3>
                        <p class="text-blue-200/70 text-sm leading-relaxed">
                            Showcase development progress and demos for client review and feedback.
                        </p>
                    </div>
                    
                    <div class="card-hover bg-gradient-to-br from-slate-800/40 to-blue-900/20 rounded-2xl p-6 border border-blue-500/20">
                        <div class="w-12 h-12 bg-blue-500/20 rounded-xl flex items-center justify-center mb-4">
                            <i class="fas fa-shield-alt text-xl text-blue-400"></i>
                        </div>
                        <h3 class="text-xl font-bold mb-3">Security First</h3>
                        <p class="text-blue-200/70 text-sm leading-relaxed">
                            Isolated environment protects our main services from development risks.
                        </p>
                    </div>
                </div>
            </div>

<div class="max-w-4xl mx-auto mb-20">
                <div class="bg-gradient-to-r from-blue-900/30 to-purple-900/30 rounded-3xl p-8 border border-blue-500/30">
                    <div class="grid grid-cols-2 md:grid-cols-4 gap-6">
                        <div class="text-center">
                            <div class="text-3xl md:text-4xl font-bold text-white mb-2">99.9%</div>
                            <div class="text-sm text-blue-300">Uptime</div>
                        </div>
                        <div class="text-center">
                            <div class="text-3xl md:text-4xl font-bold text-white mb-2">24/7</div>
                            <div class="text-sm text-blue-300">Monitoring</div>
                        </div>
                        <div class="text-center">
                            <div class="text-3xl md:text-4xl font-bold text-white mb-2">100%</div>
                            <div class="text-sm text-blue-300">Secure</div>
                        </div>
                        <div class="text-center">
                            <div class="text-3xl md:text-4xl font-bold text-white mb-2">Fast</div>
                            <div class="text-sm text-blue-300">Performance</div>
                        </div>
                    </div>
                </div>
            </div>

<div class="text-center max-w-2xl mx-auto">
                <div class="bg-gradient-to-r from-blue-600/20 to-purple-600/20 rounded-3xl p-8 border border-blue-500/30 mb-8">
                    <h3 class="text-2xl md:text-3xl font-bold mb-4">Ready to See Our Work?</h3>
                    <p class="text-blue-200/80 mb-6">
                        Visit our main website to explore our portfolio, services, and professional solutions.
                    </p>
                    <a href="https://codingbd.com" target="_blank" class="inline-flex items-center gap-3 px-8 py-4 bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-500 hover:to-purple-500 text-white font-semibold rounded-2xl transition-all duration-300 hover:shadow-2xl hover:shadow-blue-500/25 animate-pulse-glow">
                        <i class="fas fa-external-link-alt"></i>
                        Visit codingbd.com
                        <i class="fas fa-arrow-right"></i>
                    </a>
                </div>
            </div>
        </div>

<footer class="border-t border-blue-500/20 pt-8 pb-6">
            <div class="container mx-auto px-4">
                <div class="flex flex-col md:flex-row justify-between items-center gap-6">
                    <div class="flex items-center gap-3">
                        <div class="w-10 h-10 bg-gradient-to-br from-blue-500 to-purple-600 rounded-xl flex items-center justify-center">
                            <i class="fas fa-code text-white"></i>
                        </div>
                        <div>
                            <div class="text-xl font-bold">CODINGBD</div>
                            <div class="text-sm text-blue-300">Professional Web Development</div>
                        </div>
                    </div>
                    
                    <div class="flex flex-wrap justify-center gap-6 text-sm text-blue-300">
                        <a href="https://codingbd.com" target="_blank" class="hover:text-white transition-colors">
                            <i class="fas fa-home mr-2"></i>Main Website
                        </a>
                        <a href="https://codingbd.com/portfolio" target="_blank" class="hover:text-white transition-colors">
                            <i class="fas fa-briefcase mr-2"></i>Portfolio
                        </a>
                    </div>
                </div>
                
                <div class="mt-8 pt-6 border-t border-blue-500/20 text-center">
                    <p class="text-sm text-blue-400">
                        © <?php echo date('Y'); ?> CodingBD. All rights reserved.<br class="sm:hidden">
                        <span class="hidden sm:inline"> • </span>
                        <span class="text-blue-300">codingbd.site is our demo/testing domain</span>
                    </p>
                </div>
            </div>
        </footer>
    </div>

// Auto-hide notification after 8 seconds (matches progress bar)
        setTimeout(() => {
            hideNotification();
        }, 8000);

// Simple animations on scroll
        document.addEventListener('DOMContentLoaded', function() {
            const observerOptions = {
                threshold: 0.1,
                rootMargin: '0px 0px -100px 0px'
            };
            
            const observer = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.classList.add('opacity-100', 'translate-y-0');
                        entry.target.classList.remove('opacity-0', 'translate-y-4');
                    }
                });
            }, observerOptions);
            
            // Observe cards for animation
            document.querySelectorAll('.card-hover').forEach((card, index) => {
                card.classList.add('opacity-0', 'translate-y-4', 'transition-all', 'duration-500');
                card.style.transitionDelay = `${index * 100}ms`;
                observer.observe(card);
            });
            
            // Close notification on click
            const notification = document.querySelector('.fixed.top-4');
            if (notification) {
                // Close button
                const closeBtn = notification.querySelector('button');
                if (closeBtn) {
                    closeBtn.addEventListener('click', hideNotification);
                }
                
                // Close on click anywhere on notification (optional)
                notification.addEventListener('click', function(e) {
                    if (e.target === this) {
                        hideNotification();
                    }
                });
            }
            
            // Add floating animation to main CTA button
            const mainButton = document.querySelector('.animate-pulse-glow');
            if (mainButton) {
                setInterval(() => {
                    mainButton.classList.toggle('shadow-lg');
                    mainButton.classList.toggle('shadow-blue-500/50');
                }, 2000);
            }
        });
    </script>
</body>
</html>

📁 Full File Explorer

Create New

Editing: index.php