File Manager

✏️ Edit File: /home/u414903541/domains/ecomish.com/public_html/footer.php

/* =========================================
       LUXURY DESKTOP FOOTER
       ========================================= */
    .desktop-footer {
        display: none;
        background: linear-gradient(180deg, var(--footer-deep) 0%, var(--footer-dark) 100%);
        color: var(--footer-text);
        padding: 80px 5% 30px;
        font-family: 'Lato', sans-serif;
        position: relative;
        overflow: hidden;
    }

.desktop-footer::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: 
            radial-gradient(circle at 20% 30%, rgba(197, 165, 114, 0.03) 0%, transparent 50%),
            radial-gradient(circle at 80% 70%, rgba(31, 77, 58, 0.05) 0%, transparent 50%);
        pointer-events: none;
    }

.desktop-footer::after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 150px;
        height: 3px;
        background: linear-gradient(90deg, transparent, var(--footer-gold) 30%, var(--footer-gold) 70%, transparent);
    }

.footer-container {
        max-width: 1400px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1.5fr repeat(3, 1fr) 1.2fr;
        gap: 60px;
        position: relative;
        z-index: 1;
    }

/* Brand Column */
    .brand-col { padding-right: 20px; }
    .footer-logo { display: flex; align-items: center; gap: 12px; margin-bottom: 25px; }
    .footer-logo-icon { font-size: 24px; color: var(--footer-gold); }
    .footer-logo-text { font-family: 'Playfair Display', serif; font-size: 28px; font-weight: 700; color: var(--footer-text); letter-spacing: 1.2px; }
    .footer-logo-suffix { font-style: italic; color: var(--footer-light-gold); font-weight: 400; }
    .brand-desc { color: var(--footer-muted); font-size: 14px; line-height: 1.8; margin-bottom: 25px; font-weight: 300; letter-spacing: 0.3px; }

/* Social Media Icons */
    .social-icons { display: flex; gap: 15px; margin-top: 25px; }
    .social-icon { width: 40px; height: 40px; border-radius: 50%; background: var(--glass-light); backdrop-filter: blur(10px); border: 1px solid var(--footer-border); display: flex; align-items: center; justify-content: center; color: var(--footer-light-gold); font-size: 16px; transition: var(--transition-smooth); cursor: pointer; }
    .social-icon:hover { background: var(--footer-gold); color: var(--footer-deep); transform: translateY(-3px); border-color: var(--footer-gold); }

/* Footer Columns */
    .footer-col h4 { font-family: 'Playfair Display', serif; font-size: 18px; font-weight: 600; margin-bottom: 25px; color: var(--footer-light-gold); letter-spacing: 1.5px; text-transform: uppercase; position: relative; padding-bottom: 10px; }
    .footer-col h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background: var(--footer-gold); }
    .footer-col ul { list-style: none; }
    .footer-col ul li { margin-bottom: 15px; position: relative; }
    .footer-col ul li::before { content: '›'; position: absolute; left: -20px; color: var(--footer-gold); opacity: 0; transition: var(--transition-smooth); }
    .footer-col ul li:hover::before { opacity: 1; left: -15px; }
    .footer-col a { color: var(--footer-muted); font-size: 14px; font-weight: 400; letter-spacing: 0.3px; transition: var(--transition-smooth); display: inline-block; padding: 3px 0; text-decoration: none; }
    .footer-col a:hover { color: var(--footer-text); transform: translateX(5px); padding-left: 5px; }

/* Newsletter Section */
    .newsletter-col { position: relative; }
    .newsletter-title { font-size: 12px; color: var(--footer-gold); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; font-weight: 600; }
    .newsletter-form { margin-top: 20px; position: relative; }
    .newsletter-input { width: 100%; padding: 14px 20px; background: rgba(255, 255, 255, 0.05); border: 1px solid var(--footer-border); border-radius: 0; color: var(--footer-text); font-family: 'Lato', sans-serif; font-size: 14px; letter-spacing: 0.5px; transition: var(--transition-smooth); }
    .newsletter-input:focus { outline: none; border-color: var(--footer-gold); background: rgba(255, 255, 255, 0.08); }
    .newsletter-input::placeholder { color: var(--footer-muted); font-weight: 300; }
    .newsletter-btn { width: 100%; background: transparent; border: 2px solid var(--footer-gold); color: var(--footer-text); padding: 14px; font-size: 13px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin-top: 15px; cursor: pointer; transition: var(--transition-smooth); position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; gap: 10px; }
    .newsletter-btn::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent); transition: left 0.7s ease; }
    .newsletter-btn:hover { background: var(--footer-gold); color: var(--footer-deep); letter-spacing: 2px; }
    .newsletter-btn:hover::before { left: 100%; }

/* Trust Badges & Copyright */
    .trust-badges { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 25px; }
    .trust-badge { padding: 8px 15px; background: rgba(255, 255, 255, 0.05); border: 1px solid var(--footer-border); font-size: 11px; color: var(--footer-muted); letter-spacing: 1px; text-transform: uppercase; font-weight: 600; }
    .copyright-section { max-width: 1400px; margin: 60px auto 0; padding-top: 30px; border-top: 1px solid var(--footer-border); display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: var(--footer-muted); position: relative; z-index: 1; }
    .copyright-links { display: flex; gap: 30px; }
    .copyright-links a { color: var(--footer-muted); font-size: 12px; letter-spacing: 0.5px; transition: var(--transition-smooth); text-decoration: none; }
    .copyright-links a:hover { color: var(--footer-light-gold); }
    .payment-methods { display: flex; gap: 10px; align-items: center; }
    .payment-icon { font-size: 24px; color: var(--footer-muted); transition: var(--transition-smooth); }
    .payment-icon:hover { color: var(--footer-gold); }

/* =========================================
       PREMIUM MOBILE NAVIGATION (FLOATING PILL)
       ========================================= */
    .mobile-nav {
        display: none; /* Desktop default */
    }

/* =========================================
       RESPONSIVE BREAKPOINTS
       ========================================= */
    @media (min-width: 768px) {
        .desktop-footer { display: block; animation: fadeInUp 0.8s ease; }
    }

@media (max-width: 1200px) {
        .footer-container { grid-template-columns: repeat(2, 1fr); gap: 40px; }
        .brand-col { grid-column: 1 / -1; text-align: center; padding-right: 0; }
        .footer-logo { justify-content: center; }
    }

@media (max-width: 767px) {
        /* FIX: Prevents page content from hiding behind the floating nav */
        body { padding-bottom: 110px !important; }

.footer-container { grid-template-columns: 1fr; gap: 30px; padding: 0 20px; }
        .social-icons { justify-content: center; }
        .copyright-section { flex-direction: column; gap: 20px; text-align: center; }
        .copyright-links { flex-wrap: wrap; justify-content: center; gap: 15px; }
        
        /* FLOATING COMPACT NAV */
        .mobile-nav {
            display: flex;
            position: fixed;
            bottom: 20px; /* Floating slightly above the edge */
            left: 50%;
            transform: translateX(-50%);
            width: 92%;
            max-width: 450px;
            background: var(--glass-dark);
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            border: 1px solid rgba(197, 165, 114, 0.3); /* Gold accent border */
            border-radius: 50px; /* Full curved pill shape */
            justify-content: space-between;
            align-items: center;
            padding: 8px 15px;
            z-index: 1000;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(255,255,255,0.1);
        }

.nav-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: var(--footer-muted);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            transition: var(--bounce-anim);
            position: relative;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            text-decoration: none;
        }

.nav-item i {
            font-size: 20px;
            margin-bottom: 4px;
            transition: var(--transition-smooth);
        }

.nav-item span {
            font-size: 9px;
            font-weight: 600;
            transition: var(--transition-smooth);
        }

/* ACTIVE STATE - POP UP & GLOW */
        .nav-item.active {
            background: linear-gradient(135deg, var(--footer-gold), #e8c68c);
            color: var(--footer-deep);
            transform: translateY(-20px); /* Protrudes out of the pill */
            box-shadow: 0 10px 25px rgba(197, 165, 114, 0.5);
            border: 4px solid var(--body-bg); /* Cutout illusion */
        }

.nav-item.active i {
            margin-bottom: 0;
            font-size: 22px;
        }

.nav-item.active span {
            opacity: 0; /* Hide text to keep active icon clean & minimal */
            position: absolute;
            bottom: -15px;
            transform: translateY(10px);
        }

/* Premium Cart Badge */
        .mobile-cart-badge {
            position: absolute;
            top: 4px;
            right: 4px;
            background: #D32F2F; /* Red dot for attention */
            color: #fff;
            font-size: 9px;
            font-weight: 800;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid var(--glass-dark);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
            transition: var(--transition-smooth);
        }

.nav-item.active .mobile-cart-badge {
            top: -5px;
            right: -2px;
            border-color: var(--footer-gold); /* Match gold when active */
        }
    }

@media (max-width: 380px) {
        .mobile-nav { width: 95%; padding: 6px 10px; }
        .nav-item { width: 45px; height: 45px; }
        .nav-item i { font-size: 18px; }
        .nav-item span { font-size: 8px; }
    }

/* =========================================
       ANIMATIONS
       ========================================= */
    @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
</style>

<p class="brand-desc">
                Redefining luxury through heritage craftsmanship and contemporary design. 
                Each piece tells a story of tradition, authenticity, and unparalleled quality 
                curated for the discerning connoisseur.
            </p>
            
            <div class="social-icons">
                <div class="social-icon"><i class="fab fa-instagram"></i></div>
                <div class="social-icon"><i class="fab fa-pinterest"></i></div>
                <div class="social-icon"><i class="fab fa-facebook-f"></i></div>
                <div class="social-icon"><i class="fab fa-youtube"></i></div>
            </div>
            
            <div class="trust-badges">
                <div class="trust-badge">100% Authentic</div>
                <div class="trust-badge">Secure Payment</div>
                <div class="trust-badge">Free Shipping</div>
            </div>
        </div>

<div class="footer-col">
            <h4>Collections</h4>
            <ul>
                <li><a href="category.php?type=new">New Arrivals</a></li>
                <li><a href="category.php?cat=apparel">Apparel</a></li>
                <li><a href="category.php?cat=jewelry">Fine Jewelry</a></li>
                <li><a href="category.php?cat=home">Home Decor</a></li>
                <li><a href="category.php?cat=wellness">Wellness</a></li>
                <li><a href="category.php?cat=gifts">Luxury Gifting</a></li>
            </ul>
        </div>

<div class="footer-col">
            <h4>Quick Links</h4>
            <ul>
                <li><a href="aboutUs.php">About Us</a></li>
                <li><a href="contactUs.php">Contact Us</a></li>
                <li><a href="care-guide.php">Product Care</a></li>
                <li><a href="faq.php">FAQ</a></li>
                <li><a href="orders.php">Track Your Order</a></li>
                <li><a href="blog.php">Blogs</a></li>
            </ul>
        </div>

<div class="footer-col">
            <h4>Policies</h4>
            <ul>
                <li><a href="shipping-policy.php">Shipping Policy</a></li>
                <li><a href="returnRefund.php">Returns & Refund</a></li>
                <li><a href="privacypolicy.php">Privacy Policy</a></li>
                <li><a href="terms-of-service.php">Terms of Service</a></li>
            </ul>
        </div>

<div class="footer-col newsletter-col">
            <div class="newsletter-title">Exclusive Access</div>
            <h4>Newsletter</h4>
            <p style="color: var(--footer-muted); font-size: 13px; line-height: 1.6; margin-bottom: 20px;">
                Subscribe for private previews, member-only events, and early access to limited collections.
            </p>
            
            <form class="newsletter-form" id="newsletterForm">
                <input type="email" placeholder="Enter your email address" class="newsletter-input" required>
                <button type="submit" class="newsletter-btn">
                    <i class="fas fa-paper-plane"></i> Subscribe
                </button>
            </form>
            
            <div style="margin-top: 25px;">
                <div class="newsletter-title" style="margin-bottom: 15px;">Secure Payments</div>
                <div class="payment-methods">
                    <i class="fab fa-cc-visa payment-icon"></i>
                    <i class="fab fa-cc-mastercard payment-icon"></i>
                    <i class="fab fa-cc-amex payment-icon"></i>
                    <i class="fab fa-cc-paypal payment-icon"></i>
                    <i class="fas fa-university payment-icon"></i>
                </div>
            </div>
        </div>
    </div>

<div class="copyright-section">
        <div class="copyright-text">
            &copy; <?php echo date('Y'); ?> ECOMISH LUXURY. All Rights Reserved .
        </div>
         <div class="copyright-text">
            Developed by <a href="https://geinca.com"><span style="color:aqua;">Geinca</span></a>.
        </div>
        <div class="copyright-links">
            <a href="privacypolicy.php">Privacy</a>
            <a href="terms-of-service.php">Terms</a>
            <a href="contactUs.php">Contact</a>
        </div>
    </div>
</footer>

<div class="mobile-nav">
    <a href="index.php" class="nav-item <?php echo basename($_SERVER['PHP_SELF']) == 'index.php' ? 'active' : ''; ?>">
        <i class="fas fa-home"></i>
        <span>Home</span>
    </a>
    
    <a href="category.php" class="nav-item <?php echo basename($_SERVER['PHP_SELF']) == 'category.php' ? 'active' : ''; ?>">
        <i class="fas fa-th-large"></i>
        <span>Shop</span>
    </a>
    
    <a href="wishlist.php" class="nav-item <?php echo basename($_SERVER['PHP_SELF']) == 'wishlist.php' ? 'active' : ''; ?>">
        <i class="fas fa-heart"></i>
        <span>Wishlist</span>
    </a>
    
    <a href="cart.php" class="nav-item cart-item <?php echo basename($_SERVER['PHP_SELF']) == 'cart.php' ? 'active' : ''; ?>">
        <i class="fas fa-shopping-bag"></i>
        <span>Cart</span>
        <?php
        if(isset($_SESSION['user_id'])){
            $uid = $_SESSION['user_id'];
            if(isset($conn)){
                $c_res = $conn->query("SELECT COUNT(*) as count FROM cart WHERE user_id=$uid");
                if($c_res && $c_res->num_rows > 0){
                    $c_row = $c_res->fetch_assoc();
                    if($c_row['count'] > 0){
                        echo '<span class="mobile-cart-badge">'.$c_row['count'].'</span>';
                    }
                }
            }
        }
        ?>
    </a>
    
    <a href="profile.php" class="nav-item <?php echo basename($_SERVER['PHP_SELF']) == 'profile.php' ? 'active' : ''; ?>">
        <i class="fas fa-user"></i>
        <span>Profile</span>
    </a>
</div>

</body>
</html>

Batal

⬅ Naik ke ecomish.com 49 item

Nama	Tipe	Ukuran	Diubah	Aksi
📁PHPMailer-master	dir	—	2026-02-18 06:37	📂 Buka
📁admin	dir	—	2026-04-19 01:30	📂 Buka
📁images	dir	—	2026-02-18 08:01	📂 Buka
📁uploads	dir	—	2026-07-03 18:37	📂 Buka
📁vendor	dir	—	2026-02-02 11:41	📂 Buka
📄.htaccess	htaccess	0 B	2026-02-05 07:26	✏️ Edit 👁️ View
🐘404.php	php	754 B	2026-02-02 11:41	✏️ Edit 👁️ View
🗜️PHPMailer-master.zip	zip	461.7 KB	2026-02-18 06:36	✏️ Edit 👁️ View
🐘aboutUs.php	php	47.8 KB	2026-02-02 11:41	✏️ Edit 👁️ View
🐘article.php	php	3.3 KB	2026-02-02 11:41	✏️ Edit 👁️ View
🐘blog.php	php	2.9 KB	2026-02-02 11:41	✏️ Edit 👁️ View
🐘cart.php	php	19.3 KB	2026-04-10 07:49	✏️ Edit 👁️ View
🐘cashfree_webhook.php	php	2.7 KB	2026-02-02 11:41	✏️ Edit 👁️ View
🐘category.php	php	7.6 KB	2026-02-25 10:31	✏️ Edit 👁️ View
🐘check_ip.php	php	509 B	2026-02-06 11:31	✏️ Edit 👁️ View
🐘checkout.php	php	67.2 KB	2026-04-10 07:54	✏️ Edit 👁️ View
🐘config.php	php	274 B	2026-02-02 11:43	✏️ Edit 👁️ View
🐘contact.php	php	1.1 KB	2026-02-02 11:41	✏️ Edit 👁️ View
🐘contactUs.php	php	41 KB	2026-02-02 11:41	✏️ Edit 👁️ View
🗜️ecomish.zip	zip	393.4 KB	2026-02-02 11:41	✏️ Edit 👁️ View
🗜️ecomish260226.zip	zip	37.1 MB	2026-02-26 10:24	✏️ Edit 👁️ View
🗜️ecomishbackup16022026.zip	zip	34.5 MB	2026-02-16 09:46	✏️ Edit 👁️ View
🗜️ecomishbackup18022026.zip	zip	34.6 MB	2026-02-18 06:32	✏️ Edit 👁️ View
🗜️ecomishlive222026.zip	zip	29.5 MB	2026-02-02 11:39	✏️ Edit 👁️ View
🐘faq.php	php	18.7 KB	2026-02-25 12:03	✏️ Edit 👁️ View
🐘footer.php	php	21.5 KB	2026-02-25 12:00	✏️ Edit 👁️ View
🐘forgot_password.php	php	10.8 KB	2026-02-23 08:07	✏️ Edit 👁️ View
🐘functions.php	php	956 B	2026-02-02 11:41	✏️ Edit 👁️ View
🐘header.php	php	19.9 KB	2026-04-10 07:53	✏️ Edit 👁️ View
🐘hu.php	php	176.5 KB	2026-04-19 01:35	✏️ Edit 👁️ View
🐘index.php	php	34.4 KB	2026-04-10 07:12	✏️ Edit 👁️ View
🐘install.php	php	2.8 KB	2026-02-02 11:41	✏️ Edit 👁️ View
🐘login.php	php	11.7 KB	2026-03-05 08:05	✏️ Edit 👁️ View
🐘logout.php	php	79 B	2026-02-02 11:41	✏️ Edit 👁️ View
🐘nimbus_shipping.php	php	7.3 KB	2026-02-09 06:39	✏️ Edit 👁️ View
🐘order_success.php	php	17.6 KB	2026-02-28 10:40	✏️ Edit 👁️ View
🐘orders.php	php	10.4 KB	2026-02-18 10:28	✏️ Edit 👁️ View
🐘privacypolicy.php	php	39.5 KB	2026-02-02 11:41	✏️ Edit 👁️ View
🐘product.php	php	22.9 KB	2026-02-26 11:25	✏️ Edit 👁️ View
🐘products.php	php	15.1 KB	2026-04-10 07:09	✏️ Edit 👁️ View
🐘profile.php	php	32.4 KB	2026-02-25 12:12	✏️ Edit 👁️ View
🐘register.php	php	18.3 KB	2026-03-05 08:01	✏️ Edit 👁️ View
🐘returnRefund.php	php	47.5 KB	2026-02-02 11:41	✏️ Edit 👁️ View
🐘search.php	php	13.2 KB	2026-02-16 12:44	✏️ Edit 👁️ View
🐘seller_register.php	php	18.5 KB	2026-02-28 07:52	✏️ Edit 👁️ View
🐘seller_status.php	php	7.9 KB	2026-02-28 07:43	✏️ Edit 👁️ View
🐘shipping-policy.php	php	48.4 KB	2026-02-02 11:41	✏️ Edit 👁️ View
🐘terms-of-service.php	php	71.5 KB	2026-02-02 11:41	✏️ Edit 👁️ View
🐘wishlist.php	php	9.9 KB	2026-02-02 11:41	✏️ Edit 👁️ View