Designsystem

Offres surfaces 

<section class="simulation-sumup">
    <div class="background-grey-smoke padding-lg">
        <h1 class="h1 text-center">Les autres surfaces :</h1>
        <ul class="keyfacts">
            <li>
                <span>
                    <img src="https://www.isolations1euro.auchan.fr/plugins/plateformeAuc_isolation/assets/dist/img/operations/BAR-EN-103-B.png">
                    <h4 class="h4 keyfacts-title">Cave/sous-sol</h4>
                </span>
                <div class="flex centered"><a href="#" class="btn btn-secondary background-white">Je découvre l’offre</a></div>
            </li>
            <li>
                <span>
                    <img src="https://www.isolations1euro.auchan.fr/plugins/plateformeAuc_isolation/assets/dist/img/operations/BAR-EN-103-C.png">
                    <h4 class="h4 keyfacts-title">Vide sanitaire</h4>
                </span>
                <div class="flex centered"><a href="#" class="btn btn-secondary background-white">Je découvre l’offre</a></div>
            </li>
            <li>
                <span>
                    <img src="https://www.isolations1euro.auchan.fr/plugins/plateformeAuc_isolation/assets/dist/img/operations/BAR-EN-103-A.png">
                    <h4 class="h4 keyfacts-title">Garage</h4>
                </span>
                <div class="flex centered"><a href="#" class="btn btn-secondary background-white">Je découvre l’offre</a></div>
            </li>
        </ul>
    </div>
    <div class="margin-top-sm">
        <small class="text-muted "></small>
    </div>
</section>
 
<section class="simulation-sumup">
    <div class="background-grey-smoke padding-lg">
        <h1 class="h1 text-center">{{{title}}}</h1>
        <ul class="keyfacts">
            {{#each datas}}
            <li>
                <span>
                    <img src="{{image}}">
                    <h4 class="h4 keyfacts-title">{{{title}}}</h4>
                </span>
                <div class="flex centered"><a href="{{link}}" class="btn btn-secondary background-white">{{label}}</a></div>
            </li>
            {{/each}}
        </ul>
    </div>
    <div class="margin-top-sm">
        <small class="text-muted ">{{{simulation_sumup.nb}}}</small>
    </div>
</section>
 
{
  "title": "Les autres surfaces :",
  "datas": [
    {
      "title": "Cave/sous-sol",
      "image": "https://www.isolations1euro.auchan.fr/plugins/plateformeAuc_isolation/assets/dist/img/operations/BAR-EN-103-B.png",
      "label": "Je découvre l’offre",
      "link": "#"
    },
    {
      "title": "Vide sanitaire",
      "image": "https://www.isolations1euro.auchan.fr/plugins/plateformeAuc_isolation/assets/dist/img/operations/BAR-EN-103-C.png",
      "label": "Je découvre l’offre",
      "link": "#"
    },
    {
      "title": "Garage",
      "image": "https://www.isolations1euro.auchan.fr/plugins/plateformeAuc_isolation/assets/dist/img/operations/BAR-EN-103-A.png",
      "label": "Je découvre l’offre",
      "link": "#"
    }
  ]
}
  • Handle: @offres-surfaces
  • Preview:
  • Filesystem Path: components\4-sections\offres-surfaces\offres-surfaces.hbs

There are no notes for this item.