Designsystem

Process: Isolation 

<section class="process">
    <div class="grid-5-7">
        <div class="left">
            <h1 class="h1">Isolation à 1&euro;:<br/>Comment ça marche ?</h1>
        </div>
        <div class="right">
            <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>
        </div>
    </div>
</section>
 
<section class="process">
    <div class="grid-5-7">
        <div class="left">
            <h1 class="h1">{{{process.title}}}</h1>
        </div>
        <div class="right">
            <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>
        </div>
    </div>
</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.