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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= $titre ?? parse_ini_file(".env")["APP_NAME"] ?></title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link rel="stylesheet" href="public/css/style.css">
</head>

<body>
    <!-- Ta barre de nav (header) reste toujours pareil et sera toujours visible malgré le scroling car tu n'a pas vraiment de footer -->
    <header>
        <nav>
            <!-- Logo -->
            <div class="nav-logo">
                <a href="connexion-index">
                    <img src="public/img/logo.png" alt="Logo" width="150" height="100" class="logo-header">
                </a>
            </div>

            <!-- Liens -->
            <div class="nav-liens-container">
                <ul class="nav-liens">
                    <li class="nav-item"><a href="index">À propos de PUBG6</a></li>
                    <li class="nav-item"><a href="menu-index">Le menu</a></li>
                    <li class="nav-item"><a href="contact-index">Contact</a></li>
                </ul>
            </div>
        </nav>
    </header>