ajout de lightpad

Author: eyssette

assets/images/lightpad.avif

@@ -257,6 +257,24 @@ <h3 class="tw-mt-2 tw-text-2xl tw-font-semibold max-md:tw-text-xl">
                     <i class="bi bi-arrow-right"></i>
                 </span>
             </a>
+            <a href="https://lightpad.forge.apps.education.fr/"
+                class="tw-flex tw-border-[1px] tw-border-black tw-h-[400px] tw-w-[400px] tw-flex-col tw-gap-4 tw-overflow-clip tw-rounded-lg tw-p-4 max-lg:tw-w-[300px]">
+                <div class="tw-h-[250px] tw-w-full tw-overflow-hidden tw-rounded-md">
+                    <img src="./assets/images/lightpad.avif" alt="article image"
+                        class="tw-h-full tw-w-full tw-object-cover tw-transition-transform tw-duration-[0.3s] hover:tw-scale-[1.04]"
+                        loading="lazy" />
+                </div>
+                <h3 class="tw-mt-2 tw-text-2xl tw-font-semibold max-md:tw-text-xl">
+                    Lightpad
+                </h3>
+                <p class="tw-text-gray-800">
+                    Lightpad permet de créer un pad avec des capsules, la possibilité d'organiser en colonnes, avec des tags, un outil de recherche très rapide et des filtres automatiques.
+                </p>
+                <span>
+                    <span>Voir l'appli</span>
+                    <i class="bi bi-arrow-right"></i>
+                </span>
+            </a>
             <a href="https://marknews.forge.apps.education.fr/"
                 class="tw-flex tw-border-[1px] tw-border-black tw-h-[400px] tw-w-[400px] tw-flex-col tw-gap-4 tw-overflow-clip tw-rounded-lg tw-p-4 max-lg:tw-w-[300px]">
                 <div class="tw-h-[250px] tw-w-full tw-overflow-hidden tw-rounded-md">