Voici mon offres.php
<?php
include_once "$racine/modele/bd.offres.php";
// appel des fonctions permettant de récupérer les données utiles a l'affichage
$titre = "OFFRES - Fusion Interim";
$offres = getOffres();
// appel du script de vue qui permet de gérer l'affichage des données
include_once "$racine/vue/entete.html.php";
include_once "$racine/vue/vueOffre.php";
include_once "$racine/vue/pied.html.php";
?>
vueOffre.php
<!DOCTYPE html>
<html>
<head>
<meta property="og:title" content="OFFRES - Fusion Interim">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<meta property="og:title" content="OFFRES - Fusion Interim">
<h1>Nos différentes offres de travail, pour vous !</h1>
<div class="card">
<div class="card-body">
<h5 class="card-title">Offre </h5>
<p class="card-text">Description de l'offre </p>
<a href="#" class="btn btn-primary">Postuler</a>
</div>
</div>
<a href=".?action=offres/<?= $offres['idOffre'] ?>">Voir l'offre</a>
<div class="tagCard">
<ul id="tagOffre">
<li class="tag"><span class="tag">#<?= $offres['nomDomaine'] ?></span></li>
</ul>
</div>
</body>
</html>
et mon entete
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title><?php echo $titre ?></title>
<link rel="stylesheet" type="text/css" href="/fusion_yohan/site/css/style.css">
<style>
/* Code CSS pour le menu */
#menuGeneral {
background-color: white; /* Couleur de fond du menu en blanc */
}
#menuGeneral li {
color: black; /* Couleur du texte du menu en noir */
}
#menuGeneral li:nth-child(3) a,
#menuGeneral li:nth-child(7) a {
font-weight: bold;
font-family: 'Roboto', sans-serif;
}
/* Code CSS pour l'arrière-plan de la page */
body {
background-color: lightgray; /* Couleur de fond de la page en gris clair */
}
</style>
</head>
<body>
<nav>
<ul id="menuGeneral">
<li id="logo"><a href="index.php"><img src="images/logo.png" alt="logo" style="width:45%; height: 50%;" /></a></li>
<li></li>
<li><a href="index.php">ACCUEIL</a></li>
<li style="display: flex; align-items: center; justify-content: center;"></li>
<li></li>
<li><a href="vue/vueOffre.php">OFFRES</a></li>
<li style="display: flex; align-items: center; justify-content: center;"></li>
<li></li>
</ul>
</nav>
<div id = "bouton">
<div></div>
<div></div>
<div></div>
</div>
Merci !