CrestRoad/website/includes/site-header.php

51 lines
3.2 KiB
PHP

<?php
$pageTitle = $pageTitle ?? 'CREST';
$metaDescription = $metaDescription ?? 'CREST advances respiratory health through research, training, and collaboration.';
$canonical = '';
if (!empty($_SERVER['HTTP_HOST']) && !empty($_SERVER['REQUEST_URI'])) {
$scheme = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off') ? 'https' : 'http';
$canonical = $scheme . '://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="<?php echo htmlspecialchars($metaDescription, ENT_QUOTES, 'UTF-8'); ?>">
<meta name="robots" content="index,follow">
<meta property="og:title" content="<?php echo htmlspecialchars($pageTitle, ENT_QUOTES, 'UTF-8'); ?>">
<meta property="og:description" content="<?php echo htmlspecialchars($metaDescription, ENT_QUOTES, 'UTF-8'); ?>">
<?php if ($canonical): ?><link rel="canonical" href="<?php echo htmlspecialchars($canonical, ENT_QUOTES, 'UTF-8'); ?>"><?php endif; ?>
<title><?php echo htmlspecialchars($pageTitle); ?></title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary shadow-sm sticky-top">
<div class="container">
<a class="navbar-brand d-flex align-items-center gap-2" href="index.php">
<div class="brand-mark text-white fw-bold d-flex align-items-center justify-content-center">C</div>
<div>
<div class="fw-bold text-success m-0 lh-1">CREST</div>
<small class="text-muted d-block" style="font-size:12px;">Chest Research and Training</small>
</div>
</a>
<button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav" aria-controls="mainNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="mainNav">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0 small fw-semibold">
<li class="nav-item"><a class="nav-link text-muted" href="index.php">Home</a></li>
<li class="nav-item"><a class="nav-link text-muted" href="who-we-are.php">Who we are</a></li>
<li class="nav-item"><a class="nav-link text-muted" href="expertise.php">Our Expertise</a></li>
<li class="nav-item"><a class="nav-link text-muted" href="training.php">Training</a></li>
<li class="nav-item"><a class="nav-link text-muted" href="achievements.php">Achievements</a></li>
<li class="nav-item"><a class="nav-link text-muted" href="resources.php">Resources</a></li>
<li class="nav-item"><a class="nav-link text-muted" href="work-with-us.php">Work with us</a></li>
<li class="nav-item"><a class="nav-link text-muted" href="contact.php">Contact</a></li>
</ul>
</div>
</div>
</nav>