HTML
            


            
PUG
            
.conversationnel
  .conversation
    .row
      .col-md-8.mx-auto
        a(href='#').reinit
          i.maificon.maificon-fleche-return(aria-hidden='true')
          span Réinitialiser
        .message.message-m
          header
            .perso
          .message-container
            .text
              span Message MAIF
        .message.message-u
          .message-container
            .text
              span Message utilisateur
            .modify
              a(href='#') modifier
        .message.message-m
          header
            .perso
          .message-container
            .message-wait
              span
              span
              span
  .conversationnel
    .conversation
      .row
        .col-md-8.mx-auto
          br/
          .message.message-m
            header
              .perso
            .message-container
              .text
                span Message MAIF
          .message.message-m
            header
              .perso
            .message-container
              .text Texte par défaut Gras possible
sur plusieurs lignes
          .message.message-m
            header
              .perso
            .message-container
              .text
                span Message d'information (Popin)
                a(href='#', data-toggle='modal', data-target='#popin-1').link-information Texte d'action sur plusieurs lignes possible
          .message.message-m
            header
              .perso
            .message-container
              .text
                span Message d'action (Popin)
                a(href='#').link-action
                  i.maificon.maificon-pdf(aria-hidden='true')
                  span Texte d'action sur plusieurs lignes possible
          .message.message-m
              header
                .perso
              .message-container
                .text
                  p Tarif calculé selon les éléments suivants :
                  .resultat-recherche-objet.reduit 
                    .picto
                      i.maificon.maificon-bateau-moteur(aria-hidden='true')
                    .content
                      ul.list-unstyled
                        li Marque : 
                          strong CATANA
                        li Modèle : 
                          strong CATANA 42
                        li Type : 
                          strong Voilier
                        li Année : 
                          strong 2009
                        li Utilisation : 
                          strong Moins de 20 jours/an
                .modify
                  a(href='#') Ce n'est pas mon bateau
          .message.message-m
              header
                .perso
              .message-container
                .text
                  span Je vous propose :
                  a(href='#').devis-formule
                    .title CONTRAT Propriété bailleur
                    .tarif
                      span 18
                      .vir
                        sup ,00€
                        sub /mois*
                    .link VOIR EN DETAILS 
          .message.message-m
              header
                .perso
              .message-container
                .text
                  span Je vous propose :
                  a(href='#').devis-formule
                    .subtitle petites et moyennes associations
                    .title CONTRAT Multirisque
                    .tarif
                      span 178
                      .vir
                        sup ,19€
                        sub /an
                    .informations
                      .title
                        div Bénéficiez de 
                          strong + d'assurance :
                        div en adhérent au réseau 
                          strong CEZAM
                      ul.bullet-list
                        li
                          span les espèces et valeurs (billetterie) sont automatiquement garantis 
                            strong jusqu'à 25 000 €, sans supplément de tarif !
                        li
                          span l'élu est couvert en cas de faute de gestion avec un 
                            strong plafond étendu à 400 000 €
                    .link VOIR EN DETAILS 
                      i.maificon.maificon-arrow-right(aria-hidden='true')
                  .devis-formule-complement
                    .heading.type7 Pour souscrire :
                    .buttons
                      button.btn.btn-block Bouton 1
                      button.btn.btn-block Bouton 2
                    p
                      a(href='#').block.text-center Lien
                    p.form-legend.last * Legende
          .message.message-m
              header
                .perso
              .message-container
                .text
                  span Veuillez patienter, je calcule votre tarif express
                  .progress