Designsystem

Card Simulation: Default 

<div class="cardSimulation">
    <div>
        <p class="keydata keydata-red keydata-big text-center">689&euro;</p>
        <h1 class="h1 text-primary text-center no-margin-bottom">De prime éco énergie</h1>
        <p class="text-center">Si vous respectez les conditions liées au matériel installé</p>
        <h4 class="h4 margin-top">Chaudière individuelle à haute performance énergétique</h4>
        <ul class="checked">
            <li><strong class="text-primary-complement">Etat &gt;= 90%</strong> (mesuré hors système de régulation)</li>
        </ul>
    </div>
    <div>
        <h4 class="h4 text-center text-primary">Ma prime en 2 semaines&nbsp;!</h4>
        <p class="text-center">Prime versée directement sur votre carte de fidélité Auchan après validation du dossier</p>
        <p class="text-center margin-top"><a class="link-with-icon-primary" href="#!">Télécharger les conditions complètes</a></p>
    </div>
    <div class="cardSimulation-ctaContainer">
        <button type="button" class="btn btn-primary">Je demande cette prime</button>
    </div>
</div>
 
<div class="cardSimulation">
    <div>
        <p class="keydata keydata-red keydata-big text-center">689&euro;</p>
        <h1 class="h1 text-primary text-center no-margin-bottom">De prime éco énergie</h1>
        <p class="text-center">Si vous respectez les conditions liées au matériel installé</p>
        <h4 class="h4 margin-top">Chaudière individuelle à haute performance énergétique</h4>
        <ul class="checked">
            <li><strong class="text-primary-complement">Etat &gt;= 90%</strong> (mesuré hors système de régulation)</li>
        </ul>
    </div>
    <div>
        <h4 class="h4 text-center text-primary">Ma prime en 2 semaines&nbsp;!</h4>
        <p class="text-center">Prime versée directement sur votre carte de fidélité Auchan après validation du dossier</p>
        <p class="text-center margin-top"><a class="link-with-icon-primary" href="#!">Télécharger les conditions complètes</a></p>
    </div>
    <div class="cardSimulation-ctaContainer">
        <button type="button" class="btn btn-primary">Je demande cette prime</button>
    </div>
</div>
 
{
  "card": {
    "title": "Des primes pour vos travaux de rénovation énergétique",
    "title_post": "Auchan prime eco soutient le téléthon : le bilan de l'édition 2019",
    "label": "Les aides",
    "date": "20/03/2020",
    "image": "/placeholders/images/generic.svg",
    "text": "Le Téléthon est un événement caritatif lancé en 1987 qui réunit plus de 5 millions de personnes et 200 000 bénévoles qui aident l’association AFM (Association française contre les myopathies) dans son combat contre la maladie."
  },
  "testimonial": {
    "testimonial_text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec interdum diam. Nam sed euismod urna. Mauris vehicula placerat velit. Mauris ex ligula, vehicula et laoreet vel, condimentum sed sapien. Vestibulum id dolor feugiat, ullamcorper tellus eu, imperdiet arcu. Aenean a bibendum est. Phasellus urna elit, dictum nec efficitur ut, posuere in turpis. Curabitur mattis elit enim, vel porttitor tortor imperdiet et. Cras dignissim dui est, vel ultrices ante consequat in. Cras nec efficitur augue.",
    "testimonial_name": "Cathy, résident à Vred dans le Nord (59)",
    "testimonial_title": "Je chauffe maintenant moins en ayant plus chaud chez moi.",
    "testimonial_image": "/placeholders/images/generic.svg"
  },
  "faq": "Peut-on cumuler la prime avec d’autres aides du même type ?",
  "video_title": "Le programme Prime Eco Energie Auchan",
  "testimonial_video_title": "Découvrez en vidéo le programme"
}

There are no notes for this item.