HTML


PUG

.comparatif-investissement.swipe-slider
  .container-slider(data-tabs="swipe")
    .row(role="tablist" aria-label="Nos différentes formules de protection")
      .col.tableau-slide(role="tab" aria-selected="true" data-tab="true" tabindex="0")
        .carte
          .categorie.actions
            strong Insertion emplois dynamique 
            .separator  - 
            .subtitle Création d'emplois en France, relance de l'économie et solidaire
          .data
            .row 
              .col-lg-3
                .zone-risque
                  .zone
                    p Zone 
                      span.strong Europe
                  .risque
                    p 
                      span Niveau de 
                        br/ risque
                      span.strong 5/7
              .col-lg-2
                .perf-depuis
                  p.date Performance depuis le 31/12/2019
                  p.valeur.hausse
                    i.maificon.maificon-fleche-first(aria-hidden='true')
                    span.strong + 8,16 %
              .col-lg-3
                .perf-annee 
                  p.strong Performances
                  ul
                    li
                      p 1 an 
                        span.strong 24,5 %
                    li
                      p 3 ans 
                        span.strong 24,5 %
                    li
                      p 5 ans 
                        span.strong 24,5 %
              .col-lg-4
                ul.list-labels
                  li
                    img.img-fluid(src='https://dummyimage.com/32x32/' alt='')
                    p ISR France
                  li 
                    img.img-fluid(src='https://dummyimage.com/32x32/' alt='')
                    p ISR France
                  li 
                    img.img-fluid(src='https://dummyimage.com/32x32/' alt='')
                    p Finansol
                  li 
                    img.img-fluid(src='https://dummyimage.com/32x32/' alt='')
                    p Relance
          #collapse-comparatif-investissement-1.collapse.multi-collapse-investissement-UID
            .content-collapse 
              ul 
                li 
                  a(href="#")
                    .download Composition du portefeuille
                li 
                  a(href="#") 
                    .download Composition du portefeuille
                li 
                  a(href="#") 
                    .download Composition du portefeuille
          button.d-none.d-lg-block(data-toggle='collapse' data-target='#collapse-comparatif-investissement-1' role='button' aria-expanded='false' aria-controls='collapse-comparatif-investissement')
            i.maificon.maificon-plus(aria-hidden='true')
            | Voir les documents
          button.d-block.d-lg-none(data-toggle='collapse' data-target='.multi-collapse-investissement-UID' role='button' aria-expanded='false' aria-controls='collapse-comparatif-investissement')
            i.maificon.maificon-plus(aria-hidden='true')
            | Voir les documents
      .col.tableau-slide(role="tab" aria-selected="false" data-tab="true" tabindex="-1")
        .carte
          .categorie.monetaire
            strong Insertion emplois dynamique 
            .separator  - 
            .subtitle Création d'emplois en France, relance de l'économie et solidaire
          .data
            .row 
              .col-lg-3
                .zone-risque
                  .zone
                    p Zone 
                      span.strong Europe
                  .risque
                    p 
                      span Niveau de 
                        br/ risque
                      span.strong 5/7
              .col-lg-2
                .perf-depuis
                  p.date Performance depuis le 31/12/2019
                  p.valeur.baisse
                    i.maificon.maificon-fleche-first(aria-hidden='true')
                    span.strong - 8,16 %
              .col-lg-3
                .perf-annee 
                  p.strong Performances
                  ul
                    li
                      p 1 an 
                        span.strong 24,5 %
                    li
                      p 3 ans 
                        span.strong 24,5 %
                    li
                      p 5 ans 
                        span.strong 24,5 %
              .col-lg-4
                ul.list-labels
                  li 
                    img.img-fluid(src='https://dummyimage.com/32x32/' alt='')  
                    p ISR France
                  li 
                    img.img-fluid(src='https://dummyimage.com/32x32/' alt='')  
                    p Finansol
                  li 
                    img.img-fluid(src='https://dummyimage.com/32x32/' alt='')  
                    p Relance
          #collapse-comparatif-investissement-2.collapse.multi-collapse-investissement-UID
            .content-collapse 
              ul 
                li 
                  a(href="#") 
                    .download Composition du portefeuille
                li 
                  a(href="#") 
                    .download Composition du portefeuille
                li 
                  a(href="#") 
                    .download Composition du portefeuille
          button.d-none.d-lg-block(data-toggle='collapse' data-target='#collapse-comparatif-investissement-2' role='button' aria-expanded='false' aria-controls='collapse-comparatif-investissement')
            i.maificon.maificon-plus(aria-hidden='true')
            | Voir les documents
          button.d-block.d-lg-none(data-toggle='collapse' data-target='.multi-collapse-investissement-UID' role='button' aria-expanded='false' aria-controls='collapse-comparatif-investissement')
            i.maificon.maificon-plus(aria-hidden='true')
            | Voir les documents
      .col.tableau-slide(role="tab" aria-selected="false" data-tab="true" tabindex="-1")
        .carte
          .categorie.dette-privee
            strong Insertion emplois dynamique 
            .separator  - 
            .subtitle Création d'emplois en France, relance de l'économie et solidaire
          .data
            .row 
              .col-lg-3
                .zone-risque
                  .zone
                    p Zone 
                      span.strong Europe
                  .risque
                    p 
                      span Niveau de 
                        br/ risque
                      span.strong 5/7
              .col-lg-2
                .perf-depuis
                  p.date Performance depuis le 31/12/2019
                  p.valeur.hausse
                    i.maificon.maificon-fleche-first(aria-hidden='true')
                    span.strong + 8,16 %
              .col-lg-3
                .perf-annee 
                  p.strong Performances
                  ul
                    li
                      p 1 an 
                        span.strong 24,5 %
                    li
                      p 3 ans 
                        span.strong 24,5 %
                    li
                      p 5 ans 
                        span.strong 24,5 %
              .col-lg-4
                ul.list-labels 
                  li 
                    img.img-fluid(src='https://dummyimage.com/32x32/' alt='')  
                    p Relance
          #collapse-comparatif-investissement-3.collapse.multi-collapse-investissement-UID
            .content-collapse 
              ul 
                li 
                  a(href="#") 
                    .download Composition du portefeuille
                li 
                  a(href="#") 
                    .download Composition du portefeuille
                li 
                  a(href="#") 
                    .download Composition du portefeuille
                li 
                  a(href="#") 
                    .download Composition du portefeuille
                li 
                  a(href="#") 
                    .download Composition du portefeuille
                li 
                  a(href="#") 
                    .download Composition du portefeuille
                li 
                  a(href="#") 
                    .download Composition du portefeuille
                li 
                  a(href="#") 
                    .download Composition du portefeuille
                li 
                  a(href="#") 
                    .download Composition du portefeuille
          button.d-none.d-lg-block(data-toggle='collapse' data-target='#collapse-comparatif-investissement-3' role='button' aria-expanded='false' aria-controls='collapse-comparatif-investissement')
            i.maificon.maificon-plus(aria-hidden='true')
            | Voir les documents
          button.d-block.d-lg-none(data-toggle='collapse' data-target='.multi-collapse-investissement-UID' role='button' aria-expanded='false' aria-controls='collapse-comparatif-investissement')
            i.maificon.maificon-plus(aria-hidden='true')
            | Voir les documents