Surtitre facultatif Titre H3 Arial 13px bold gris ou rouge (avec une classe .highlight sur .surtitre)

Titre H3 Maif 18px mob 20 desk noir (facultatif mais un titre obligatoire, ils sont interchangeables)

Titre H3 Maif 4 possibilités : light noir ou light noir + bold noir ou light noir + bold rouge ou bold noir + bold rouge (facultatif et interchangeable un titre obligatoire)

Texte facultatif

Faire un devis ou une simulation

          

            
HTML

            


            
PUG

            
.conseil-push
  .wrapper-message
    .close
      button(type="button", onclick="this.closest('.conseil-push').remove()").remove
        span.sr-only Fermer
        i.maificon.maificon-cross(aria-hidden="true")
    .image
      img(src=fakeimg+"/64x64/", alt='').img-fluid
    .wrapper-message-content
      .surtitre  
        p Surtitre facultatif Titre H3 Arial 13px bold gris ou rouge #[span.highlight (avec une classe .highlight sur .surtitre)]
      .titre 
        .titre1
          h3 
            strong Titre H3 Maif 18px mob 20 desk noir 
            span (facultatif mais un titre obligatoire, ils sont interchangeables)
        .titre2
          h3 
            span.light Titre H3 Maif 4 possibilités : 
            span.light light noir 
            span.light ou light noir + 
            strong bold noir 
            span.light ou light noir + 
            span.highlight 
              strong bold rouge 
            strong ou bold noir + 
            span.highlight  
              strong bold rouge 
            span (facultatif et interchangeable un titre obligatoire)
      p Texte 
        strong facultatif
      button.chip(type="button")
        span Bouton interface

  .wrapper-push
    p Faire un devis ou une simulation
    button.chip(type="button")
      span Go click