HTML
            


            
PUG
            
include ../../../mixins/swap-component.pug

.title-exemple 
  h3 Ligne option personnalisable
.ligne-option-personnalisable
  .header-option
    .picto
      img.d-none.d-sm-block(src=fakeimg+"/50x50/" alt="")
    .titre-option 
      p.titre Titre (h2/h3/h4/p)
      .detail 
        | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia id turpis non ultricies. Morbi id ultricies tortor. Pellentesque at pharetra nisl. 
.documentation-space

.title-exemple 
  h3 Ligne option personnalisable
.ligne-option-personnalisable
  .header-option
    .picto
      img.d-none.d-sm-block(src=fakeimg+"/50x50/" alt="")
    .titre-option 
      .titre
        h2 Titre (h2/h3/h4/p)
      .detail 
        | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lacinia id turpis non ultricies. Morbi id ultricies tortor. Pellentesque at pharetra nisl. 
  .content
    +swap-component
.documentation-space

.title-exemple 
  h3 Ligne option personnalisable avec tarif
.ligne-option-personnalisable
  .header-option
    .picto
      img(src=fakeimg+"/50x50/" alt="")
    .titre-option
      p.titre Titre (h2/h3/h4/p)
  .content
    .row
      .col-12.col-md-8
        p Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo saepe deserunt enim dicta voluptatibus reiciendis error a qui culpa in voluptate, sunt dignissimos quod consectetur? Quidem cum perspiciatis odit numquam.
      .col-12.col-md-4
        //- right-md --> traitement custom
        .tarif-version2.right-md
          p
            span
              | 3
              span ,50 €
                sub /mois
            span.text-right 
              | Soit 
              strong 355,93 € 
              | /an