texte seul férré à gauche avec contexte -form Variant -text-align-left

Title highlight

Subitle (optionnel)

texte seul centré avec contexte -form Variant -text-align-center

Title highlight

Subitle (optionnel)

texte +img/icon férré à gauche avec contexte -form Variant -text-align-left

Title highlight

Subitle (optionnel)

texte +img/icon centré avec contexte -form Variant -text-align-center

Title highlight

Subitle (optionnel)

          

            
HTML

            


            
PUG

            
.title-exemple
  h4 texte seul férré à gauche avec contexte #[code -form] Variant #[code -text-align-left]
.heading-version2.-form.-text-align-left
  .wrapper-principal 
    .title
      hx Title 
        span.highlight highlight
    p.subtitle Subitle (optionnel)
.documentation-space
.title-exemple
  h4 texte seul centré avec contexte #[code -form] Variant #[code -text-align-center]
.heading-version2.-form.-text-align-center
  .wrapper-principal 
    .title
      hx Title 
        span.highlight highlight
    p.subtitle Subitle (optionnel)
.documentation-space
.title-exemple
  h4 texte +img/icon férré à gauche avec contexte #[code -form] Variant #[code -text-align-left]
.heading-version2.-form.-text-align-left
  .wrapper-icon
    img.img-fluid(src=fakeimg+"/96x96/" alt='')
  .wrapper-principal 
    .title
      hx Title 
        span.highlight highlight
    p.subtitle Subitle (optionnel)
.documentation-space
.title-exemple
  h4 texte +img/icon centré avec contexte #[code -form] Variant #[code -text-align-center]
.heading-version2.-form.-text-align-center
  .wrapper-icon
    i.maificon.maificon-cercle-triangle-icon-nav(aria-hidden='true')
  .wrapper-principal 
    .title
      hx Title 
        span.highlight highlight
    p.subtitle Subitle (optionnel)