Dépréciation
Les exemples suivants sont dépréciés, ne pas utiliser comme référence
Pour support des versions précédentes
Carte verticale
Qu’est-ce que le Pass Culture et comment l’obtenir ?
Description texte body small regular consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore…
Détail
<div class="village-grid-row village-grid-row--gutters">
<div class="village-col-12 village-col-md-3">
<div class="village-card village-enlarge-link">
<div class="village-card__body">
<h4 class="village-card__title">
<a href="#" class="village-card__link">Qu’est-ce que le Pass Culture et comment l’obtenir ?</a>
</h4>
<p class="village-card__desc">Description texte body small regular consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore…</p>
<p class="village-card__detail">Détail</p>
</div>
</div>
</div>
</div>
Carte verticale image
Qu’est-ce que le Pass Culture et comment l’obtenir ?
Description texte body small regular consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore…
Détail
<div class="village-grid-row village-grid-row--gutters">
<div class="village-col-12 village-col-md-3">
<div class="village-card village-enlarge-link">
<div class="village-card__body">
<h4 class="village-card__title">
<a href="#" class="village-card__link">Qu’est-ce que le Pass Culture et comment l’obtenir ?</a>
</h4>
<p class="village-card__desc">Description texte body small regular consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore…</p>
<p class="village-card__detail">Détail</p>
</div>
<div class="village-card__img">
<img class="village-responsive-img" src="../../../../example/img/placeholder.16x9.png" alt="" />
<!-- L’alternative de l’image (attribut alt) doit rester vide car l’image est illustrative et ne doit pas être restituée aux technologies d’assistance -->
</div>
</div>
</div>
</div>
Carte verticale image
Qu’est-ce que le Pass Culture et comment l’obtenir ?
Description texte body small regular consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore…
<div class="village-grid-row village-grid-row--gutters">
<div class="village-col-12 village-col-md-3">
<div class="village-card village-enlarge-link">
<div class="village-card__body">
<h4 class="village-card__title">
<a href="#" class="village-card__link">Qu’est-ce que le Pass Culture et comment l’obtenir ?</a>
</h4>
<p class="village-card__desc">Description texte body small regular consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore…</p>
</div>
<div class="village-card__img">
<img class="village-responsive-img" src="../../../../example/img/placeholder.16x9.png" alt="" />
<!-- L’alternative de l’image (attribut alt) doit rester vide car l’image est illustrative et ne doit pas être restituée aux technologies d’assistance -->
</div>
</div>
</div>
</div>
Carte verticale image
Qu’est-ce que le Pass Culture et comment l’obtenir ?
Description texte body small regular consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore…
Détail
<div class="village-grid-row village-grid-row--gutters">
<div class="village-col-12 village-col-md-3">
<div class="village-card">
<div class="village-card__body">
<h4 class="village-card__title">
<a href="#" class="village-card__link">Qu’est-ce que le Pass Culture et comment l’obtenir ?</a>
</h4>
<p class="village-card__desc">Description texte body small regular consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore…</p>
<p class="village-card__detail">Détail</p>
</div>
<div class="village-card__img">
<img class="village-responsive-img" src="../../../../example/img/placeholder.16x9.png" alt="" />
<!-- L’alternative de l’image (attribut alt) doit rester vide car l’image est illustrative et ne doit pas être restituée aux technologies d’assistance -->
</div>
</div>
</div>
</div>
Carte verticale image
Qu’est-ce que le Pass Culture et comment l’obtenir ?
Description texte body small regular consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore…
Détail
<div class="village-grid-row village-grid-row--gutters">
<div class="village-col-12 village-col-md-8">
<div class="village-card village-enlarge-link village-card--horizontal">
<div class="village-card__body">
<h4 class="village-card__title">
<a href="#" class="village-card__link">Qu’est-ce que le Pass Culture et comment l’obtenir ?</a>
</h4>
<p class="village-card__desc">Description texte body small regular consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore…</p>
<p class="village-card__detail">Détail</p>
</div>
<div class="village-card__img">
<img class="village-responsive-img" src="../../../../example/img/placeholder.16x9.png" alt="" />
<!-- L’alternative de l’image (attribut alt) doit rester vide car l’image est illustrative et ne doit pas être restituée aux technologies d’assistance -->
</div>
</div>
</div>
</div>
Carte verticale image
Qu’est-ce que le Pass Culture et comment l’obtenir ?
Description texte body small regular consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore…
<div class="village-grid-row village-grid-row--gutters">
<div class="village-col-12 village-col-md-8">
<div class="village-card village-enlarge-link village-card--horizontal">
<div class="village-card__body">
<h4 class="village-card__title">
<a href="#" class="village-card__link">Qu’est-ce que le Pass Culture et comment l’obtenir ?</a>
</h4>
<p class="village-card__desc">Description texte body small regular consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore…</p>
</div>
<div class="village-card__img">
<img class="village-responsive-img" src="../../../../example/img/placeholder.16x9.png" alt="" />
<!-- L’alternative de l’image (attribut alt) doit rester vide car l’image est illustrative et ne doit pas être restituée aux technologies d’assistance -->
</div>
</div>
</div>
</div>
Carte verticale image
Qu’est-ce que le Pass Culture et comment l’obtenir ?
Description texte body small regular consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore…
<div class="village-grid-row village-grid-row--gutters">
<div class="village-col-12 village-col-md-8">
<div class="village-card village-card--horizontal">
<div class="village-card__body">
<h4 class="village-card__title">
<a href="#" class="village-card__link">Qu’est-ce que le Pass Culture et comment l’obtenir ?</a>
</h4>
<p class="village-card__desc">Description texte body small regular consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore…</p>
</div>
<div class="village-card__img">
<img class="village-responsive-img" src="../../../../example/img/placeholder.16x9.png" alt="" />
<!-- L’alternative de l’image (attribut alt) doit rester vide car l’image est illustrative et ne doit pas être restituée aux technologies d’assistance -->
</div>
</div>
</div>
</div>