Mini-Projet Yepify

Les consignes

Créez un dossier mini-projet-yepify dans votre dossier de repo.

Le but de ce mini-projet est de vous faire retravailler à la fois un peu l'intégration HTML / CSS (vous en aurez besoin cette semaine, particulièrement sur le projet The League) et de vous faire appliquer vous-même le principe de routing avec les paramètres $_GET.

Vous allez devoir intégrer deux pages (aucun contenu n'est dynamique à part le routing c'est simplement du HTML et du CSS) :

PHP

L'URL de la page tarifs doit être : ?route=nos-tarifs.

À part votre index.php et vos templates tout doit être classe, faites donc une classe Router et une classe PageController.

Une route qui n'existe pas doit renvoyer sur une page 404 (vous pouvez réutiliser le design de la page d'accueil en changeant le texte).

Intégration

Page d'accueil

Page de tarifs

Les infos CSS :

Couleurs

$neonPurple: #5e60ce;  
$neonBlue: #64dfdf;  
$palatinate-purple: #7400b8;  
$white: #ffffff;
$skobeloff: #006466;
  
$gradient-top-left: linear-gradient(225deg, #7400b8, #6930c3, #5e60ce, #5390d9, #4ea8de, #48bfe3, #56cfe1);

Typographies

<link rel="preconnect" href="https://fonts.googleapis.com">  
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>  
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100;200;300;400;500;600;700;800&display=swap" rel="stylesheet">

html {  
  font-size: 16px;  
}

font-family: 'JetBrains Mono', monospace;

Resources

Vous trouverez les différentes images utilisées dans les maquettes ici : les images de Yepify

03 March 2026