HTML
            


            
PUG
            
.mod.tableau-slide(title='Tableau slide 1')
  .mobile-header.d-block.d-sm-none
    a(data-toggle='collapse', data-target='#collapse-tableau-slide-1')#collapse-colonne-1
      .inactive
        i.maificon.maificon-list(aria-hidden='true')
        .val
          strong Colonne 1
      .active
        i.maificon.maificon-cross(aria-hidden='true')
        strong Fermer
    #collapse-tableau-slide-1.collapse
      .collapse-container
        ul
          li
            a.colonne-1.col.active Colonne 1
              i.maificon.maificon-arrow-right(aria-hidden='true')
          li
            a.colonne-2.col Colonne 2
              i.maificon.maificon-arrow-right(aria-hidden='true')
  .row
    .col-md-5.col-6
      .garantie
        .gar.empty
          .gar-val
            span(class="sr-only") Le tableau content 2 colonnes, colonne 1 : Plan des investissements, colonne 2 : Les bon choix
        .gar
          a(href='#').gar-val Ligne 1
            .icons
              i.maificon.maificon-information-cercle(aria-hidden='true')
              i.maificon.legend.maificon-main-feuille(aria-hidden='true')
        .gar
          a(href='#').gar-val 
            p Ligne 2
              br
              |avec du texte
            i.maificon.maificon-information-cercle(aria-hidden='true')
        .gar
          .gar-val
            p Ligne 3
              br
              | avec du text
              br
              | et du texte
        .gar
          .gar-val Ligne 4
avec du text
et du texte
et encore du texte
    .col.container-vals-scroll
      .container-vals
        .vals.vals-header
          .val
            header.row
              .col
                .formule-name
                  strong Colonne 1
              .col
                .formule-name
                  strong Colonne 2
        .vals
          .row.val
            .col.colonne-1.active RFR < 25 000 €
            .col.colonne-2 RFR < 50 000 €
        .vals
          .row.val
            .col.colonne-1.active RFR < 25 000 €
            .col.colonne-2 RFR < 50 000 €
        .vals
          .row.val
            .col.colonne-1.active RFR < 25 000 €
            .col.colonne-2 RFR < 50 000 €
        .vals
          .row.val
            .col.colonne-1.active RFR < 25 000 €
            .col.colonne-2 RFR < 50 000 €
p.form-legend
  i.maificon.maificon-main-feuille.legend(aria-hidden='true')
  | Avec du texte