test.md

@@ -53,6 +53,7 @@
 
     .tile:hover {
       transform: translateY(-4px);
+      filter: grayscale(60%);
     }
 
     .tile img {
@@ -68,6 +69,14 @@
       font-size: 1rem;
       text-align: center;
     }
+
+    .tile-separator {
+      width: 60%;
+      height: 1px;
+      background-color: #ccc;
+      margin: 0.5rem auto;
+    }
+
     .tile-text {
       padding: 0.5rem 1rem 1rem;
       font-size: 0.95rem;
@@ -89,13 +98,14 @@
 </section>
 
 <section class="tiles">
-  <a href="Portail" class="tile">
+  <a href="./Portail" class="tile">
     <img src="https://aide.din.developpement-durable.gouv.fr/images/bnum/vignettes/bnum.svg" alt="Bnum" />
     <div class="caption">GRIST</div>
+    <div class="tile-separator"></div>
     <div class="tile-text">Enfin un SGBD ! Lorem ipsum....</div>
   </a>
 
-  <a href="parapheur" class="tile">
+  <a href="./parapheur" class="tile">
     <img src="https://aide.din.developpement-durable.gouv.fr/images/bnum/Bnum2025.svg" alt="Bnum"/>
     <div class="caption">PARAPHEUR</div>
     <div class="tile-text">Dématérialisons la signature des parapheurs. Lorem ipsum....</div>