Designsystem

Process: Default 

<section class="process">
    <h1 class="h1">Une démarche simple et rapide</h1>
    <ul class="todoList">
        <li class="todoList-item">
            <div class="keydata todoList-item-step">1</div>
            <div class="todoList-item-content">
                <p class="todoList-item-title">Vérifiez votre éligibilité</p>
                <p>Grâce au simulateur, c&#x27;est rapide et gratuit !</p>
            </div>
        </li>
        <li class="todoList-item">
            <div class="keydata todoList-item-step">2</div>
            <div class="todoList-item-content">
                <p class="todoList-item-title">Isolez votre maison avec un de nos installateurs certifiés</p>
                <p>Un expert vous contacte pour organiser la réalisation des travaux.</p>
            </div>
        </li>
        <li class="todoList-item">
            <div class="keydata todoList-item-step">3</div>
            <div class="todoList-item-content">
                <p class="todoList-item-title">Payez 1€</p>
                <p>Et n&#x27;avancez aucun frais supplémentaire. Votre maison est isolée !</p>
            </div>
        </li>
    </ul>
</section>
 
<section class="process">
    <h1 class="h1">{{{process.subtitle}}}</h1>
    <ul class="todoList">
        {{#each process.datas}}
        <li class="todoList-item">
            <div class="keydata todoList-item-step">{{index}}</div>
            <div class="todoList-item-content">
                <p class="todoList-item-title">{{title}}</p>
                <p>{{text}}</p>
            </div>
        </li>
        {{/each}}
    </ul>
</section>
 
{
  "process": {
    "title": "Isolation à 1&euro;:<br/>Comment ça marche ?",
    "subtitle": "Une démarche simple et rapide",
    "datas": [
      {
        "index": "1",
        "title": "Vérifiez votre éligibilité",
        "text": "Grâce au simulateur, c'est rapide et gratuit !"
      },
      {
        "index": "2",
        "title": "Isolez votre maison avec un de nos installateurs certifiés",
        "text": "Un expert vous contacte pour organiser la réalisation des travaux."
      },
      {
        "index": "3",
        "title": "Payez 1€",
        "text": "Et n'avancez aucun frais supplémentaire. Votre maison est isolée !"
      }
    ]
  }
}

There are no notes for this item.