File Manager

Editing:header.php

<?php require_once 'db.php'; ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo isset($page_title) ? $page_title . ' | ' . SITE_NAME : SITE_NAME; ?></title>
    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
    
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary-blue: #004b93;
            --primary-orange: #f26522;
            --soft-bg: #f8fafc;
        }

body { 
            font-family: 'Plus Jakarta Sans', sans-serif; 
            background-color: #fff; 
            color: #333;
        }

.navbar-topjob {
            background: #fff;
            padding: 0.5rem 0;
            border-bottom: 2px solid #eee;
        }

.brand-text {
            font-weight: 800;
            font-size: 1.5rem;
            color: var(--primary-blue);
            line-height: 1;
        }
        .brand-subtext {
            font-size: 0.7rem;
            color: #666;
            text-transform: lowercase;
            display: block;
        }

.btn-login {
            background-color: var(--primary-orange);
            color: #fff;
            font-weight: bold;
            font-size: 0.8rem;
            padding: 8px 30px;
            border-radius: 4px;
            text-transform: uppercase;
            border: none;
            white-space: nowrap;
            min-width: 200px; /* Increased to 200px for more width */
            text-align: center;
            transition: background-color 0.3s;
        }
        .btn-login:hover {
            background-color: #d15115;
            color: #fff;
        }

.hamburger-btn {
            border: 2px solid #ddd;
            color: #333;
            padding: 0.25rem 0.6rem;
            border-radius: 6px;
        }

/* Sidebar toggle button for mobile */
        .category-sidebar-btn {
            position: fixed;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            background-color: var(--primary-blue);
            color: #fff;
            writing-mode: vertical-rl;
            text-orientation: mixed;
            padding: 1.5rem 0.5rem;
            font-weight: bold;
            z-index: 1050;
            border-radius: 0 5px 5px 0;
            cursor: pointer;
            display: none;
        }
        @media (max-width: 991.98px) {
            .category-sidebar-btn { display: block; }
        }

.job-card {
            border-bottom: 1px dotted #ccc;
            padding: 1rem 0;
        }
        .job-title { color: var(--primary-blue); font-weight: bold; text-decoration: none; }
        .job-company { color: #333; font-weight: 500; }

/* Global Theme Enforcement */
        .btn-primary {
            background-color: var(--primary-blue) !important;
            border-color: var(--primary-blue) !important;
            color: #fff !important;
        }
        .btn-primary:hover {
            background-color: #003a73 !important;
            border-color: #003a73 !important;
        }
        .bg-primary {
            background-color: var(--primary-blue) !important;
        }
        .text-primary {
            color: var(--primary-blue) !important;
        }
        .btn-outline-primary {
            color: var(--primary-blue) !important;
            border-color: var(--primary-blue) !important;
        }
        .btn-outline-primary:hover {
            background-color: var(--primary-blue) !important;
            color: #fff !important;
        }
        .border-primary {
            border-color: var(--primary-blue) !important;
        }
        .list-group-item.active {
            background-color: var(--primary-blue) !important;
            border-color: var(--primary-blue) !important;
        }
        .dropdown-item.active, .dropdown-item:active {
            background-color: var(--primary-blue) !important;
        }
        .page-link {
            color: var(--primary-blue) !important;
        }
        .page-item.active .page-link {
            background-color: var(--primary-blue) !important;
            border-color: var(--primary-blue) !important;
            color: #fff !important;
        }
        
        .hot-jobs-header {
            background-color: var(--primary-blue);
            color: #fff;
            padding: 0.5rem 1rem;
            font-weight: bold;
            border-radius: 4px 4px 0 0;
        }
    </style>
</head>
<body>

<nav class="navbar navbar-expand-lg navbar-topjob sticky-top">
    <div class="container d-flex justify-content-between align-items-center">
        
        <div style="flex: 1;">
            <a href="<?php echo BASE_URL; ?>index.php" class="text-decoration-none">
                <span class="brand-text">jobly.lk<sup>&reg;</sup></span>
                <span class="brand-subtext">recruitment made easy</span>
            </a>
        </div>

<div class="d-flex justify-content-center align-items-center" style="flex: 2;">
            
            <button class="navbar-toggler border-0 d-lg-none" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <i class="bi bi-list fs-1 text-dark"></i>
            </button>

<div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav mx-auto gap-lg-4 text-center">
                    <li class="nav-item">
                        <a class="nav-link fw-bold px-3 py-2 text-dark hover-red" href="<?php echo BASE_URL; ?>index.php">HOME</a>
                    </li>
                    <li class="nav-item">
                        <a class="btn btn-outline-dark fw-bold px-4 py-2 text-uppercase ms-lg-2" href="<?php echo BASE_URL; ?>jobs.php" style="font-size: 0.8rem; border-width: 2px;">Find Jobs</a>
                    </li>
                    <li class="nav-item">
                        <a class="btn btn-outline-dark fw-bold px-4 py-2 text-uppercase ms-lg-2" href="<?php echo BASE_URL; ?>services.php" style="font-size: 0.8rem; border-width: 2px;">Services</a>
                    </li>
                    <li class="nav-item">
                        <a class="btn btn-outline-dark fw-bold px-4 py-2 text-uppercase ms-lg-2" href="<?php echo BASE_URL; ?>companies.php" style="font-size: 0.8rem; border-width: 2px;">Companies</a>
                    </li>
                    <?php if(isset($_SESSION['employer_id']) || isset($_SESSION['admin_id']) || isset($_SESSION['candidate_id'])): ?>
                        <li class="nav-item d-lg-none">
                            <a class="nav-link fw-bold px-3 py-2 text-danger" href="<?php echo BASE_URL; ?>logout.php">LOGOUT</a>
                        </li>
                    <?php endif; ?>
                </ul>
            </div>
        </div>

<div class="d-flex justify-content-end align-items-center gap-3" style="flex: 1;">
            <?php if(isset($_SESSION['employer_id'])): ?>
                <div class="dropdown">
                    <a href="#" class="btn btn-login dropdown-toggle" data-bs-toggle="dropdown">
                        <i class="bi bi-person-circle me-1"></i> Dashboard
                    </a>
                    <ul class="dropdown-menu dropdown-menu-end shadow-sm border-0">
                        <li><a class="dropdown-item fw-bold" href="<?php echo BASE_URL; ?>employer/dashboard.php">Dashboard</a></li>
                        <li><a class="dropdown-item" href="<?php echo BASE_URL; ?>employer/profile.php">Profile</a></li>
                        <li><hr class="dropdown-divider"></li>
                        <li><a class="dropdown-item text-danger" href="<?php echo BASE_URL; ?>logout.php">Logout</a></li>
                    </ul>
                </div>
            <?php elseif(isset($_SESSION['candidate_id'])): ?>
                <div class="dropdown">
                    <a href="#" class="btn btn-login dropdown-toggle" data-bs-toggle="dropdown" style="background-color: var(--primary-orange);">
                        <i class="bi bi-person-circle me-1"></i> My Account
                    </a>
                    <ul class="dropdown-menu dropdown-menu-end shadow-sm border-0">
                        <li><a class="dropdown-item fw-bold" href="<?php echo BASE_URL; ?>candidate/dashboard.php">Dashboard</a></li>
                        <li><hr class="dropdown-divider"></li>
                        <li><a class="dropdown-item text-danger" href="<?php echo BASE_URL; ?>logout.php">Logout</a></li>
                    </ul>
                </div>
            <?php elseif(isset($_SESSION['admin_id'])): ?>
                <a href="<?php echo BASE_URL; ?>admin/dashboard.php" class="btn btn-login" style="background-color: var(--primary-blue);">Admin Panel</a>
                <a href="<?php echo BASE_URL; ?>logout.php" class="btn btn-outline-secondary btn-sm rounded-pill"><i class="bi bi-power"></i></a>
            <?php else: ?>
                <a href="<?php echo BASE_URL; ?>login.php" class="btn btn-login">Log In / Sign Up</a>
            <?php endif; ?>
        </div>
    </div>
</nav>

@media (max-width: 991.98px) {
        .navbar-collapse {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: #fff;
            padding: 1rem;
            box-shadow: 0 10px 15px rgba(0,0,0,0.1);
            border-top: 1px solid #eee;
            z-index: 1000;
        }
        .navbar-nav {
            padding: 1rem 0;
        }
    }
</style>

<div class="category-sidebar-btn" onclick="document.getElementById('sidebar-col').classList.toggle('d-none')">
    Show Job Categories
</div>

Cancel

🤩 File Manager - Mr.X

Editing:header.php