File manager - Edit - /home/monara/public_html/BenHoldings_web/assets/php/career.php
Back
<?php include 'config.php'; // Fetch unique categories $categories_result = $conn->query("SELECT DISTINCT category FROM jobs"); if (!$categories_result) { die("Error fetching categories: " . $conn->error); } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Career Page</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"> <link href="../css/main.css" rel="stylesheet"> <!-- Main CSS File --> <link href="assets/css/main.css" rel="stylesheet"> </head> <body> <!-- Updated Bootstrap Navbar --> <header id="header" class="header d-flex align-items-center fixed-top"> <div class="container-fluid container-xl position-relative d-flex align-items-center"> <a href="/BenHoldings_web/index.php" class="logo d-flex align-items-center me-auto"> <img src="../img/benlogo.png" alt="Logo"> </a> <nav id="navmenu" class="navmenu"> <ul> <li><a href="\BenHoldings_web\index.php" >Home</a></li> <li><a href="\BenHoldings_web\index.php#about">About</a></li> <li><a href="\BenHoldings_web\index.php#featured-services">Sectors</a></li> <li><a href="assets\php\career.php">Carrers</a></li> </ul> <i class="mobile-nav-toggle d-xl-none bi bi-list"></i> </nav> <a class="btn-getstarted" href="\BenHoldings_web\index.php#contact">Contact Us</a> </div> </header> <div class="container my-5" style="margin-top: 80px !important;"> <div class="container section-title"> <h2 class="text-center">We support the development of future leaders.</h2> <p class="text-center">If you want to learn and train from the best professionals in the industry to become a leader that the future expects, do not hesitate to click on the APPLY.</p> </div> <!-- Updated Category Buttons --> <div class="row justify-content-center g-2 my-3"> <div class="col-12 d-flex flex-wrap justify-content-center gap-2"> <button onclick="loadJobs('')" class="btn btn-primary category-btn" data-category="">All</button> <?php while ($cat = $categories_result->fetch_assoc()): ?> <button onclick="loadJobs('<?= htmlspecialchars($cat['category']) ?>')" class="btn btn-outline-primary category-btn" data-category="<?= htmlspecialchars($cat['category']) ?>"> <?= htmlspecialchars($cat['category']) ?> </button> <?php endwhile; ?> </div> </div> <!-- Job Listings Container --> <div id="jobListings" class="row g-4"></div> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script> function loadJobs(category) { document.querySelectorAll('.category-btn').forEach(btn => { btn.classList.contains('btn-primary') ? btn.classList.replace('btn-primary', 'btn-outline-primary') : null; }); document.querySelector(`[data-category="${category}"]`).classList.replace('btn-outline-primary', 'btn-primary'); fetch('fetch_jobs.php', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded', }, body: 'category=' + encodeURIComponent(category) }) .then(response => response.text()) .then(data => { document.getElementById("jobListings").innerHTML = data; }); } window.onload = function() { loadJobs(''); }; </script> <?php include 'footer.php'; ?> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.06 |
proxy
|
phpinfo
|
Settings