Mini-Projet Yepify

Les consignes

Créez un dossier mini-projet-yepify dans le dossier coda-bph-j7

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 Apache.

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

PHP

Le routing doit impérativement utiliser la réécriture d'URLs avec Apache.

L'URL de la page tarifs doit être : /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

01 December 2025