texte seul férré à gauche

Title highlight

Subitle (optionnel)

texte seul + Variant -text-align-center

Title highlight

Subitle (optionnel)

Variant -vertical + Img.

Title highlight

Subitle (optionnel)

Variant -vertical + Variant -text-align-center + Img.

Title highlight

Subitle (optionnel)

Variant -vertical + Variant -horizontal-md + Img.

Title highlight

Subitle (optionnel)

Variant -vertical + Variant -text-align-center + Variant -horizontal-md + Img.

Title highlight

Subitle (optionnel)

Variant -horizontal + Img.

Title highlight

Subitle (optionnel)

Variant -horizontal + Variant -vertical-md + Img.

Title highlight

Subitle (optionnel)

Variant -horizontal + Variant -vertical-md + Variant -text-align-center + Img.

Title highlight

Subitle (optionnel)

Variant -horizontal + Variant -vertical-md + Variant -text-align-center + Icon.

Title highlight

Subitle (optionnel)

          

            
HTML

            


            
PUG

            
.title-exemple
  h4 texte seul férré à gauche
.heading-form-version2
  .wrapper-principal 
    .title
      hx Title 
        span.highlight highlight
    p.subtitle Subitle (optionnel)
.documentation-space
.title-exemple
  h4 texte seul + Variant #[code -text-align-center]
.heading-form-version2.-text-align-center
  .wrapper-principal 
    .title
      hx Title 
        span.highlight highlight
    p.subtitle Subitle (optionnel)
.documentation-space
.title-exemple
  h4 Variant #[code -vertical] + Img.
.heading-form-version2.-vertical
  .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 Variant #[code -vertical] + Variant #[code -text-align-center] + Img.
.heading-form-version2.-vertical.-text-align-center
  .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 Variant #[code -vertical] + Variant #[code -horizontal-md] + Img.
.heading-form-version2.-vertical.-horizontal-md
  .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 Variant #[code -vertical] + Variant #[code -text-align-center] + Variant #[code -horizontal-md] + Img.
.heading-form-version2.-vertical.-text-align-center.-horizontal-md
  .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 Variant #[code -horizontal] + Img.
.heading-form-version2.-horizontal
  .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 Variant #[code -horizontal] + Variant #[code -vertical-md] + Img.
.heading-form-version2.-horizontal.-vertical-md
  .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 Variant #[code -horizontal] + Variant #[code -vertical-md] + Variant #[code -text-align-center] + Img.
.heading-form-version2.-horizontal.-vertical-md.-text-align-center
  .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 Variant #[code -horizontal] + Variant #[code -vertical-md] + Variant #[code -text-align-center] + Icon.
.heading-form-version2.-horizontal.-vertical-md.-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)