| ... | ... | @@ -15,6 +15,10 @@ title: _test_home |
|
|
|
border-radius: 8px;
|
|
|
|
overflow: hidden;
|
|
|
|
transition: all 0.3s ease;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
text-decoration: none;
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wiki-home .tile:hover {
|
| ... | ... | @@ -23,14 +27,27 @@ title: _test_home |
|
|
|
filter: grayscale(50%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.wiki-home .tile-image {
|
|
|
|
position: relative;
|
|
|
|
width: 100%;
|
|
|
|
padding-top: 56.25%; /* Ratio 16:9 */
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wiki-home .tile img {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
width: 100%;
|
|
|
|
height: 150px;
|
|
|
|
height: 100%;
|
|
|
|
object-fit: cover;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wiki-home .tile-content {
|
|
|
|
padding: 15px;
|
|
|
|
flex-grow: 1;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wiki-home .tile h2 {
|
| ... | ... | @@ -53,57 +70,69 @@ title: _test_home |
|
|
|
|
|
|
|
<div class="grid-container">
|
|
|
|
<!-- Tuile 1 -->
|
|
|
|
<div class="tile">
|
|
|
|
<img src="../uploads/89b50da136422046f40d9b6fdfde5f8b/grist.jpg" alt="Grist">
|
|
|
|
<a href="../Portail" class="tile">
|
|
|
|
<div class="tile-image">
|
|
|
|
<img src="../uploads/6933d6e1370d2ca95b3d362b4a7cced2/club.svg" alt="Grist">
|
|
|
|
</div>
|
|
|
|
<div class="tile-content">
|
|
|
|
<h2>Grist</h2>
|
|
|
|
<h2>GRIST</h2>
|
|
|
|
<p>Découvrez les fonctionnalités essentielles de GRIST et apprenez à le maîtriser.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<!-- Tuile 2 -->
|
|
|
|
<div class="tile">
|
|
|
|
<img src="../uploads/89b50da136422046f40d9b6fdfde5f8b/grist.jpg" alt="Ressource 2">
|
|
|
|
<div class="tile-content">
|
|
|
|
<h2>Ressource 2</h2>
|
|
|
|
<p>Description de la ressource 2.</p>
|
|
|
|
<a href="../parapheur" class="tile">
|
|
|
|
<div class="tile-image">
|
|
|
|
<img src="../uploads/268554f4e23fb4173ba1ae8de88b299f/collectif.svg" alt="Parapheur">
|
|
|
|
</div>
|
|
|
|
<div class="tile-content">
|
|
|
|
<h2>Parapheur</h2>
|
|
|
|
<p>Dématérialisez vos circuits de validation et embarquez de la signature électronique certifiée.</p>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<!-- Tuile 3 -->
|
|
|
|
<div class="tile">
|
|
|
|
<img src="../uploads/89b50da136422046f40d9b6fdfde5f8b/grist.jpg" alt="Ressource 3">
|
|
|
|
<div class="tile-content">
|
|
|
|
<h2>Ressource 3</h2>
|
|
|
|
<p>Description de la ressource 3.</p>
|
|
|
|
<a href="/lien-vers-page3" class="tile">
|
|
|
|
<div class="tile-image">
|
|
|
|
<img src="../uploads/7e19b2d3c08627b2974fabae4d662d81/pc.svg" alt="PC">
|
|
|
|
</div>
|
|
|
|
<div class="tile-content">
|
|
|
|
<h2>Sécurité</h2>
|
|
|
|
<p>Paramétrage, sécurité, gestion des fichiers et bonnes pratiques d’entretien de votre environnement de travail.</p>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<!-- Tuile 4 -->
|
|
|
|
<div class="tile">
|
|
|
|
<img src="../uploads/89b50da136422046f40d9b6fdfde5f8b/grist.jpg" alt="Ressource 4">
|
|
|
|
<div class="tile-content">
|
|
|
|
<h2>Ressource 4</h2>
|
|
|
|
<p>Description de la ressource 4.</p>
|
|
|
|
<a href="/lien-vers-page4" class="tile">
|
|
|
|
<div class="tile-image">
|
|
|
|
<img src="../uploads/aeb48d794189cf0ffe36458683b8fed8/visio.svg" alt="visio">
|
|
|
|
</div>
|
|
|
|
<div class="tile-content">
|
|
|
|
<h2>Visioconférence</h2>
|
|
|
|
<p>Applications recommandées, connexion sécurisée, et synchronisation avec vos outils professionnels.</p>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<!-- Tuile 5 -->
|
|
|
|
<div class="tile">
|
|
|
|
<img src="../uploads/89b50da136422046f40d9b6fdfde5f8b/grist.jpg" alt="Ressource 5">
|
|
|
|
<a href="/lien-vers-page5" class="tile">
|
|
|
|
<div class="tile-image">
|
|
|
|
<img src="../uploads/aeb48d794189cf0ffe36458683b8fed8/visio.svg" alt="visio">
|
|
|
|
</div>
|
|
|
|
<div class="tile-content">
|
|
|
|
<h2>Ressource 5</h2>
|
|
|
|
<p>Description de la ressource 5.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<!-- Tuile 6 -->
|
|
|
|
<div class="tile">
|
|
|
|
<img src="../uploads/89b50da136422046f40d9b6fdfde5f8b/grist.jpg" alt="Ressource 6">
|
|
|
|
<a href="/lien-vers-page6" class="tile">
|
|
|
|
<div class="tile-image">
|
|
|
|
<img src="chemin/vers/image6.jpg" alt="Ressource 6">
|
|
|
|
</div>
|
|
|
|
<div class="tile-content">
|
|
|
|
<h2>Ressource 6</h2>
|
|
|
|
<p>Description de la ressource 6.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</main> |
|
|
\ No newline at end of file |
