<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>
<?= $title ?? 'EasyChair Portal' ?>
</title>

<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">

<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap"
rel="stylesheet">

<style>

body {
    font-family: 'Cairo', sans-serif;
    background-color: #f4f6f9;
}

.navbar-brand {
    font-weight: 700;
}

.container-box {
    margin-top: 40px;
}

</style>

</head>

<body>

<nav class="navbar navbar-expand-lg navbar-dark bg-primary">

<div class="container">

<a class="navbar-brand"
href="/easychair">

EasyChair Portal

</a>

</div>

</nav>

<div class="container container-box">

<?= $content ?>

</div>

</body>
</html>
