test.md

@@ -68,6 +68,12 @@
       font-size: 1rem;
       text-align: center;
     }
+    .tile-text {
+      padding: 0.5rem 1rem 1rem;
+      font-size: 0.95rem;
+      color: #444;
+      text-align: center;
+    }
 
   </style>
 </head>
@@ -86,21 +92,25 @@
   <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-text">Enfin un SGBD ! Lorem ipsum....</div>
   </a>
 
   <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>
   </a>
 
   <a href="#" class="tile">
     <img src="https://aide.din.developpement-durable.gouv.fr/images/bnum/vignettes/bnum.svg" alt="Bnum" />
     <div class="caption">DOCS</div>
+    <div class="tile-text">Un éditeur collaboratif en Markdown ! Lorem ipsum....</div>
   </a>
 
   <a href="#" class="tile">
     <img src="https://aide.din.developpement-durable.gouv.fr/images/bnum/Bnum2025.svg" alt="Bnum"/>
     <div class="caption">VISIO</div>
+    <div class="tile-text">Une nouvelle solution de webconf plus performante et souveraine ! Lorem ipsum....</div>
   </a>
 
 </section>