Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 4.18.0-553.40.1.lve.el8.x86_64

PHP Version:

8.2.27

User:

u205613439

Directory:

/home/u205613439/domains/celestialarcane.com-BACKUP/public_html/homenew1

Free Space:

3.04 TB

🔧 Quick Actions

✏️ Editing: membership.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>52 Cards: Exclusive Membership</title>
    <meta name="description" content="Join 52 Cards' exclusive membership program and elevate your poker experience">
    <link rel="icon" type="image/png" href="assets/media/favicon.png">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Montserrat:wght@300;400;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
    <style>
        :root {
            --primary-color: #D4AF37;
            --secondary-color: #1C1C1C;
            --text-color: #FFFFFF;
            --bg-color: #0A0A0A;
            --card-bg-color: #1E1E1E;
            --accent-color: #8B4513;
        }

body {
            font-family: 'Montserrat', sans-serif;
            background-color: var(--bg-color);
            color: var(--text-color);
            min-height: 100vh;
        }

.header {
            background-color: rgba(10, 10, 10, 0.9);
            backdrop-filter: blur(10px);
            position: fixed;
            width: 100%;
            z-index: 1000;
            transition: all 0.3s ease;
            padding: 20px 0;
        }

.nav-link {
            color: var(--text-color);
            transition: color 0.3s ease;
            font-weight: 400;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 14px;
        }

.navbar .nav-link:hover, 
.navbar .nav-link.active {
    color: var(--primary-color);
}

.cus-btn {
            background-color: var(--primary-color);
            color: var(--bg-color);
            padding: 12px 30px;
            border-radius: 0;
            text-decoration: none;
            transition: all 0.3s ease;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 14px;
            border: 2px solid var(--primary-color);
        }

.cus-btn:hover {
            background-color: transparent;
            color: var(--primary-color);
        }

.hero-section {
            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Designer%20(16)-SqxNlNjEfNZ2zkLFlH9KhTtuaG0OFt.jpeg') no-repeat center center;
            background-size: cover;
            height: 60vh;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            position: relative;
            overflow: hidden;
        }

.hero-content {
            position: relative;
            z-index: 2;
        }

.hero-title {
            font-family: 'Playfair Display', serif;
            font-size: 3.5rem;
            margin-bottom: 1rem;
            color: var(--primary-color);
        }

.hero-subtitle {
            font-size: 1.5rem;
            margin-bottom: 2rem;
        }

.membership-section {
            padding: 80px 0;
            background: linear-gradient(135deg, rgba(10, 10, 20, 0.8), rgba(0, 0, 0, 0.8));
        }

.section-title {
            font-family: 'Playfair Display', serif;
            color: var(--primary-color);
            font-size: 2.5rem;
            margin-bottom: 2rem;
            text-align: center;
        }

.membership-card {
            background-color: var(--card-bg-color);
            border-radius: 15px;
            padding: 30px;
            margin-bottom: 30px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            height: 100%;
        }

.membership-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        }

.membership-title {
            font-size: 1.5rem;
            color: var(--primary-color);
            margin-bottom: 10px;
        }

.membership-price {
            font-size: 2rem;
            font-weight: 600;
            color: var(--accent-color);
            margin-bottom: 20px;
        }

.membership-features {
            list-style-type: none;
            padding-left: 0;
        }

.membership-features li {
            margin-bottom: 10px;
        }

.membership-features li:before {
            content: "\f00c";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            color: var(--primary-color);
            margin-right: 10px;
        }

.benefits-section {
            background-color: var(--secondary-color);
            padding: 60px 0;
        }

.benefit-item {
            text-align: center;
            padding: 20px;
        }

.benefit-icon {
            font-size: 3rem;
            color: var(--primary-color);
            margin-bottom: 20px;
        }

.benefit-title {
            font-size: 1.2rem;
            font-weight: 600;
            margin-bottom: 10px;
        }

.cta-section {
            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Designer%20(17)-SqxNlNjEfNZ2zkLFlH9KhTtuaG0OFt.jpeg') no-repeat center center;
            background-size: cover;
            padding: 80px 0;
            text-align: center;
        }

.cta-title {
            font-family: 'Playfair Display', serif;
            font-size: 2.5rem;
            color: var(--primary-color);
            margin-bottom: 1rem;
        }

.cta-subtitle {
            font-size: 1.2rem;
            margin-bottom: 2rem;
        }

footer {
            background-color: var(--secondary-color);
            padding: 40px 0;
            margin-top: 60px;
        }

.footer-title {
            color: var(--primary-color);
            font-size: 1.2rem;
            margin-bottom: 20px;
        }

.footer-links a {
            color: var(--text-color);
            text-decoration: none;
            display: block;
            margin-bottom: 10px;
            transition: color 0.3s ease;
        }

.footer-links a:hover {
            color: var(--primary-color);
        }

.social-icons {
            margin-top: 20px;
        }

.social-icons a {
            color: var(--text-color);
            font-size: 1.5rem;
            margin-right: 15px;
            transition: color 0.3s ease;
        }

.social-icons a:hover {
            color: var(--primary-color);
        }
    </style>
</head>
<body>
    <header class="header">
              <nav class="navbar navbar-expand-lg">
            <div class="container"><p class="text-primar"> 52 Cards </p>
                <a class="navbar-brand" href="#">
                    
                </a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav ms-auto">
                        <li class="nav-item">
                            <a class="nav-link " href="index.html">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="about.html">About</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="games.html">Games</a>
                        </li>
                        <li class="nav-item"><a class="nav-link active" href="membership.html">Membership</a></li>
                    
                    <li class="nav-item"><a class="nav-link" href="tournaments.html">Tournaments</a></li>
                    <li class="nav-item"><a class="nav-link" href="Testimonials.html">Testimonials</a></li>
                        <li class="nav-item">
                            <a class="nav-link" href="contact.html">Contact</a>
                        </li>
                    </ul>
                    <a href="login.html" class="cus-btn ms-3">Join Now</a>
                </div>
            </div>
        </nav>
    </header>
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Get all nav links
    var navLinks = document.querySelectorAll('.nav-link');

// Function to set active link
    function setActiveLink() {
        var currentPage = window.location.pathname.split("/").pop();
        
        // Handle the case when visiting the root or empty path
        if (currentPage === '') {
            currentPage = 'index.html'; // Default to 'index.html' for the home page
        }

navLinks.forEach(function(link) {
            // Compare the current page with the href attribute of the link
            if (link.getAttribute('href') === currentPage) {
                link.classList.add('active');
                link.style.color = 'var(--primary-color)';  // Ensure the primary color is applied
            } else {
                link.classList.remove('active');
            }
        });
    }

// Call the function to set the active link on page load
    setActiveLink();

// Add click event listener to each nav link
    navLinks.forEach(function(link) {
        link.addEventListener('click', function() {
            navLinks.forEach(function(link) {
                link.classList.remove('active');
            });
            this.classList.add('active');
            this.style.color = 'var(--primary-color)';  // Apply the primary color on click
        });
    });
});

</script>
    <main>
        <section class="hero-section">
            <div class="container">
                <div class="hero-content">
                    <h1 class="hero-title" data-aos="fade-up">Exclusive Membership</h1>
                    <p class="hero-subtitle" data-aos="fade-up" data-aos-delay="200">Elevate your poker experience with our premium memberships</p>
                    <a href="#membership-plans" class="cus-btn" data-aos="fade-up" data-aos-delay="400">View Plans</a>
                </div>
            </div>
        </section>

<section id="membership-plans" class="membership-section">
            <div class="container">
                <h2 class="section-title" data-aos="fade-up">Choose Your Membership</h2>
                <div class="row">
                    <div class="col-lg-4 col-md-6" data-aos="fade-up">
                        <div class="membership-card">
                            <h3 class="membership-title">Silver Membership</h3>
                            <div class="membership-price">$9.99/month</div>
                            <ul class="membership-features">
                                <li>Access to all basic games</li>
                                <li>Weekly freeroll tournaments</li>
                                <li>24/7 customer support</li>
                                <li>10% cashback on losses</li>
                            </ul>
                            <a href="#" class="cus-btn mt-4">Choose Plan</a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
                        <div class="membership-card">
                            <h3 class="membership-title">Gold Membership</h3>
                            <div class="membership-price">$19.99/month</div>
                            <ul class="membership-features">
                                <li>All Silver benefits</li>
                                <li>Access to exclusive tournaments</li>
                                <li>Monthly bonus chips</li>
                                <li>15% cashback on losses</li>
                                <li>Priority customer support</li>
                            </ul>
                            <a href="#" class="cus-btn mt-4">Choose Plan</a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400">
                        <div class="membership-card">
                            <h3 class="membership-title">Platinum Membership</h3>
                            <div class="membership-price">$39.99/month</div>
                            <ul class="membership-features">
                                <li>All Gold benefits</li>
                                <li>VIP access to high-stakes games</li>
                                <li>Personal account manager</li>
                                <li>20% cashback on losses</li>
                                <li>Exclusive merchandise</li>
                                <li>Invitations to live events</li>
                            </ul>
                            <a href="#" class="cus-btn mt-4">Choose Plan</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

<section class="benefits-section">
            <div class="container">
                <h2 class="section-title" data-aos="fade-up">Membership Benefits</h2>
                <div class="row">
                    <div class="col-lg-3 col-md-6" data-aos="fade-up">
                        <div class="benefit-item">
                            <i class="fas fa-trophy benefit-icon"></i>
                            <h3 class="benefit-title">Exclusive Tournaments</h3>
                            <p>Participate in members-only tournaments with massive prize pools</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="200">
                        <div class="benefit-item">
                            <i class="fas fa-gift benefit-icon"></i>
                            <h3 class="benefit-title">Bonus Rewards</h3>
                            <p>Enjoy regular bonuses and promotions exclusive to members</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="400">
                        <div class="benefit-item">
                            <i class="fas fa-headset benefit-icon"></i>
                            <h3 class="benefit-title">Priority Support</h3>
                            <p>Get faster responses and personalized assistance from our support team</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="600">
                        <div class="benefit-item">
                            <i class="fas fa-chart-line benefit-icon"></i>
                            <h3 class="benefit-title">Skill Development</h3>
                            <p>Access exclusive training materials and strategy guides</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

<section class="cta-section">
            <div class="container">
                <h2 class="cta-title" data-aos="fade-up">Ready to Elevate Your Game?</h2>
                <p class="cta-subtitle" data-aos="fade-up" data-aos-delay="200">Join our exclusive membership program today and experience poker like never before!</p>
                <a href="signup.html" class="cus-btn" data-aos="fade-up" data-aos-delay="400">Become a Member</a>
            </div>
        </section>
    </main>

.footer-title {
            color: var(--primary-color);
            font-size: 1.2rem;
            margin-bottom: 20px;
        }

.footer-links a:hover {
            color: var(--primary-color);
        }

.social-icons {
            margin-top: 20px;
        }

.social-icons a {
            color: var(--text-color);
            font-size: 1.5rem;
            margin-right: 15px;
            transition: color 0.3s ease;
        }

.social-icons a:hover {
            color: var(--primary-color);
        }
</style>
<style>

.footer-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-section {
    flex: 1;
    margin-bottom: 1rem;
    min-width: 200px;
}

.footer-logo {
    max-width: 150px;
    margin-bottom: 1rem;
}

.footer-title {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: var(--primary-color);
}

.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    margin-bottom: 0.5rem;
}

.footer-links a {
    color: var(--text-color);
    text-decoration: none;
}

.footer-links a:hover {
    color: var(--primary-color);
}

.social-icons {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.social-icons a {
    color: var(--text-color);
    font-size: 1.5rem;
    text-decoration: none;
}

.social-icons a:hover {
    color: var(--primary-color);
}

.footer-bottom {
    text-align: center;
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #a0a0a0;
}
</style>

<footer>
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-6 mb-4">
                <img src="img/logo.png" alt="52 Cards Logo" class="mb-3" style="max-width: 200px;">
                <p class="text-light"><i class="fas fa-dice me-2"></i>52 Cards is the premier destination for online rummy in India, offering a safe, fair, and enjoyable gaming experience for all players.</p>
            </div>
            <div class="col-lg-3 col-md-6 mb-4">
                <h5 class="footer-title"><i class="fas fa-link me-2"></i>Quick Links</h5>
                <ul class="list-unstyled footer-links">
                    <li><a href="index.html"><i class="fas fa-home me-2"></i>Home</a></li>
                    <li><a href="about.html"><i class="fas fa-info-circle me-2"></i>About</a></li>
                    <li><a href="games.html"><i class="fas fa-gamepad me-2"></i>Games</a></li>
                    <li><a href="membership.html"><i class="fas fa-user-plus me-2"></i>Membership</a></li>

</ul>
            </div>
            <div class="col-lg-3 col-md-6 mb-4">
                <h5 class="footer-title"><i class="fas fa-headset me-2"></i>Support</h5>
                <ul class="list-unstyled footer-links">
                    <li><a href="contact.html"><i class="fas fa-envelope me-2"></i>Contact</a></li>
                    <li><a href="faq.html"><i class="fas fa-question-circle me-2"></i>FAQ</a></li>
                    <li><a href="terms.html"><i class="fas fa-file-contract me-2"></i>Terms & Conditions</a></li>
                    <li><a href="privacy-policy.html"><i class="fas fa-shield-alt me-2"></i>Privacy Policy</a></li>
                </ul>
            </div>
            <div class="col-lg-3 col-md-6 mb-4">
                <h5 class="footer-title"><i class="fas fa-id-card me-2"></i>Contact Us</h5>
                <p><i class="fas fa-envelope me-2"></i>Email: support@52cards.in</p>
                <p><i class="fas fa-phone me-2"></i>Phone: +91 (800) 52-CARDS</p>
                <p><i class="fas fa-map-marker-alt me-2"></i>Address: 123 Rummy Street, Mumbai, Maharashtra 400001</p>
                <div class="social-icons mt-3">
                    <a href="#" class="me-2"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" class="me-2"><i class="fab fa-twitter"></i></a>
                    <a href="#" class="me-2"><i class="fab fa-instagram"></i></a>
                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
                </div>
            </div>
        </div>
        <hr class="mt-4 mb-3">
        <div class="row">
            <div class="col-md-6 text-md-start text-center mb-2 mb-md-0">
                <p class="mb-0 text-light"><i class="far fa-copyright me-2"></i>2024 52 Cards. All rights reserved.</p>
            </div>
            <div class="col-md-6 text-md-end text-center">
                <p class="mb-0 text-light">Powered by BlackFly Solutions</p>
            </div>
        </div>
    </div>

</footer>

// Header scroll effect
            $(window).scroll(function() {
                if ($(this).scrollTop() > 50) {
                    $('.header').addClass('header-scrolled');
                } else {
                    $('.header').removeClass('header-scrolled');
                }
            });

// Smooth scrolling for anchor links
            $('a[href^="#"]').on('click', function(event) {
                var target = $(this.getAttribute('href'));
                if( target.length ) {
                    event.preventDefault();
                    $('html, body').stop().animate({
                        scrollTop: target.offset().top - 100
                    }, 1000);
                }
            });
        });
    </script>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: membership.html

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation