texte seul férré à gauche avec contexte -selfcare Variants -selfcare-primary -text-align-left

Title highlight

Subitle (optionnel)

texte seul centré avec contexte -selfcare Variants -selfcare-primary -text-align-center

Title highlight

Subitle (optionnel)

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

Title highlight

Subitle (optionnel)

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

Title highlight

Subitle (optionnel)

texte seul férré à gauche avec contexte -selfcare Variants -selfcare-secondary -text-align-left

Title highlight

Subitle (optionnel)

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

Title highlight

Subitle (optionnel)

          

            
HTML

            


            
PUG

            
.title-exemple
  h4 texte seul férré à gauche avec contexte #[code -selfcare] Variants #[code -selfcare-primary -text-align-left]
.heading-version2.-selfcare.-selfcare-primary.-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 -selfcare] Variants #[code -selfcare-primary -text-align-center]
.heading-version2.-selfcare.-selfcare-primary.-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 -selfcare] Variant #[code -selfcare-primary -text-align-left]
.heading-version2.-selfcare.-selfcare-primary.-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 -selfcare] Variant #[code -selfcare-primary -text-align-center]
.heading-version2.-selfcare.-selfcare-primary.-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 texte seul férré à gauche avec contexte #[code -selfcare] Variants #[code -selfcare-secondary -text-align-left]
.heading-version2.-selfcare.-selfcare-secondary.-text-align-left
  .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 -selfcare] Variant #[code -selfcare-secondary -text-align-left]
  
.heading-version2.-selfcare.-selfcare-secondary.-text-align-left
  .wrapper-icon
    img.img-fluid(src=fakeimg+"/64x64/" alt='')
  .wrapper-principal 
    .title
      hx Title 
        span.highlight highlight
    p.subtitle Subitle (optionnel)