alikulufan

Back Back Up Advanced Editor

<?php
header('Content-Type: text/html; charset=utf-8');
session_start();
include 'db.php';

// Latest reviews
$latestReviews = $pdo->query("
  SELECT r.comment, r.rating, u.username, c.name AS company_name
  FROM reviews r
  JOIN users u ON r.user_id = u.id
  JOIN companies c ON r.company_id = c.id
  ORDER BY r.id DESC
  LIMIT 5
")->fetchAll();
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Careers - Review Stream</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;600&display=swap" rel="stylesheet">

<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Raleway&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap" rel="stylesheet">

<link rel="icon" href="/favicon.png" type="image/png" />

<style>
  body {
    font-family: 'Roboto', sans-serif;
    background: #fafafa;
    color: #333;
    margin: 0;
	margin-bottom: 120px !important;
  }
  .content-layout { display: flex; gap: 20px; flex-wrap: wrap; }
  .main-content { flex: 3; min-width: 250px; }
  .sidebar { flex: 1; min-width: 200px; display: flex; flex-direction: column; gap: 15px; }
  .hero {
    position: relative;
    background: url('https://images.pexels.com/photos/3184292/pexels-photo-3184292.jpeg?auto=compress&cs=tinysrgb&h=500') center/cover no-repeat;
    color: white;
    border-radius: 12px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 25px;
  }
  .hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.55);
  }
  .hero-content {
    position: relative;
    padding: 60px 20px;
  }
  .hero h1 {
    font-size: 2em;
    margin-bottom: 10px;
  }
  .hero p {
    max-width: 600px;
    margin: 0 auto;
    font-size: 1.1em;
  }
  .card {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
    margin-bottom: 25px;
  }
  .values-list {
    list-style: none;
    padding: 0;
    margin-top: 15px;
  }
  .values-list li {
    background: #e8f5e9;
    margin: 8px 0;
    padding: 10px 15px;
    border-radius: 8px;
  }
  .banner-img {
    width: 100%;
    border-radius: 10px;
    margin: 15px 0;
  }
  .job-listing {
    display: grid;
    gap: 15px;
  }
  .job-card {
    background: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.05);
  }
  .cta-card {
    text-align: center;
    background: #e8f5e9;
  }
  /* Sidebar reviews stars */
  .star-box {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    border-radius: 3px;
    margin-right: 2px;
    color: white;
    background-color: #ccc;
  }
  .star-box.filled {
    background-color: #28a745;
  }
  
  .fixed-footer {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      background: #222;
      text-align: center;
      padding: 10px 0;
      color: #fff;
      z-index: 1000;
    }
	.fixed-footer p{
		font-family: 'Poppins', sans-serif !important;
		font-size: 13px !important;
	}

.footer-menu a {
      margin: 0 10px;
      text-decoration: none;
      color: #fff;
	  font-family: 'Poppins', sans-serif !important;
	  font-size: 13px !important;
    }

.footer-menu a:hover {