File Manager

Editing: footer.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>footer</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
         
        .subtitle {
            font-size: 1.2rem;
            opacity: 0.9;
        }
        
        .content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
            margin-bottom: 40px;
        }
        
        
        /* Footer styles */
        footer {
            background: #1b5e20;
            color: white;
             padding: 40px 20px 70px;
            margin-top: 50px;
            border-radius: 15px 15px 0 0;
        }
        
       
        
        footer h4 {
            color: #ffeb3b;
        }
        
        footer a {
            color: #fff;
        }
        
        footer a:hover {
            color: #ff9800;
        }
        
        
        /* Mobile Bottom Navigation */
        .mobile-nav {
            display: none;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: white;
            box-shadow: 0 -2px 20px rgba(0,0,0,0.15);
            z-index: 1000;
            padding: 10px 0;
        }
        
        .nav-items {
            display: flex;
            justify-content: space-around;
            list-style: none;
        }
        
        .nav-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            flex: 1;
        }
        
        .nav-item a {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-decoration: none;
            color: #40e351;
            font-size: 0.75rem;
            padding: 5px 0;
            width: 100%;
        }
        
        .nav-item i {
            font-size: 1.4rem;
            margin-bottom: 4px;
            transition: color 0.3s;
        }
        
        .nav-item.active a {
            color: #2e7d32;
        }
        
        .nav-item.active i {
            color: #ff9800;
        }
        
        .nav-item:hover i {
            color: #43a047;
        }
        
        /* Show mobile nav only on mobile screens */
        @media (max-width: 768px) {
            .mobile-nav {
                display: block;
            }
            
            body {
                padding-bottom: 70px;
            }
            
           
        }
        
        /* Demo content for mobile view */
        .mobile-demo {
            display: none;
            text-align: center;
            margin: 20px 0;
            padding: 15px;
            background: #e8f5e9;
            border-radius: 10px;
        }
        
        @media (max-width: 768px) {
            .mobile-demo {
                display: block;
            }
        }
    </style>
    
</head>
<body>
  <footer>
        <div class="footerlinks">
            <div class="footerservices">
                <h4>SERVICES</h4>
                <a href="/sell" style="color: #75ff83;font-size: 26px;">
                    Sell on eizon
                </a>
                <a href="/add_request">Request a product</a>
                <a href="/requests_page">See product requests</a>
                 <a href="/register">Create Account</a>
                 <a href="/login">LOGIN</a>
                
            </div>
            <div class="footercategories">
                <h4>TOP CATEGORIES</h4>
               <a href="/products">All Categories</a>
    <a href="/products/Electronics">Electronics</a>
    <a href="/products/Fashion-and-Beauty">Fashion & Beauty</a>
    <a href="/products/Home-Accessories">Home Accessories</a>
    <a href="/products/Decorations">Decorations</a>
    <a href="/products/Food-and-Nutrition">Food & Nutrition</a>
    <a href="/products/Services">Services</a>
    <a href="/products/transport">transport</a>
    <a href="/products/Other">Other</a>
            </div>
            <div class="footernavigation">
                <h4>SITE NAVIGATION</h4>
                <a href="blogpost.php">Blogs</a>
                <a href="/home">Home</a>
                <a href="/allproducts">Products</a>
                <a href="/about-us">About US</a>
                <a href="/privacy-policy">Privacy Policy</a>
                <a href="/terms-and-conditions">Terms & Conditions</a>
            </div>
            <div class="footercontacts">
                <h4>CONTACTS</h4>
                <a href="tel:+255711581675"><i class="fa-solid fa-phone"></i> <span> +255 746 024 949</span> </a>
                <a href="sms:+255711581675"><i class="fa-solid fa-message"></i> <span> +255 711 581 675</span> </a>
                <a href="mailto:info@eizononline.com"> <i class="fa-solid fa-envelope"></i> <span> info@eizononline.com</span></a>
                <input type="text" placeholder="Search eizon">
            </div>
        </div>

<div class="socialmediaicons">
            <hr>
                <div class="socials">
                    <a href="https://www.instagram.com/eizononline">
                        <i class="fa-brands fa-square-instagram"></i>
                    </a>
                     <a href="https://www.facebook.com/eizononline/">
                        <i class="fa-brands fa-facebook"></i>
                    </a>
                   
                    <a href="https://chat.whatsapp.com/BjYHA7zTwzN0EA0cdZJnzd">
                        <i class="fa-brands fa-square-whatsapp"></i>
                    </a>
                    
                </div>  
            <hr>
        </div>
        <div class="footerlogo">
            <h1>e!zon</h1>
            <p>
             Developed by <a href="https://developers.eizononline.com/">eiDevs</a>   |  Copyright ©<?= date('Y'); ?> eizon, a <a href="http://www.instagram.com/dacotyindustry?igsh=MTRhZGE3N3MwZ282bQ==">daCotyINDUSTRY</a> Company. All Rights Reserved.
            </p>
        </div>       
    </footer>
    
     
    <nav class="mobile-nav">
        <ul class="nav-items" style="padding-left:0px;margin:0;">
            <li class="nav-item active">
                <a href="/home">
                    <i class="fas fa-home"></i>
                    <span>Home</span>
                </a>
            </li>
            <li class="nav-item">
                <a href="/allproducts">
                    <i class="fas fa-shopping-cart"></i>
                    <span>Shop</span>
                </a>
            </li>
            <li class="nav-item">
                <a href="/sell">
                    <i class="fas fa-plus-circle"></i>
                    <span>Add Product</span>
                </a>
            </li>
            <li class="nav-item">
                <a href="/requests_page">
                    <i class="fas fa-clipboard-list"></i>
                    <span>Request</span>
                </a>
            </li>
            <li class="nav-item">
                <a href="/dashboard">
                    <i class="fas fa-user"></i>
                    <span>Account</span>
                </a>
            </li>
        </ul>
    </nav>
    
   <script>
document.addEventListener("DOMContentLoaded", function () {
    const currentPath = window.location.pathname;
    const navItems = document.querySelectorAll(".mobile-nav .nav-item");

let matched = false;

navItems.forEach(item => {
        const link = item.querySelector("a");
        const linkPath = link.getAttribute("href");

let isActive = false;

// ✅ Special cases
        if (linkPath === "/sell" && (currentPath.startsWith("/sell") || currentPath.startsWith("/addproduct"))) {
            isActive = true; // /sell OR /addproduct = Add Product
        } 
        else if (linkPath === "/dashboard" && currentPath.startsWith("/dashboard")) {
            isActive = true; // /dashboard/* = Account
        } 
         else if (linkPath === "/allproducts" && (currentPath.startsWith("/products") || currentPath.startsWith("/regions"))) {
            isActive = true; // /products/* or /regions/* = Shop
        }
        else if (currentPath === linkPath || currentPath.startsWith(linkPath + "/")) {
            isActive = true; // Normal match
        }

if (isActive) {
            item.classList.add("active");
            matched = true;
        } else {
            item.classList.remove("active");
        }
    });

// ✅ Fallback: Home if nothing else matches
    if (!matched) {
        const homeItem = document.querySelector('.mobile-nav .nav-item a[href="/home"]')?.parentElement;
        if (homeItem) homeItem.classList.add("active");
    }
});
</script>

<?php include_once __DIR__ . '/cordova-bridge.php'; ?>  
</body>
</html>

⬅ Back